sterntours/trunk/src/AppBundle/Resources/assets/less/includes/shortcodes.less
adametz fc8e9a9113 CSS / JS
ft Blocksatz
Navi Site active Stern von gelb auf grün
Liste von Bullets auf Sterne
Ändern der Buttons für die Videos
Austausch DB Logo
JS resize entfernen

git-svn-id: http://78.47.251.156/svn/dev/sterntours-3@3307 f459cee4-fb09-11de-96c3-f9c5f16c3c76
2017-02-26 18:13:04 +00:00

847 lines
No EOL
17 KiB
Text

/* ==================================================================
SHORTCODES
================================================================== */
#map{
height:650px;
width:100%;
}
#map img{
max-width:inherit
}
.map{
position:relative
}
.infobox {
display: inline-block;
position: relative;
}
.table-responsive {
overflow-x: visible !important;
overflow-y: visible !important;
}
.infobox img {
width:80px !important;
padding-right:10px
}
.infobox .title {
font-size:13px;
font-weight:bold;
margin-top:0;
margin-bottom:0;
text-transform:uppercase;
padding-bottom:5px;
}
.infobox .title a {
font-weight:bold;
}
.service-style {
margin: 10px 0;
}
.service-style .icon-container {
display: inline-block;
font-size: 31px;
height: 70px;
line-height: 70px;
margin-right: 10px;
text-align: center;
width: 70px;
}
.btn-over-slider {
position: absolute; right: 25px; top:70px; z-index: 1000;
.btn {
border: 1px solid #fff;
-webkit-box-shadow: 0px 0px 8px 5px rgba(255,255,255,0.4);
-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;
.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 {
color: #fff;
position: absolute;
left: 50%;
top: 50%;
margin: -21px 0 0 -90px;
padding:16px 8px;
background: rgba(255, 201, 38, 0.8);
color:#fff;
width: 180px;
text-align: center;
font-size: 16px;
font-weight: 500;
-moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
a {
color:#fff;
}
}
.owl-item-container .quick-view:hover {
background: @brand-secondary;
}
.owl-item-container .quick-view {
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
.owl-item-container:hover .quick-view {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.owl-item-full {
padding-left: 8px;
padding-right: 8px;
}
.owl-fullwidth .owl-nav{
top: 50%;
position: absolute;
width: 100%;
color:#fff;
}
.owl-carousel .owl-nav .owl-next {
width: 60px;
height: 60px;
line-height: 53px;
border:1px solid #ffffff !important;
font-size:34px;
border-radius: 100%;
position: absolute;
bottom:0;
right: 0;
right: auto;
left: -10px;
background-color: @brand-secondary;
display: inline-block;
text-align: center;
&:hover{
background-color: @brand-primary;
}
}
.owl-carousel .owl-nav .owl-prev {
width: 60px;
height: 60px;
line-height: 53px;
border:1px solid #ffffff !important;
font-size:34px;
border-radius: 100%;
bottom:0;
left:0;
position: absolute;
right: -10px;
left: auto;
background-color: @brand-secondary;
display: inline-block;
text-align: center;
&:hover{
background-color: @brand-primary;
}
}
@media (min-width: 1200px) {
}
@media (max-width: 767px) {
.owl-item-container .quick-view {
//display: none;
}
}
.noborder {
border:0 !important;
}
.mini-desti {
padding: 30px 0;
border-bottom:1px solid #eee;
}
.mini-desti h6 {
margin:0;
}
.mini-desti .rating {
margin:5px 0;
display: block;
}
.mini-desti img {
width: 100%;
}
.home-message {
padding: 89px 0px;
min-height: 580px;
&.small {
min-height: 130px;
}
}
.home-info-box {
background: @brand-secondary;
float: right;
width: 340px;
height:90px;
border-radius: 0 0 8px 8px;
margin-right: -15px;
z-index: 200;
position: relative;
.eKomi-header {
float: left;
padding-top: 8px;
padding-left: 10px;
}
.c4 {
float: right;
width: 260px;
font-size: 14px;
font-weight: 500;
text-align: left;
margin-top: 6px;
li {
margin: 0;
margin-left: 20px;
}
li:before {
color: @brand-success;
}
}
}
.form-box {
background-color: lighten(@brand-primary, 45%);
display:inline-block;
padding: 20px 12px 20px 12px;
margin-bottom: 20px;
width: 100%;
h7 {
color: #666;
}
h5 {
padding-bottom: 10px;
border-bottom: 1px solid @brand-secondary;
}
.form-group {
// margin-bottom: 10px;
}
}
.booking_form {
.table {
font-family: 'Raleway', sans-serif;
&.first-table{
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 92%;
}
}
}
.table > tbody > tr > td {
text-align: left;
background-color: transparent;
border:none;
border-bottom: 1px solid #fff;
}
#no-more-tables{
&.table {
font-family: 'Raleway', sans-serif;
}
.table > thead > tr > th {
background-color: transparent;
font-weight: 600;
border:none;
border-bottom: 1px solid #fff;
padding: 0;
}
.btn-group > .btn:first-child {
//margin-top: -16px;
}
.form-control {
padding: 10px;
margin-bottom: 0px;
}
@media (max-width: 992px) {
td {
padding-top: 30px;
padding-left: 6px;
}
td:last-child {
padding-left: 6px;
}
}
}
#no-more-tables_first {}
@media (max-width: 786px) {
.table > tbody > tr > td {
display: block;
width: 98%;
}
.table.first-table{
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 98%;
}
}
.table > tbody > tr > td:first-child {
border-bottom: none;
font-weight: bold;
}
.form-box {
padding: 20px 0px 20px 0px;
}
.btn-white.btn-lg, .btn-default.btn-lg, .btn-primary.btn-lg {
height: 60px !important;
padding: 2px 45px 0px !important;
}
}
@media (max-width: 320px) {
.table.first-table{
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 82%;
}
}
}
}
.home-message h1,
.home-message {
color:#ffffff;
}
.home-message .btn {
margin-top: 10px;
}
.nav-tabs { border: none; }
.home-form .nav-tabs i {
vertical-align: middle;
}
.home-form .nav-tabs > li > a {
color: #444444;
text-align: center;
text-transform: uppercase;
font-size:15px;
padding: 20px 34px 20px 34px;
border: 0 solid #eeebeb !important;
border-radius: 0px;
margin-right: 0px;
width: auto;
font-weight: 600;
background: #eeebeb;
background: rgb(238, 235, 235); /* The Fallback */
background: rgba(238, 235, 235, 0.9);
}
.home-form .nav-tabs > li.active > a i,
.home-form .nav-tabs > li > a:hover i,
.home-form .nav-tabs > li.active > a:focus i {
color: #ffffff !important;
}
.home-form .nav-tabs > li > a i {
font-size:28px;
line-height: 28px;
}
.homeform {
padding:200px 0 40px;
}
.home-form .nav-tabs > li {
//width: 50%;
border-right: 1px solid lighten(@brand-primary, 20%);
border-bottom: 1px solid lighten(@brand-primary, 20%);
}
#withphone .home-form .nav-tabs > li {
width: auto;
}
#withphone .home-form .tab-pane {
margin-top: 3px;
}
#withphone.absolute {
margin-top:-75px;
}
#withphone.absolute li h6 {
color:#ffffff;
padding:20px ;
}
.home-form .tab-pane{
padding: 20px 10px 0px 10px;
background: #eeebeb;
background: rgb(238, 235, 235); /* The Fallback */
background: rgba(238, 235, 235, 0.8);
}
.home-form .bootstrap-select > .btn {
width: 100%;
position: relative;
display: block;
margin: 0;
color:#666 !important;
font-weight: 600;
}
.home-form .bootstrap-select .icon-search {
vertical-align: bottom !important;
font-size:31px;
}
.make-margin {
margin:30px 0 30px !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100%;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
color: #ffffff;
font-size:12px;
background: @brand-secondary;
border-color: lighten(@brand-primary, 30%);
}
.ui-datepicker .ui-datepicker-title {
color: lighten(@brand-primary, 30%);
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
margin: 0 2.3em;
text-align: center;
text-transform: uppercase;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
background: #ffffff !important;
border:0;
color:lighten(@brand-primary, 0) !important;
}
.ui-widget-header {
background: #fff !important;
border: 0 solid lighten(@brand-primary, 30%) !important;
color: lighten(@brand-primary, 30%) !important;
font-weight: bold;
}
.ui-widget-content {
background:@brand-secondary;
border: 5px solid lighten(@brand-primary, 30%);
color: #ffffff;
padding: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background:@brand-secondary;
border-color: lighten(@brand-primary, 30%);
color: @brand-primary;
font-weight: 400;
font-size: 12px;
text-align: center;
}
.ui-datepicker th, .ui-widget-header {
background:@brand-secondary;
border: 1px solid lighten(@brand-primary, 30%);
color: @text-color !important;
font-family: "raleway" !important;
font-weight: 300;
}
#countdown {
text-align: center;
margin:100px auto 0;
}
.dash {
height: 100px;
line-height:1.4;
display: block;
overflow: hidden;
position: relative;
}
.dash .digit {
font-size: 63px;
line-height: 60px;
padding: 10px 5px 0;
border-radius: 3px;
font-weight: bold;
display: inline-block;
text-align: center;
position: relative;
overflow: hidden;
position: relative;
}
.dash_title {
position: absolute;
display: block;
bottom:0;
left:0;
right:0;
text-align:center;
font-size:15px;
text-transform: uppercase;
}
.contact-info ul li {
list-style: none;
margin-top: 20px;
}
.contact-info ul li i {
padding-right: 5px;
vertical-align: sub;
margin-top: 3px
}
.form-control {
font-family: 'Raleway', sans-serif;
font-weight: 600;
border-color:#dddddd;
height: 55px;
border-radius: 0;
padding: 10px 20px;
margin-bottom: 16px;
box-shadow: none;
}
.form-bottom, .form-inline .form-bottom {
margin-bottom: 16px;
width: 100%;
}
.pricing-table-body ul li {
list-style: none;
border-bottom: 1px solid #dddddd;
padding:10px 0;
}
.pricing-table-body ul li:last-child {
border-bottom: 0 solid #aaa;
}
.pricing-price sup {
top:auto;
bottom: 0 !important;
font-family: arial !important;
font-size: 21px !important;
font-weight: normal !important;
}
.pricing-price {
padding:14px;
position: relative;
}
.bestoffer {
background:#222222;
color: #ffffff;
display: block;
font-size: 12px;
font-weight: bold;
height: 65px;
left: 15px;
line-height: 1.5;
padding-top: 13px;
position: absolute;
top: -30px;
width: 65px;
}
.pricing-price h2 {
margin: 0;
font-size:55px;
}
.pricing-price h4 {
padding:0;
margin: 0;
font-size:16px;
}
.pricing-table-footer,
.pricing-table-header,
.pricing-table-body {
background: #f6f6f6;
display: block;
text-align: center;
padding:25px;
position: relative;
}
.pricing-table-footer h3 a,
.pricing-table-footer h3,
.pricing-table-header h3 {
color:#ffffff;
font-size:16px;
letter-spacing: 1px;
padding:0;
margin: 0;
text-transform: uppercase;
}
.circle-stat{
position:relative
}
.circle-stat h3{
font-size:30px;
left:0;
margin:-20px auto;
position:absolute;
right:0;
top:50%
}
.circle-stat h3 span {
font-family:"Raleway";
}
.stat-details h3 {
font-size:15px;
padding:20px 0 5px;
}
.panel-title {
line-height: 16px;
}
.panel-heading {
border-radius: 0 !important;
padding: 18px 24px;
}
.panel-heading h3 {
color:#ffffff;
font-size:15px;
padding:0;
margin:0;
display: inline-block;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top: 0 none;
}
.panel p {
margin-bottom: 0;
}
.panel-heading i {
font-size:21px;
margin:-2px;
}
.panel {
border-color: #ffffff;
border-radius: 0 !important;
box-shadow: none;
}
.accordion-toggle-2 .panel-body {
background: #ffffff !important;
border-left:1px solid #dadada !important;
border-right:1px solid #dadada !important;
border-bottom:1px solid #dadada !important;
}
.accordion-toggle-2 .panel-heading {
background: #ffffff !important;
border:1px solid #dadada !important;
}
.accordion-toggle-2 .panel-heading i,
.accordion-toggle-2 .panel-heading h3 {
color:#444444;
}
.content-copy .tab-content {
ul {
margin-bottom: 20px;
li {
margin: 5px 15px;
list-style: none;
&:before {
font: normal normal normal 14px/1 FontAwesome;
content:'\f005';
display: block;
position: relative;
max-width: 0px;
max-height: 0px;
left: -20px;
top: 5px;
color: #ffc926;
}
}
}
}
.c3 li span {
padding-right: 10px;
}
.c1{
padding-left: 10px !important;
color: @text-color;
}
.c4 {
padding-left: 20px !important;
color: @text-color;
}
.c4 {
font-weight: bold;
}
.c2 li,
.c3 li,
.c1 li,
.c4 li {
margin: 15px 15px;
list-style: none;
}
.c1 li {
margin: 5px 15px;
list-style: none;
a {
color: lighten(@text-color, 0%);
}
a:hover {
color: darken(@text-brand-color, 0%);
}
}
.c1 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;
}
.c4 li:before {
font-family: "trips";
content: "\e034";
/* For a square bullet */
/*content:'\25A0';*/
display: block;
position: relative;
max-width: 0px;
max-height: 0px;
left: -30px;
top: -0px;
font-size: 24px;
}
.c2 li span {
color:#ffffff;
margin-right:10px;
text-align: center;
width: 25px;
font-size:13px;
line-height: 25px;
height: 25px;
border-radius: 25px;
display: inline-block;
}
.progress {
border-radius: 0;
height: 20px;
margin: 20px 0;
background-color: #ffffff;
box-shadow: none;
border:0 solid #dddddd;
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
overflow:visible;
color: #ffffff;
text-align: center;
background-color: #696969;
-webkit-transition: width 1.1s ease;
-o-transition: width 1.1s ease;
transition: width 1.1s ease;
}
.progress {
overflow:initial;
position: relative;
}
.progress .progress-bar {
position: absolute;
z-index:10;
line-height: 20px;
}
.progress .progressbar-back-text {
position: absolute;
width: 100%;
height: 100%;
font-size: 12px;
line-height: 20px;
text-align: center;
}
.skills h3 {
font-size:15px;
text-transform: uppercase;
}
.progress .progressbar-front-text {
width: 100%;
font-size: 12px;
line-height: 20px;
}
.progress-bar span {
background: none repeat scroll 0 0 #000000 !important;
border-radius: 4px !important;
color: #fff !important;
display: block;
font-size: 14px;
font-weight: bold;
height: 25px;
line-height: 25px;
overflow: visible;
position: absolute;
right: 0;
text-align: center;
top: -37px;
width: 45px;
z-index: 9999;
}
.progress-bar span:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-top-color: #000000;
border-width: 4px;
margin-left: -4px;
}
.price-range img {
margin-bottom: 30px;
z-index: 1000;
position: relative;
}
.price-details ul li span {
display: -moz-stack;
width: 114px;
}
.price-details ul {
margin-top: 10px;
}
.price-details ul li {
list-style:none;
font-size:13px;
}
.bookprice{
display: block;
position: relative;
padding:20px;
background: #fff6cc;
}
.bookprice .lead {
font-style: italic;
font-size:14px;
}
.bookprice span.pull-right {
text-decoration: line-through;
}
.labels-wrapper {
margin-bottom: 20px;
}
.labels-wrapper label {
margin-bottom: 20px;
}