optische Korrekturen
* Boxen home.html Ergänzung p Tags für gleiche Höher der Copy * Boxen Bilder die kleiner sind als 190px werden mit JS auf 190px Höhe / Width auto angepasst. * Preisstörer im Slider * Style Video Links * Style Listen * Scrollbalken im Buchungsformular bei Dropdown entfernt * Alle Buttons von grau auf grün geändert * Überschriften Boxen auf 16px * Link Flughäfen unterstrichen * Dropdowns gehen nur noch nach unten auf Autodropup false * Kalender auch über das Icon - labels mit for=„ID“ * Termin Nummer in den Tabellen auf 80% Schrift git-svn-id: http://78.47.251.156/svn/dev/sterntours-3@3298 f459cee4-fb09-11de-96c3-f9c5f16c3c76
This commit is contained in:
adametz
parent
39870187c5
commit
d8fcf531ec
7 changed files with 150 additions and 26 deletions
|
|
@ -25,7 +25,7 @@
|
|||
{% set image_url = '/bundles/app/images/no-picture.png' %}
|
||||
{% set image_alt = 'Kein Vorschaubild vorhanden' %}
|
||||
{% endif %}
|
||||
<img src="{{ image_url }}" alt="{{ image_alt }}" style="width: 265px; height: 190px;{# #TODO! #}">
|
||||
<img src="{{ image_url }}" alt="{{ image_alt }}">
|
||||
|
||||
</div>
|
||||
<div class="box_mid">
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
'data-style': attr['data-style']|default('btn-white'),
|
||||
'data-dropout': attr['data-dropout']|default('false')
|
||||
}) %}
|
||||
<div class="dropdown">
|
||||
<div class="dropdown" data-toggle="dropdown">
|
||||
{{- block('base_choice_widget_collapsed') -}}
|
||||
</div>
|
||||
{%- endblock %}
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
{% set attr = attr|merge({class: (attr.class|default('') ~ ' datepicker')|trim}) -%}
|
||||
<div class="input-group">
|
||||
{{ parent() -}}
|
||||
<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
|
||||
<label for="{{ id }}" class="input-group-addon"><i class="fa fa-calendar"></i></label>
|
||||
</div>
|
||||
{%- endblock %}
|
||||
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
<div class="item-img">{% image '@AppBundle/Resources/public/images/page1_img2.jpg' %}<img src="{{ asset_url }}" alt="">{% endimage %}</div>
|
||||
<div class="box_mid">
|
||||
<div class="hl5">Höhepunkte Jordaniens bis 31.10.2016</div>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
|
||||
<div class="price">Für 550,- EUR</div>
|
||||
</div>
|
||||
<a class="item-button is-box-link" href="#1" title="">Ansehen</a>
|
||||
|
|
@ -43,7 +43,7 @@
|
|||
<div class="item-img">{% image '@AppBundle/Resources/public/images/page1_img3.jpg' %}<img src="{{ asset_url }}" alt="">{% endimage %}</div>
|
||||
<div class="box_mid">
|
||||
<div class="hl5">Israel Standardreise<br><br></div>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
|
||||
<div class="price">Für 550,- EUR</div>
|
||||
</div>
|
||||
<a class="item-button is-box-link" href="#1" title="">Ansehen</a>
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
<div class="item-img">{% image '@AppBundle/Resources/public/images/page1_img4.jpg' %}<img src="{{ asset_url }}" alt="">{% endimage %}</div>
|
||||
<div class="box_mid">
|
||||
<div class="hl5">Höhepunkte Jordaniens bis 31.10.2016</div>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
|
||||
<div class="price">Für 550,- EUR</div>
|
||||
</div>
|
||||
<a class="item-button is-box-link" href="#1" title="">Ansehen</a>
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
<div class="item-img">{% image '@AppBundle/Resources/public/images/page1_img2.jpg' %}<img src="{{ asset_url }}" alt="">{% endimage %}</div>
|
||||
<div class="box_mid">
|
||||
<div class="hl5">Höhepunkte Jordaniens bis 31.10.2016</div>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
|
||||
<div class="price">Für 550,- EUR</div>
|
||||
</div>
|
||||
<a class="item-button is-box-link" href="#1" title="">Ansehen</a>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,12 @@
|
|||
********* SLIDER *********
|
||||
#}
|
||||
|
||||
<div class="pull-right btn-over-slider">
|
||||
<div class="price-over-slider">
|
||||
|
||||
<div class="cprice">ab {{ travel_program.lowestPrice|number_format }} € p.P.</div>
|
||||
</div>
|
||||
|
||||
<div class="pull-right btn-over-slider">
|
||||
<button type="button"
|
||||
class="btn btn-primary btn-lg border-radius st-slider-booking-btn"
|
||||
onclick=
|
||||
|
|
@ -184,7 +189,7 @@
|
|||
{% for travel_date in travel_program.travelDates %}
|
||||
{# @var travel_date \AppBundle\Entity\TravelDate #}
|
||||
<tr>
|
||||
<td data-title="Nr."><strong>{{ travel_date.name }}</strong></td>
|
||||
<td data-title="Nr."><strong class="small">{{ travel_date.name }}</strong></td>
|
||||
<td data-title="Beginn">{{ travel_date.start|date }}</td>
|
||||
<td data-title="Ende">{{ travel_date.end|date }}</td>
|
||||
{% if has_three_bed_room %}
|
||||
|
|
|
|||
|
|
@ -17,11 +17,11 @@ A customized "theme_custom_bootstrap.css" is also loaded by the theme in a preco
|
|||
================================================================== */
|
||||
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
|
||||
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
|
||||
@import url(http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css);
|
||||
@import url(font-awesome-4.7.0.css);
|
||||
@import url(bootstrap-select-1.12.0.css);
|
||||
@import url(owl-carousel.css);
|
||||
@import url(prettyPhoto.css);
|
||||
@import url(https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css);
|
||||
@import url(../../app/css/font-awesome-4.7.0.css);
|
||||
@import url(../../app/css/bootstrap-select-1.12.0.css);
|
||||
@import url(../../app/css/owl-carousel.css);
|
||||
@import url(../../app/css/prettyPhoto.css);
|
||||
/*
|
||||
2) RESET
|
||||
===============================================================
|
||||
|
|
@ -350,8 +350,8 @@ p.lead {
|
|||
.btn-primary.active,
|
||||
.open > .dropdown-toggle.btn-primary {
|
||||
color: #fff;
|
||||
background-color: #777777;
|
||||
border-color: #777777;
|
||||
background-color: #648859;
|
||||
border-color: #648859;
|
||||
}
|
||||
.btn-default,
|
||||
.btn-primary:hover,
|
||||
|
|
@ -428,6 +428,50 @@ a,
|
|||
right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
a[id^="video_"],
|
||||
#layer-dialog-box a[id^="video_"] {
|
||||
text-transform: uppercase;
|
||||
border-radius: 0;
|
||||
display: inline-block;
|
||||
padding: 6px 12px 6px 26px;
|
||||
margin-bottom: 6px;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
line-height: 1.42857143;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background-image: none;
|
||||
border: 1px solid #e5aa30;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
background-color: #ffc926;
|
||||
}
|
||||
a[id^="video_"]:hover,
|
||||
#layer-dialog-box a[id^="video_"]:hover {
|
||||
color: #444444;
|
||||
background-color: transparent;
|
||||
}
|
||||
a[id^="video_"]:hover:before,
|
||||
#layer-dialog-box a[id^="video_"]:hover:before {
|
||||
color: #444444;
|
||||
}
|
||||
a[id^="video_"]:before,
|
||||
#layer-dialog-box a[id^="video_"]:before {
|
||||
transition: 0.5s ease;
|
||||
-o-transition: 0.5s ease;
|
||||
-webkit-transition: 0.5s ease;
|
||||
top: 0;
|
||||
width: 20px;
|
||||
left: 4px;
|
||||
content: '\f078';
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-family: 'FontAwesome';
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.googlemap {
|
||||
width: 100%;
|
||||
border: 1px solid #ffffff;
|
||||
|
|
@ -719,6 +763,10 @@ a,
|
|||
-webkit-transform: scale(1, 1);
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
.travel-wrapper .item .item-img img.lower-height {
|
||||
width: auto;
|
||||
min-height: 190px;
|
||||
}
|
||||
.travel-wrapper .item .item-img {
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
|
|
@ -733,7 +781,7 @@ a,
|
|||
text-transform: uppercase;
|
||||
display: block;
|
||||
position: relative;
|
||||
background-color: #777777;
|
||||
background-color: #648859;
|
||||
color: #fff;
|
||||
padding: 8px 58px 8px 20px;
|
||||
font-size: 14px;
|
||||
|
|
@ -741,7 +789,7 @@ a,
|
|||
text-overflow: ellipsis;
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
line-height: 1.4em;
|
||||
line-height: 1.45em;
|
||||
/*span {
|
||||
color: #fff;
|
||||
height: 3.6em;
|
||||
|
|
@ -835,7 +883,7 @@ a,
|
|||
text-transform: uppercase;
|
||||
display: block;
|
||||
position: relative;
|
||||
background-color: #777777;
|
||||
background-color: #648859;
|
||||
color: #fff;
|
||||
padding: 4px 12px 3px 12px;
|
||||
font-size: 14px;
|
||||
|
|
@ -873,7 +921,7 @@ a,
|
|||
bottom: 0;
|
||||
width: 46px;
|
||||
right: 0px;
|
||||
background-color: #5e5e5e;
|
||||
background-color: #4d6945;
|
||||
content: '';
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
|
|
@ -893,7 +941,7 @@ a,
|
|||
bottom: 0;
|
||||
width: 30px;
|
||||
left: 0px;
|
||||
background-color: #5e5e5e;
|
||||
background-color: #4d6945;
|
||||
content: '\f104';
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
|
|
@ -913,7 +961,7 @@ a,
|
|||
bottom: 0;
|
||||
width: 30px;
|
||||
right: 0px;
|
||||
background-color: #5e5e5e;
|
||||
background-color: #4d6945;
|
||||
content: '';
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
|
|
@ -1020,6 +1068,10 @@ a,
|
|||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
.table-responsive {
|
||||
overflow-x: visible !important;
|
||||
overflow-y: visible !important;
|
||||
}
|
||||
.infobox img {
|
||||
width: 80px !important;
|
||||
padding-right: 10px;
|
||||
|
|
@ -1059,6 +1111,20 @@ a,
|
|||
-moz-box-shadow: 0px 0px 8px 5px rgba(255, 255, 255, 0.4);
|
||||
box-shadow: 0px 0px 8px 5px rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
.price-over-slider {
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 75px;
|
||||
z-index: 1000;
|
||||
}
|
||||
.price-over-slider .cprice {
|
||||
background-color: #648859;
|
||||
color: #fff;
|
||||
padding: 4px 6px 4px 12px;
|
||||
font-weight: bold;
|
||||
border: 1px solid #fff;
|
||||
border-left: none;
|
||||
}
|
||||
.owl-item-container .quick-view {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
|
|
@ -1597,6 +1663,26 @@ a,
|
|||
.accordion-toggle-2 .panel-heading h3 {
|
||||
color: #444444;
|
||||
}
|
||||
.content-copy .tab-content ul {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.content-copy .tab-content ul li {
|
||||
margin: 5px 15px;
|
||||
list-style: none;
|
||||
}
|
||||
.content-copy .tab-content ul li:before {
|
||||
content: '\2022';
|
||||
/* For a square bullet */
|
||||
/*content:'\25A0';*/
|
||||
display: block;
|
||||
position: relative;
|
||||
max-width: 0px;
|
||||
max-height: 0px;
|
||||
left: -20px;
|
||||
top: 0px;
|
||||
font-size: 40px;
|
||||
color: #ffc926;
|
||||
}
|
||||
.c3 li span {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
|
@ -2088,7 +2174,7 @@ i {
|
|||
vertical-align: baseline;
|
||||
}
|
||||
#content section .hl5 {
|
||||
font-size: 19px;
|
||||
font-size: 16px;
|
||||
position: relative;
|
||||
padding-bottom: 8px;
|
||||
font-weight: 700;
|
||||
|
|
@ -2262,6 +2348,9 @@ i {
|
|||
.table strong {
|
||||
color: #5a5a5a;
|
||||
}
|
||||
.table strong.small {
|
||||
font-size: 80%;
|
||||
}
|
||||
.table .old_price {
|
||||
display: block;
|
||||
text-decoration: line-through;
|
||||
|
|
@ -2273,6 +2362,9 @@ i {
|
|||
color: #558c55;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.table a.color-brand {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.table .color-brand {
|
||||
color: #e5aa30;
|
||||
}
|
||||
|
|
@ -3296,8 +3388,8 @@ h5:hover a,
|
|||
.c2 li span,
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
background-color: #777777;
|
||||
border-color: #777777;
|
||||
background-color: #648859;
|
||||
border-color: #648859;
|
||||
}
|
||||
.btn-primary:hover,
|
||||
.btn-primary:active:hover {
|
||||
|
|
@ -3576,6 +3668,9 @@ a,
|
|||
.btn-over-slider {
|
||||
top: 110px;
|
||||
}
|
||||
.price-over-slider {
|
||||
top: 115px;
|
||||
}
|
||||
#sidebar #side-navigation .side-menu {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -5446,3 +5541,4 @@ input[type="radio"] .styled:checked + label::after {
|
|||
.icon-previous11:before {
|
||||
content: "\e174";
|
||||
}
|
||||
/*# sourceMappingURL=custom.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -223,6 +223,10 @@ jQuery(document).ready(function($) {
|
|||
}
|
||||
|
||||
|
||||
$('.selectpicker').selectpicker({
|
||||
dropupAuto: false
|
||||
});
|
||||
|
||||
|
||||
|
||||
/* ==============================================
|
||||
|
|
@ -386,6 +390,25 @@ jQuery(document).ready(function($) {
|
|||
resize_box();
|
||||
});
|
||||
|
||||
|
||||
/* ==============================================
|
||||
resize_travel_img with height < 190 -->
|
||||
=============================================== */
|
||||
|
||||
|
||||
function resize_travel_img (){
|
||||
$('.travel-wrapper').find('img').each(function(){
|
||||
if($(this).height() < 190){
|
||||
$(this).addClass('lower-height');
|
||||
}
|
||||
});
|
||||
}
|
||||
resize_travel_img();
|
||||
$(window).resize(function() {
|
||||
resize_travel_img();
|
||||
});
|
||||
|
||||
|
||||
/* ==============================================
|
||||
DATAPICKER -->
|
||||
=============================================== */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue