LESS Dateien
Less Dateien zum Projekt src/AppBundle/Resources/assets git-svn-id: http://78.47.251.156/svn/dev/sterntours-3@3306 f459cee4-fb09-11de-96c3-f9c5f16c3c76
This commit is contained in:
adametz
parent
b63dcb8b1a
commit
a1077842aa
1441 changed files with 212672 additions and 0 deletions
BIN
trunk/src/AppBundle/Resources/assets/less/.DS_Store
vendored
Normal file
BIN
trunk/src/AppBundle/Resources/assets/less/.DS_Store
vendored
Normal file
Binary file not shown.
1494
trunk/src/AppBundle/Resources/assets/less/config.codekit
Normal file
1494
trunk/src/AppBundle/Resources/assets/less/config.codekit
Normal file
File diff suppressed because it is too large
Load diff
2542
trunk/src/AppBundle/Resources/assets/less/config.codekit3
Normal file
2542
trunk/src/AppBundle/Resources/assets/less/config.codekit3
Normal file
File diff suppressed because it is too large
Load diff
1433
trunk/src/AppBundle/Resources/assets/less/css/tripsfont.css
Normal file
1433
trunk/src/AppBundle/Resources/assets/less/css/tripsfont.css
Normal file
File diff suppressed because it is too large
Load diff
115
trunk/src/AppBundle/Resources/assets/less/custom.less
Executable file
115
trunk/src/AppBundle/Resources/assets/less/custom.less
Executable file
|
|
@ -0,0 +1,115 @@
|
|||
/*
|
||||
|
||||
0. =BOOTSTRAP FRAMEWORK REFERENCE IMPORTS
|
||||
|
||||
In "style.less" we reference some of Bootstrap's .less files in order to take advantage of their classes and mixins.
|
||||
We also reference the "theme_variables.less" in order to override the original variables and make our custom theme.
|
||||
A customized "theme_custom_bootstrap.css" is also loaded by the theme in a precompiled minified css version.
|
||||
=================================================================
|
||||
*/
|
||||
|
||||
// Core variables and mixins
|
||||
@import (reference) "../bower_components/bootstrap/less/variables.less";
|
||||
@import (reference) "../bower_components/bootstrap/less/mixins.less";
|
||||
@import (reference) "./theme_variables.less";
|
||||
|
||||
|
||||
/*
|
||||
1) FONTS
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/fonts.less';
|
||||
//@import './includes/bootstrap-select.less';
|
||||
/*
|
||||
2) RESET
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/reset.less';
|
||||
/*
|
||||
3) SKELETON
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/skeleton.less';
|
||||
/*
|
||||
4) BLOG
|
||||
===============================================================
|
||||
*/
|
||||
//@import './includes/blog.less';
|
||||
/*
|
||||
5) DEALS
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/deals.less';
|
||||
/*
|
||||
6) HOTELS
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/travel.less';
|
||||
/*
|
||||
7) SHORTCODES
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/shortcodes.less';
|
||||
/*
|
||||
8) SECTIONS % PAGES
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/sections_pages.less';
|
||||
/*
|
||||
9) HEADER
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/header.less';
|
||||
/*
|
||||
10) SIDEBAR NAV
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/sidebar_nav.less';
|
||||
/*
|
||||
11) SLIDER
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/slider.less';
|
||||
/*
|
||||
12) FOOTER
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/footer.less';
|
||||
/*
|
||||
13) SIDEBAR WIDGETS
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/sidebar_widgets.less';
|
||||
/*
|
||||
14) COLOR SCHEMES
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/color_schemes.less';
|
||||
/*
|
||||
15) EXTRAS
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/extras.less';
|
||||
/*
|
||||
16) RESPONSIVE
|
||||
===============================================================
|
||||
*/
|
||||
@import './includes/responsive.less';
|
||||
/*
|
||||
|
||||
/* ################################################################# */
|
||||
|
||||
/*
|
||||
17) CHECKBOX
|
||||
===============================================================
|
||||
*/
|
||||
|
||||
@import "./includes/checkbox.less";
|
||||
|
||||
/*
|
||||
18) FONT TRIPS
|
||||
===============================================================
|
||||
*/
|
||||
|
||||
@import "./includes/tripsfont.less";
|
||||
|
||||
122
trunk/src/AppBundle/Resources/assets/less/includes/blog.less
Normal file
122
trunk/src/AppBundle/Resources/assets/less/includes/blog.less
Normal file
|
|
@ -0,0 +1,122 @@
|
|||
/* ==================================================================
|
||||
BLOG
|
||||
================================================================== */
|
||||
|
||||
.comments-answer {
|
||||
margin-left:80px !important;
|
||||
}
|
||||
.comments {
|
||||
padding:30px 0;
|
||||
margin-top:20px;
|
||||
}
|
||||
.tags h5,
|
||||
.comments h5 {
|
||||
letter-spacing: 1.5px;
|
||||
}
|
||||
.media-list li {
|
||||
padding:20px;
|
||||
margin:40px 0;
|
||||
border-bottom:1px solid #eeeeee;
|
||||
}
|
||||
.media-list img {
|
||||
margin-right:10px;
|
||||
}
|
||||
.media-list h4 {
|
||||
font-size:12px;
|
||||
text-transform:uppercase;
|
||||
padding:0;
|
||||
}
|
||||
.comment-meta,
|
||||
.comment-meta a {
|
||||
color:#ff5046;
|
||||
font-size: 12px;
|
||||
padding-left: 30px;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
.comment-meta {
|
||||
color:#888888;
|
||||
padding-left: 0;
|
||||
}
|
||||
.tags {
|
||||
border-top:1px solid #dddddd;
|
||||
border-bottom: 1px solid #dddddd;
|
||||
padding:30px 0;
|
||||
}
|
||||
.tags h5 {
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin:0 20px 0 0!important;
|
||||
}
|
||||
.post-content {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.post-meta {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin:10px 0 30px;
|
||||
}
|
||||
.post-meta span {
|
||||
color:#888888;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.post-meta span i {
|
||||
vertical-align: middle;
|
||||
padding-right: 5px
|
||||
}
|
||||
.post-media {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.post-media img {
|
||||
width: 100%;
|
||||
}
|
||||
.post-media.pull-left img {
|
||||
max-width: 570px;
|
||||
}
|
||||
.post-title h5 a {
|
||||
color:#444444;
|
||||
}
|
||||
.border-bottom {
|
||||
margin-bottom: 60px;
|
||||
padding:0 0 30px;
|
||||
}
|
||||
.section-bottom {
|
||||
border-bottom:1px solid #eeeeee;
|
||||
}
|
||||
.pagination > li > a,
|
||||
.pagination > li > span {
|
||||
background-color: #f6f6f6;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 0 !important;
|
||||
color: #444444;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
height: 46px;
|
||||
line-height: 43px;
|
||||
margin-left: 9px !important;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
width: 46px;
|
||||
}
|
||||
.notfound h1 {
|
||||
font-size: 125px;
|
||||
padding:0;
|
||||
margin: 0;
|
||||
}
|
||||
.notfound h2 {
|
||||
padding-bottom: 10px;
|
||||
font-size: 25px;
|
||||
}
|
||||
.notfound p {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.home-blog-list {
|
||||
margin:0px 0 10px !important;
|
||||
}
|
||||
.little-padding {
|
||||
padding:60px 0 !important;
|
||||
}
|
||||
259
trunk/src/AppBundle/Resources/assets/less/includes/bootstrap-select.less
vendored
Normal file
259
trunk/src/AppBundle/Resources/assets/less/includes/bootstrap-select.less
vendored
Normal file
|
|
@ -0,0 +1,259 @@
|
|||
/*!
|
||||
* Bootstrap-select v1.6.3 (http://silviomoreto.github.io/bootstrap-select/)
|
||||
*
|
||||
* Copyright 2013-2014 bootstrap-select
|
||||
* Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
.bootstrap-select {
|
||||
/*width: 220px\9; IE8 and below*/
|
||||
width: 220px \0;
|
||||
/*IE9 and below*/
|
||||
}
|
||||
.bootstrap-select > .btn {
|
||||
width: 100%;
|
||||
padding-right: 25px;
|
||||
}
|
||||
.error .bootstrap-select .btn {
|
||||
border: 1px solid #b94a48;
|
||||
}
|
||||
.control-group.error .bootstrap-select .dropdown-toggle {
|
||||
border-color: #b94a48;
|
||||
}
|
||||
.bootstrap-select.fit-width {
|
||||
width: auto !important;
|
||||
}
|
||||
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
|
||||
width: 220px;
|
||||
}
|
||||
.bootstrap-select .btn:focus {
|
||||
outline: thin dotted #333333 !important;
|
||||
outline: 5px auto -webkit-focus-ring-color !important;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
.bootstrap-select.form-control {
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
.bootstrap-select.form-control:not([class*="col-"]) {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.btn-group:not(.input-group-btn),
|
||||
.bootstrap-select.btn-group[class*="col-"] {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
}
|
||||
.bootstrap-select.btn-group.dropdown-menu-right,
|
||||
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
|
||||
.row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
|
||||
float: right;
|
||||
}
|
||||
.form-search .bootstrap-select.btn-group,
|
||||
.form-inline .bootstrap-select.btn-group,
|
||||
.form-horizontal .bootstrap-select.btn-group,
|
||||
.form-group .bootstrap-select.btn-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-group-lg .bootstrap-select.btn-group.form-control,
|
||||
.form-group-sm .bootstrap-select.btn-group.form-control {
|
||||
padding: 0;
|
||||
}
|
||||
.form-inline .bootstrap-select.btn-group .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
.input-append .bootstrap-select.btn-group {
|
||||
margin-left: -1px;
|
||||
}
|
||||
.input-prepend .bootstrap-select.btn-group {
|
||||
margin-right: -1px;
|
||||
}
|
||||
.bootstrap-select.btn-group > .disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-select.btn-group > .disabled:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
.bootstrap-select.btn-group .btn .filter-option {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
.bootstrap-select.btn-group .btn .caret {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 12px;
|
||||
margin-top: -2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.bootstrap-select.btn-group[class*="col-"] .btn {
|
||||
width: 100%;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu {
|
||||
min-width: 100%;
|
||||
z-index: 1035;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu.inner {
|
||||
position: static;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li {
|
||||
position: relative;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,
|
||||
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,
|
||||
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {
|
||||
color: #64b1d8;
|
||||
color: rgba(100, 177, 216, 0.4);
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a {
|
||||
cursor: pointer;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a.opt {
|
||||
position: relative;
|
||||
padding-left: 2.25em;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a span.text {
|
||||
display: inline-block;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li small {
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu .notify {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
width: 96%;
|
||||
margin: 0 2%;
|
||||
min-height: 26px;
|
||||
padding: 3px 5px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #e3e3e3;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
pointer-events: none;
|
||||
opacity: 0.9;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bootstrap-select.btn-group .no-results {
|
||||
padding: 3px;
|
||||
background: #f5f5f5;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.bootstrap-select.btn-group.fit-width .btn .filter-option {
|
||||
position: static;
|
||||
}
|
||||
.bootstrap-select.btn-group.fit-width .btn .caret {
|
||||
position: static;
|
||||
top: auto;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
right: 15px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
|
||||
margin-right: 34px;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.open > .btn {
|
||||
z-index: 1035 + 1;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
|
||||
content: '';
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom-width: 7px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #cccccc;
|
||||
border-bottom-color: rgba(204, 204, 204, 0.2);
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 9px;
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
|
||||
content: '';
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid white;
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 10px;
|
||||
display: none;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
|
||||
bottom: auto;
|
||||
top: -3px;
|
||||
border-bottom: 0;
|
||||
border-top-width: 7px;
|
||||
border-top-style: solid;
|
||||
border-top-color: #cccccc;
|
||||
border-top-color: rgba(204, 204, 204, 0.2);
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
|
||||
bottom: auto;
|
||||
top: -3px;
|
||||
border-top: 6px solid white;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
|
||||
right: 13px;
|
||||
left: auto;
|
||||
}
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
|
||||
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
|
||||
display: block;
|
||||
}
|
||||
.bs-searchbox,
|
||||
.bs-actionsbox {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
.bs-actionsbox {
|
||||
float: left;
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.bs-actionsbox .btn-group button {
|
||||
width: 50%;
|
||||
}
|
||||
.bs-searchbox + .bs-actionsbox {
|
||||
padding: 0 8px 4px;
|
||||
}
|
||||
.bs-searchbox input.form-control {
|
||||
margin-bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.mobile-device {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block !important;
|
||||
width: 100%;
|
||||
height: 100% !important;
|
||||
opacity: 0;
|
||||
}
|
||||
246
trunk/src/AppBundle/Resources/assets/less/includes/checkbox.less
Normal file
246
trunk/src/AppBundle/Resources/assets/less/includes/checkbox.less
Normal file
|
|
@ -0,0 +1,246 @@
|
|||
//
|
||||
// Checkboxes
|
||||
// --------------------------------------------------
|
||||
|
||||
@font-family-icon: 'FontAwesome';
|
||||
@fa-var-check: "\f00c";
|
||||
@check-icon: @fa-var-check;
|
||||
|
||||
.checkbox-variant(@parent, @color) {
|
||||
.@{parent} input[type="checkbox"]:checked + label,
|
||||
.@{parent} input[type="radio"]:checked + label {
|
||||
&::before {
|
||||
background-color: @color;
|
||||
border-color: @color;
|
||||
}
|
||||
&::after {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox-variant-indeterminate(@parent, @color) {
|
||||
.@{parent} input[type="checkbox"]:indeterminate + label,
|
||||
.@{parent} input[type="radio"]:indeterminate + label {
|
||||
&::before {
|
||||
background-color: @color;
|
||||
border-color: @color;
|
||||
}
|
||||
&::after {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.checkbox{
|
||||
padding-left: 20px;
|
||||
display: block;
|
||||
// float: left;
|
||||
|
||||
label{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
padding-left: 5px;
|
||||
|
||||
&::before{
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
left: 0;
|
||||
top:3px;
|
||||
margin-left: -20px;
|
||||
border: 1px solid @input-border;
|
||||
border-radius: 3px;
|
||||
background-color: #fff;
|
||||
.transition(~"border 0.15s ease-in-out, color 0.15s ease-in-out");
|
||||
}
|
||||
|
||||
&::after{
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-left: -20px;
|
||||
padding-left: 3px;
|
||||
padding-top: 1px;
|
||||
font-size: 11px;
|
||||
color: @input-color;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"]{
|
||||
opacity: 0;
|
||||
z-index: 1;
|
||||
|
||||
&:focus + label::before{
|
||||
.tab-focus();
|
||||
}
|
||||
|
||||
&:checked + label::after{
|
||||
font-family: @font-family-icon;
|
||||
font-size: 16px;
|
||||
line-height: 23px;
|
||||
content: @check-icon;
|
||||
}
|
||||
|
||||
&:indeterminate + label::after{
|
||||
display: block;
|
||||
content: " ";
|
||||
width: 10px;
|
||||
height: 3px;
|
||||
background-color: #555555;
|
||||
border-radius: 2px;
|
||||
margin-left: -16.5px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
&:disabled + label{
|
||||
opacity: 0.65;
|
||||
|
||||
&::before{
|
||||
background-color: @input-bg-disabled;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&.checkbox-circle label::before{
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
&.checkbox-inline{
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.checkbox-variant(checkbox-primary, @brand-primary);
|
||||
.checkbox-variant(checkbox-danger, @brand-danger);
|
||||
.checkbox-variant(checkbox-info, @brand-info);
|
||||
.checkbox-variant(checkbox-warning, @brand-warning);
|
||||
.checkbox-variant(checkbox-success, @brand-success);
|
||||
|
||||
.checkbox-variant-indeterminate(checkbox-primary, @brand-primary);
|
||||
.checkbox-variant-indeterminate(checkbox-danger, @brand-danger);
|
||||
.checkbox-variant-indeterminate(checkbox-info, @brand-info);
|
||||
.checkbox-variant-indeterminate(checkbox-warning, @brand-warning);
|
||||
.checkbox-variant-indeterminate(checkbox-success, @brand-success);
|
||||
|
||||
//
|
||||
// Radios
|
||||
// --------------------------------------------------
|
||||
|
||||
.radio-variant(@parent, @color) {
|
||||
.@{parent} input[type="radio"]{
|
||||
& + label{
|
||||
&::after{
|
||||
background-color: @color;
|
||||
}
|
||||
}
|
||||
&:checked + label{
|
||||
&::before {
|
||||
border-color: @color;
|
||||
}
|
||||
&::after{
|
||||
background-color: @color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.radio{
|
||||
padding-left: 20px;
|
||||
|
||||
label{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
padding-left: 5px;
|
||||
|
||||
&::before{
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
left: 0;
|
||||
margin-left: -20px;
|
||||
border: 1px solid @input-border;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
.transition(border 0.15s ease-in-out);
|
||||
}
|
||||
|
||||
&::after{
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
content: " ";
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
left: 3px;
|
||||
top: 3px;
|
||||
margin-left: -20px;
|
||||
border-radius: 50%;
|
||||
background-color: @input-color;
|
||||
.scale(0, 0);
|
||||
|
||||
.transition-transform(.1s cubic-bezier(.8,-0.33,.2,1.33));
|
||||
//curve - http://cubic-bezier.com/#.8,-0.33,.2,1.33
|
||||
}
|
||||
}
|
||||
|
||||
input[type="radio"]{
|
||||
opacity: 0;
|
||||
z-index: 1;
|
||||
|
||||
&:focus + label::before{
|
||||
.tab-focus();
|
||||
}
|
||||
|
||||
&:checked + label::after{
|
||||
.scale(1, 1);
|
||||
}
|
||||
|
||||
&:disabled + label{
|
||||
opacity: 0.65;
|
||||
|
||||
&::before{
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&.radio-inline{
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.radio-variant(radio-primary, @brand-primary);
|
||||
.radio-variant(radio-danger, @brand-danger);
|
||||
.radio-variant(radio-info, @brand-info);
|
||||
.radio-variant(radio-warning, @brand-warning);
|
||||
.radio-variant(radio-success, @brand-success);
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
&.styled:checked + label:after {
|
||||
font-family: @font-family-icon;
|
||||
content: @check-icon;
|
||||
}
|
||||
& .styled:checked + label {
|
||||
&::before {
|
||||
color: #fff;
|
||||
}
|
||||
&::after {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
/* ==================================================================
|
||||
COLOR SCHEMES
|
||||
================================================================== */
|
||||
|
||||
.home-form .nav-tabs > li.active > a,
|
||||
.home-form .nav-tabs > li > a:hover,
|
||||
.home-form .nav-tabs > li.active > a:focus,
|
||||
.slider-btn .btn-white:hover,
|
||||
.tp-caption.slider-btn .btn-white:hover,
|
||||
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span,
|
||||
.icon-container,
|
||||
.dash .digit,
|
||||
.pagination > li > a:hover,
|
||||
.pagination > li > span:hover,
|
||||
.pagination > li > a:focus,
|
||||
.pagination > li > span:focus,
|
||||
h1:hover a, h2:hover a, h3:hover a, h4:hover a, h5:hover a,
|
||||
.btn-white:hover,
|
||||
.btn-white:focus,
|
||||
.btn-white.focus,
|
||||
.btn-white:active,
|
||||
.btn-white.active,
|
||||
.open > .dropdown-toggle.btn-white,
|
||||
.btn-default:hover,
|
||||
.btn-default:focus,
|
||||
.btn-default.focus,
|
||||
.btn-default:active,
|
||||
.btn-default.active,
|
||||
.open > .dropdown-toggle.btn-default,
|
||||
.pricing-table-footer,
|
||||
.pricing-table-header,
|
||||
.yellow,
|
||||
.panel-default > .panel-heading,
|
||||
.c2 li span,
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
background-color: @btn-color-all;
|
||||
border-color: @btn-color-all;
|
||||
}
|
||||
.btn-primary:hover, .btn-primary:active:hover {
|
||||
background-color: @brand-secondary;
|
||||
border-color: @brand-secondary;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: @brand-secondary;
|
||||
box-shadow: none;
|
||||
}
|
||||
.travel-title hr{
|
||||
border-color: @brand-secondary;
|
||||
}
|
||||
#infoform .form-control,
|
||||
.input-group-addon,
|
||||
.dropdown .btn-white,
|
||||
.form-inline .input-group > .form-control {
|
||||
border-bottom-color: @brand-secondary;
|
||||
}
|
||||
.post-title .pull-right span,
|
||||
.bootstrap-select .fa-angle-down,
|
||||
.input-group-addon i,
|
||||
.rating i,
|
||||
a,
|
||||
.sidebar li a:hover,
|
||||
.sidebar li a:focus,
|
||||
.yamm .dropdown-menu li h3 i,
|
||||
.yamm .yamm-content li a:hover,
|
||||
.yamm .yamm-content li a:focus,
|
||||
.breadcrumb > li + li::before,
|
||||
.c3 span,
|
||||
.c1 li:before {
|
||||
color: darken(@text-brand-color, 0%);
|
||||
}
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
|
||||
/* ==================================================================
|
||||
DEALS
|
||||
================================================================== */
|
||||
|
||||
.deals-wrapper {
|
||||
background: #ddd;
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
.post-media {
|
||||
width: 100%;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.deals-count {
|
||||
position: absolute;
|
||||
bottom:0;
|
||||
right: 0;
|
||||
padding:10px 15px;
|
||||
top:0;
|
||||
background-color: rgba(0,0,0,0.7);
|
||||
left: auto;
|
||||
}
|
||||
.deals-count .dash .digit {
|
||||
font-size:21px;
|
||||
padding:0;
|
||||
letter-spacing: 0;
|
||||
width: auto;
|
||||
color:#ffffff;
|
||||
background-color:transparent;
|
||||
display: inline-block;
|
||||
margin:0;
|
||||
text-align: left;
|
||||
}
|
||||
.deals-count .dash_title {
|
||||
text-align: left;
|
||||
font-size: 11px;
|
||||
color:#ffffff;
|
||||
line-height: 5;
|
||||
}
|
||||
.deals-count .dash {
|
||||
height: 25%;
|
||||
}
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
/* ==================================================================
|
||||
EXTRAS
|
||||
================================================================== */
|
||||
|
||||
.col-xs-15,
|
||||
.col-sm-15,
|
||||
.col-md-15,
|
||||
.col-lg-15 {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.col-xs-15 {
|
||||
width: 20%;
|
||||
float: left;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.col-sm-15 {
|
||||
width: 20%;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.col-md-15 {
|
||||
width: 20%;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.col-lg-15 {
|
||||
width: 20%;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
/* ==================================================================
|
||||
FONTS
|
||||
================================================================== */
|
||||
|
||||
@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(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);
|
||||
157
trunk/src/AppBundle/Resources/assets/less/includes/footer.less
Normal file
157
trunk/src/AppBundle/Resources/assets/less/includes/footer.less
Normal file
|
|
@ -0,0 +1,157 @@
|
|||
/* ==================================================================
|
||||
FOOTER
|
||||
================================================================== */
|
||||
|
||||
footer {
|
||||
|
||||
.fa {
|
||||
font-size: 50px;
|
||||
color: @text-brand-color;
|
||||
font-size: 50px;
|
||||
padding-right: 14px;
|
||||
}
|
||||
|
||||
p.text, a {
|
||||
font-size: 28px;
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: @text-brand-color;
|
||||
}
|
||||
|
||||
.info-text {
|
||||
.fa {
|
||||
float: left;
|
||||
}
|
||||
.small {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
}
|
||||
&.clearfix {
|
||||
border-top: 1px solid lighten(@brand-primary, 20%);
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
.footer {
|
||||
background-color: @brand-primary;
|
||||
padding:30px 0 30px;
|
||||
font-size:16px;
|
||||
color:@white;
|
||||
.left-img {
|
||||
float: left;
|
||||
padding-right: 25px;
|
||||
}
|
||||
.c4 {
|
||||
float: left;
|
||||
li {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
p.hl4 {
|
||||
font-size:20px;
|
||||
text-transform: uppercase;
|
||||
color:#fff;
|
||||
padding:20px 0 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
.padding-bottom {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
.flogo {
|
||||
padding-top:10px;
|
||||
}
|
||||
.footer .form-control {
|
||||
background-color: lighten(@brand-primary, 10%);
|
||||
border-color: @white;
|
||||
color: @white;
|
||||
height: 45px;
|
||||
margin:0 6px 0 0;
|
||||
-webkit-border-radius: 50px;
|
||||
-moz-border-radius: 50px;
|
||||
border-radius: 50px;
|
||||
padding-left: 40px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.social-footer {
|
||||
a:link i,
|
||||
a:visited i { color: #fff;}
|
||||
a:hover i,
|
||||
a:active i { background-color:@brand-primary; }
|
||||
i {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
margin: 0 3px 3px 0;
|
||||
padding: 0 0px 0 0;
|
||||
}
|
||||
}
|
||||
.social-footer {
|
||||
i.fa-facebook { background-color: #3b5998; }
|
||||
i.fa-twitter { background-color: #00aced; }
|
||||
i.fa-google-plus { background-color: #dd4b39; }
|
||||
i.fa-youtube { background-color: #bb0000; }
|
||||
i.fa-linkedin { background-color: #007bb6; }
|
||||
i.fa-instagram { background-color: #517fa4; }
|
||||
i.fa-pinterest-p { background-color: #cb2027; }
|
||||
i.fa-vine { background-color: #00bf8f; }
|
||||
i.fa-flickr { background-color: #ff0084; }
|
||||
i.fa-tumblr { background-color: #32506d; }
|
||||
i.fa-vimeo { background-color: #aad450; }
|
||||
i.fa-foursquare { background-color: #0072b1; }
|
||||
i.fa-users { background-color: @text-brand-color; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
.footer .form-control::-moz-placeholder {
|
||||
color: @white;
|
||||
opacity: 1;
|
||||
}
|
||||
.footer .form-control:-ms-input-placeholder {
|
||||
color: @white;
|
||||
}
|
||||
.footer .form-control::-webkit-input-placeholder {
|
||||
color: @white;
|
||||
}
|
||||
.footer .btn-primary {
|
||||
height: 45px !important;
|
||||
line-height: 1 !important;
|
||||
padding-left: 25px !important;
|
||||
padding-right: 25px !important;
|
||||
}
|
||||
.footer .btn-primary:hover {
|
||||
background-color: #fff;
|
||||
color: @text-brand-color;
|
||||
border-color: @brand-secondary;
|
||||
}
|
||||
.copyrights {
|
||||
background-color: darken(@brand-primary, 10%);
|
||||
padding:30px 0;
|
||||
font-size:15px;
|
||||
color:@white;
|
||||
}
|
||||
.copyrights p {
|
||||
margin: 0;
|
||||
}
|
||||
.copyrights a {
|
||||
font-weight: 600;
|
||||
}
|
||||
.link-footer a i {
|
||||
color:#666666 !important;
|
||||
font-size:16px;
|
||||
margin-left: 7px;
|
||||
}
|
||||
.link-footer a:hover i {
|
||||
color:@white !important;
|
||||
}
|
||||
373
trunk/src/AppBundle/Resources/assets/less/includes/header.less
Normal file
373
trunk/src/AppBundle/Resources/assets/less/includes/header.less
Normal file
|
|
@ -0,0 +1,373 @@
|
|||
/* ==================================================================
|
||||
HEADER
|
||||
================================================================== */
|
||||
|
||||
.topbar {
|
||||
padding:0;
|
||||
border:0;
|
||||
position: relative;
|
||||
min-height: 40px;
|
||||
line-height: 40px;
|
||||
display: block;
|
||||
}
|
||||
.topbar-drops {
|
||||
margin-right: -15px;
|
||||
}
|
||||
.topbar-drops i {
|
||||
vertical-align: middle;
|
||||
padding-right: 4px;
|
||||
font-size: 17px;
|
||||
padding-bottom: 2px;
|
||||
color: @text-brand-color;
|
||||
}
|
||||
.topbar,
|
||||
.topbar a,
|
||||
.topbar p {
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size: 14px;
|
||||
font-family: 'Oswald', serif;
|
||||
color:@brand-primary;
|
||||
}
|
||||
.topbar ul {
|
||||
background:#e5e5e5;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
.topbar li:hover {
|
||||
background-color: darken(#e5e5e5, 20%);
|
||||
color: #fff;
|
||||
}
|
||||
.topbar li.nohover:hover {
|
||||
background-color: transparent;
|
||||
color:@brand-primary;
|
||||
}
|
||||
.topbar li {
|
||||
padding:0 10px;
|
||||
margin:0;
|
||||
border-radius: 0 0 5px 5px;
|
||||
|
||||
}
|
||||
.topbar li.nohover .fa {
|
||||
color: @brand-success;
|
||||
}
|
||||
.navbar-brand {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
img {
|
||||
max-width: 220px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.header {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding-top: 0;
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
background-color: #fff;
|
||||
|
||||
}
|
||||
|
||||
.header.sticky {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
|
||||
.navbar-nav > li > a {
|
||||
font-family: 'Raleway', sans-serif;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
font-size:16px;
|
||||
color:@text-color;
|
||||
padding: 10px 10px 4px 10px;
|
||||
margin-top: 8px;
|
||||
border-bottom:3px solid #ffffff;
|
||||
|
||||
&:hover {
|
||||
background: @brand-secondary;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.navbar .navbar-times {
|
||||
background: transparent;
|
||||
color: @brand-primary;
|
||||
i {
|
||||
vertical-align: middle;
|
||||
color: @text-brand-color;
|
||||
font-size: 40px;
|
||||
padding-top: 24px;
|
||||
padding-right: 6px;
|
||||
|
||||
}
|
||||
|
||||
span {
|
||||
line-height: 20px;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
float: right;
|
||||
display: block;
|
||||
text-align: right;
|
||||
padding-top: 10px;
|
||||
font-family: 'Oswald', serif;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar .navbar-subnavi {
|
||||
display: block;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.navbar .navbar-subnavi .subnavi {
|
||||
padding-left: 16px;
|
||||
position: relative;
|
||||
}
|
||||
.navbar .navbar-subnavi .subnavi::before {
|
||||
position: absolute;
|
||||
content:"";
|
||||
z-index:99998;
|
||||
width: 0;
|
||||
height: 0;
|
||||
left: 4px;
|
||||
top: 10px;
|
||||
border-top: 8px solid transparent;
|
||||
border-bottom: 8px solid transparent;
|
||||
border-left:10px solid @brand-secondary;;
|
||||
}
|
||||
.subnavi .navbar-nav > li > a {
|
||||
font-family: 'Raleway', sans-serif;
|
||||
font-size:14px;
|
||||
margin-top: 0px;
|
||||
color: lighten(@brand-primary, 0%)
|
||||
}
|
||||
.navbar-default {
|
||||
border:0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.navbar-collapse,
|
||||
.navbar {
|
||||
margin:0;
|
||||
border:0;
|
||||
margin-right: -15px;
|
||||
}
|
||||
|
||||
#side-navigation {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.navbar-brand > img {
|
||||
margin: 0;
|
||||
}
|
||||
.navbar .navbar-left {
|
||||
margin-top: 24px;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.navbar .navbar-right {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
nav hr {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
border: 0;
|
||||
border-top: 1px solid @brand-primary;
|
||||
}
|
||||
.navbar .navbar-subnavi .subnavi {
|
||||
margin-top: 0px;
|
||||
}
|
||||
.dropdown-menu {
|
||||
background-color: #fff !important;
|
||||
border-left: 1px solid lighten(@brand-primary, 40%);
|
||||
border-right: 1px solid lighten(@brand-primary, 40%);
|
||||
border-radius: 0;
|
||||
box-shadow: none !important;
|
||||
color: #ffffff;
|
||||
min-width: 210px;
|
||||
padding: 0px;
|
||||
z-index: 9999;
|
||||
}
|
||||
.nav .open > a,
|
||||
.nav .open > a:hover,
|
||||
.nav .open > a:focus,
|
||||
.navbar-nav > li > a.active,
|
||||
.navbar-nav > li > a:focus,
|
||||
.navbar-nav > li > a:hover,
|
||||
.navbar-nav > li > a:hover,
|
||||
.navbar-nav > li > a:focus,
|
||||
.navbar-nav > li > a.active,
|
||||
.navbar-nav > li > a:active {
|
||||
background: #ffffff !important;
|
||||
background: rgb(255, 255, 255); /* The Fallback */
|
||||
background: rgba(255, 255, 255, 1);
|
||||
box-shadow: none;
|
||||
}
|
||||
.sidebar li a,
|
||||
.sidebar li a:hover,
|
||||
.sidebar li a:focus {
|
||||
background-color: transparent;
|
||||
background: rgb(255, 255, 255); /* The Fallback */
|
||||
background: rgba(255, 255, 255, 0);
|
||||
}
|
||||
.dropdown-menu li:last-child {
|
||||
border-bottom: 1px solid transparents;
|
||||
}
|
||||
.dropdown-menu li {
|
||||
//text-transform: uppercase;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
font-weight: 600;
|
||||
//border-bottom: 1px solid lighten(@brand-primary, 40%);
|
||||
}
|
||||
.dropdown-menu li a {
|
||||
color:@brand-primary;
|
||||
font-weight: 600;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
.dropdown-menu > li > a:hover,
|
||||
.dropdown-menu > li > a:focus {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.dropdown-menu li {
|
||||
color:@white;
|
||||
padding:10px 12px 5px !important;
|
||||
font-size:14px;
|
||||
line-height: 28px;
|
||||
|
||||
&.first {
|
||||
border-bottom: 1px solid #c4c4c4;
|
||||
a {
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown-menu > li:hover,
|
||||
.dropdown-menu > li:focus{
|
||||
color:@white;
|
||||
background: @brand-secondary;
|
||||
}
|
||||
.yamm .dropdown-menu li h3 {
|
||||
font-size:15px;
|
||||
margin-bottom: 0;
|
||||
color:#999999;
|
||||
padding:10px 0;
|
||||
}
|
||||
.nopadding {
|
||||
padding:0 !important;
|
||||
}
|
||||
.yamm-content .col-md-6 {
|
||||
min-width: 210px;
|
||||
}
|
||||
.navbar-nav .noborder {
|
||||
border-bottom: 0 none !important;
|
||||
font-size: 18px;
|
||||
margin-top: 10px;
|
||||
padding: 8px 15px 4px;
|
||||
}
|
||||
.fixedheader {
|
||||
background: #ffffff !important;
|
||||
background: rgb(255, 255, 255); /* The Fallback */
|
||||
background: rgba(255, 255, 255, 0.9) !important;
|
||||
box-shadow: none;
|
||||
position: absolute;
|
||||
top:0px;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
width:100%;
|
||||
}
|
||||
.nomargin {
|
||||
top:0;
|
||||
}
|
||||
.setbg{
|
||||
background: url(../images/header-bg.png) no-repeat scroll center top / cover rgba(255, 255, 255, 1) !important;
|
||||
}
|
||||
.nobg,
|
||||
.fixedheader .nav .open > a,
|
||||
.fixedheader .nav .open > a:hover,
|
||||
.fixedheader .nav .open > a:focus,
|
||||
.fixedheader .navbar-nav > li > a.active,
|
||||
.fixedheader .navbar-nav > li > a:focus,
|
||||
.fixedheader .navbar-nav > li > a:hover,
|
||||
.fixedheader .navbar-nav > li > a:hover,
|
||||
.fixedheader .navbar-nav > li > a:focus,
|
||||
.fixedheader .navbar-nav > li > a.active,
|
||||
.fixedheader .navbar-nav > li > a:active {
|
||||
background: #ffffff !important;
|
||||
background: rgb(255, 255, 255); /* The Fallback */
|
||||
background: rgba(255, 255, 255, 0) !important;
|
||||
}
|
||||
|
||||
.nav .open > a,
|
||||
.nav .open > a:hover,
|
||||
.nav .open > a:focus,
|
||||
.navbar-nav > li > a.active,
|
||||
.navbar-nav > li > a:focus,
|
||||
.navbar-nav > li > a:hover {
|
||||
border-color: @brand-primary;
|
||||
}
|
||||
|
||||
.subnavi li:hover.dropdown::before {
|
||||
position: absolute;
|
||||
content:"";
|
||||
z-index:99998;
|
||||
width: 0;
|
||||
height: 0;
|
||||
left: 60px;
|
||||
top: 37px;
|
||||
border-left: 8px solid transparent;
|
||||
border-right: 8px solid transparent;
|
||||
border-top: 8px solid @brand-primary;
|
||||
}
|
||||
.fixedheader .navbar-nav > li > a {
|
||||
border-color:transparent;
|
||||
background: rgba(255, 255, 255, 0) !important;
|
||||
}
|
||||
.fixedheader .navbar-nav > li > a:hover {
|
||||
background: @brand-secondary !important;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.fixedheader .nav .open > a.dropdown-toggle:hover,
|
||||
.fixedheader .nav .open > a.dropdown-toggle:focus,
|
||||
.fixedheader .navbar-nav > li > a.dropdown-toggle.active,
|
||||
.fixedheader .navbar-nav > li > a.dropdown-toggle:focus,
|
||||
.fixedheader .navbar-nav > li > a.dropdown-toggle:hover,
|
||||
.fixedheader .navbar-nav > li > a.dropdown-toggle:hover,
|
||||
.fixedheader .navbar-nav > li > a.dropdown-toggle:focus,
|
||||
.fixedheader .navbar-nav > li > a.dropdown-toggle.active,
|
||||
.fixedheader .navbar-nav > li > a.dropdown-toggle:active {
|
||||
background: @brand-secondary !important;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
.fixedheader .subnavi .navbar-nav > li > a:hover {
|
||||
color:@text-color;
|
||||
}
|
||||
|
||||
.nobg .navbar-nav > li > a i,
|
||||
.nobg .navbar-nav > li > a {
|
||||
color:#ffffff;
|
||||
}
|
||||
.nobg {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, .3);
|
||||
-webkit-background-clip: padding-box; /* for Safari */
|
||||
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
|
||||
}
|
||||
|
||||
.navbar-toggle {
|
||||
float: left;
|
||||
margin-bottom: 0px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
318
trunk/src/AppBundle/Resources/assets/less/includes/helpers.less
Executable file
318
trunk/src/AppBundle/Resources/assets/less/includes/helpers.less
Executable file
|
|
@ -0,0 +1,318 @@
|
|||
.box-shadow(@shadow: 0px 0px 2px 0px rgba(0, 0, 0, @box-shadow-opacity)) {
|
||||
-webkit-box-shadow: @shadow;
|
||||
-moz-box-shadow: @shadow;
|
||||
box-shadow: @shadow;
|
||||
}
|
||||
.text-shadow(@shadow: 0px 0px 1px rgba(0, 0, 0, @text-shadow-opacity)) {
|
||||
-webkit-text-shadow: @shadow;
|
||||
-moz-text-shadow: @shadow;
|
||||
text-shadow: @shadow;
|
||||
}
|
||||
.theme-transition(@theme-transition: 300ms) {
|
||||
.transition(all @theme-transition ease-in-out);
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.bgcolor_alpha(@alpha_color: #000000, @alpha_percentage: 60%) {
|
||||
background-color : @alpha_color;
|
||||
background-color : fade(@alpha_color, @alpha_percentage);
|
||||
}
|
||||
.translate (@trans_x: 10px, @trans_y: 10px) {
|
||||
-webkit-transform : translate(@trans_x,@trans_y);
|
||||
-ms-transform : translate(@trans_x,@trans_y);
|
||||
transform : translate(@trans_x,@trans_y);
|
||||
}
|
||||
.background_cover {
|
||||
-webkit-background-size : cover;
|
||||
-moz-background-size : cover;
|
||||
-o-background-size : cover;
|
||||
background-position : center center;
|
||||
background-repeat : no-repeat;
|
||||
background-size : cover;
|
||||
}
|
||||
.background_cover_fixed {
|
||||
-webkit-background-size : cover;
|
||||
-moz-background-size : cover;
|
||||
-o-background-size : cover;
|
||||
background-position : center center;
|
||||
background-repeat : no-repeat;
|
||||
background-size : cover;
|
||||
background-attachment : fixed;
|
||||
}
|
||||
.show {
|
||||
visibility: visible !important;
|
||||
.opacity(1) !important;
|
||||
}
|
||||
.not_visible { visibility: hidden; }
|
||||
.pause_animation {
|
||||
-moz-animation-name : none;
|
||||
-webkit-animation-name : none;
|
||||
animation-name : none;
|
||||
visibility : hidden;
|
||||
}
|
||||
.overflow-hidden {overflow: hidden;}
|
||||
.uppercase {text-transform: uppercase !important;}
|
||||
.centered {text-align: center !important;}
|
||||
.elevate {
|
||||
//margin-top: -70px;
|
||||
.translate(0px,-70px);
|
||||
}
|
||||
.lead {
|
||||
font-size: floor((@font-size-base * 1.15));
|
||||
font-weight: normal;
|
||||
|
||||
@media (min-width: @screen-sm-min) {
|
||||
font-size: (@font-size-base * 1.5);
|
||||
}
|
||||
}
|
||||
.boxed {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
border: solid 1px lighten(@text-color, 60%);
|
||||
}
|
||||
.boxed_plus {
|
||||
padding-left: 40px;
|
||||
padding-right: 40px;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.dark_section .boxed, .dark_section.boxed,
|
||||
.secondary_section .boxed, .secondary_section.boxed,
|
||||
.light_section .boxed, .light_section.boxed,
|
||||
.white_section .boxed, .white_section.boxed,
|
||||
.black_section .boxed, .black_section.boxed,
|
||||
.skincolored_section .boxed, .skincolored_section.boxed,
|
||||
footer .boxed { border: none !important; }
|
||||
|
||||
.boxed-special {
|
||||
padding-top: 40px;
|
||||
border: solid 1px @brand-primary !important;
|
||||
&:after {
|
||||
content : "";
|
||||
display : inline-block;
|
||||
height : 10px;
|
||||
background : @brand-primary;
|
||||
bottom : 0;
|
||||
width : 80px;
|
||||
position : absolute;
|
||||
left : 50%;
|
||||
.translate(-50%,0);
|
||||
}
|
||||
}
|
||||
|
||||
div[class *='_section'].boxed-special { border: solid 1px @boxed-special-border-color !important; }
|
||||
|
||||
.main section.gradient, .main section.gradient-invert {
|
||||
padding: 0;
|
||||
.container { padding-top: 55px; padding-bottom: 55px;}
|
||||
}
|
||||
|
||||
footer.gradient, footer.gradient-invert {
|
||||
padding: 0;
|
||||
.container { padding-top: 55px; padding-bottom: 25px;}
|
||||
}
|
||||
|
||||
.gradient { background: linear-gradient(to right, @brand-primary 0%,@brand-primary 50%,@brand-secondary 50%,@brand-secondary 100%); }
|
||||
.gradient-invert { background: linear-gradient(to left, @brand-primary 0%,@brand-primary 50%,@brand-secondary 50%,@brand-secondary 100%); }
|
||||
|
||||
.diagonal-30 .container { background: linear-gradient(@diagonal-gradient-angle, @brand-primary 0%,@brand-primary 30%,@brand-secondary 30%,@brand-secondary 100%); }
|
||||
.diagonal-30-invert .container { background: linear-gradient(@diagonal-gradient-angle, @brand-secondary 0%,@brand-secondary 30%,@brand-primary 30%,@brand-primary 100%); }
|
||||
.diagonal-30-minusangle-invert .container { background: linear-gradient(-@diagonal-gradient-angle, @brand-primary 0%,@brand-primary 70%,@brand-secondary 70%,@brand-secondary 100%); }
|
||||
.diagonal-30-minusangle .container { background: linear-gradient(-@diagonal-gradient-angle, @brand-secondary 0%,@brand-secondary 70%,@brand-primary 70%,@brand-primary 100%); }
|
||||
|
||||
.diagonal-50 .container { background: linear-gradient(@diagonal-gradient-angle, @brand-primary 0%,@brand-primary 50%,@brand-secondary 50%,@brand-secondary 100%); }
|
||||
.diagonal-50-invert .container { background: linear-gradient(@diagonal-gradient-angle, @brand-secondary 0%,@brand-secondary 50%,@brand-primary 50%,@brand-primary 100%); }
|
||||
.diagonal-50-minusangle-invert .container { background: linear-gradient(-@diagonal-gradient-angle, @brand-primary 0%,@brand-primary 50%,@brand-secondary 50%,@brand-secondary 100%); }
|
||||
.diagonal-50-minusangle .container { background: linear-gradient(-@diagonal-gradient-angle, @brand-secondary 0%,@brand-secondary 50%,@brand-primary 50%,@brand-primary 100%); }
|
||||
|
||||
.diagonal-70 .container { background: linear-gradient(@diagonal-gradient-angle, @brand-primary 0%,@brand-primary 70%,@brand-secondary 70%,@brand-secondary 100%); }
|
||||
.diagonal-70-invert .container { background: linear-gradient(@diagonal-gradient-angle, @brand-secondary 0%,@brand-secondary 70%,@brand-primary 70%,@brand-primary 100%); }
|
||||
.diagonal-70-minusangle-invert .container { background: linear-gradient(-@diagonal-gradient-angle, @brand-primary 0%,@brand-primary 30%,@brand-secondary 30%,@brand-secondary 100%); }
|
||||
.diagonal-70-minusangle .container { background: linear-gradient(-@diagonal-gradient-angle, @brand-secondary 0%,@brand-secondary 30%,@brand-primary 30%,@brand-primary 100%); }
|
||||
|
||||
.stretchy-wrapper {
|
||||
width: 100% !important;
|
||||
padding-bottom: 56.25% !important; /* 16:9 */
|
||||
position: relative !important;
|
||||
overflow: hidden !important;
|
||||
margin-bottom: -1px;
|
||||
height: 0px;
|
||||
.background_cover;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.stretchy-wrapper.ratio_16-9 {padding-bottom: 56.25% !important;}
|
||||
.stretchy-wrapper.ratio_15-9 {padding-bottom: 62% !important;}
|
||||
.stretchy-wrapper.ratio_4-3 {padding-bottom: 75% !important;}
|
||||
.stretchy-wrapper.ratio_12-5 {padding-bottom: 41.66% !important;}
|
||||
.stretchy-wrapper.ratio_2-1 {padding-bottom: 50% !important;}
|
||||
.stretchy-wrapper.ratio_1-1 {padding-bottom: 100% !important;}
|
||||
.stretchy-wrapper.ratio_5-1 {padding-bottom: 20% !important;}
|
||||
.stretchy-wrapper.ratio_slider {padding-bottom: 33% !important;}
|
||||
|
||||
.stretchy-wrapper > * {
|
||||
display: block;
|
||||
position: absolute !important;
|
||||
top: 0; bottom: 0; left: 0; right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.transparent, .transparent-film { background-color: transparent !important; }
|
||||
|
||||
.transparent-film > * { position: relative; }
|
||||
|
||||
.transparent-film:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
.bgcolor_alpha(@body-bg , @section-background-transparency);
|
||||
}
|
||||
|
||||
.black_section.transparent-film:before {
|
||||
.bgcolor_alpha(#000000 , @section-background-transparency);
|
||||
}
|
||||
.white_section.transparent-film:before {
|
||||
.bgcolor_alpha(#ffffff , @section-background-transparency);
|
||||
}
|
||||
.skincolored_section.transparent-film:before {
|
||||
.bgcolor_alpha(darken(@skin-section-bgcolor, 5%) , @section-background-transparency);
|
||||
}
|
||||
.secondary_section.transparent-film:before {
|
||||
.bgcolor_alpha(darken(@secondary-section-bgcolor, 5%) , @section-background-transparency_parallax);
|
||||
}
|
||||
.dark_section.transparent-film:before {
|
||||
.bgcolor_alpha(darken(@dark-section-bgcolor, 5%) , @section-background-transparency);
|
||||
}
|
||||
.light_section.transparent-film:before {
|
||||
.bgcolor_alpha(lighten(@light-section-bgcolor, 5%) , @section-background-transparency);
|
||||
}
|
||||
// PLETODO: ADD these to Houston
|
||||
.black_section.neutralize_links {
|
||||
a:link, a:visited { color: @black-section-txtcolor !important; }
|
||||
}
|
||||
.white_section.neutralize_links {
|
||||
a:link, a:visited { color: @white-section-txtcolor !important; }
|
||||
}
|
||||
.skincolored_section.neutralize_links {
|
||||
a:link, a:visited { color: @skin-section-txtcolor !important; }
|
||||
}
|
||||
.secondary_section.neutralize_links {
|
||||
a:link, a:visited { color: @secondary-section-txtcolor !important; }
|
||||
}
|
||||
.dark_section.neutralize_links {
|
||||
a:link, a:visited { color: @dark-section-txtcolor !important; }
|
||||
}
|
||||
.light_section.neutralize_links {
|
||||
a:link, a:visited { color: @light-section-txtcolor !important; }
|
||||
}
|
||||
|
||||
.gradient-film-to-top,
|
||||
.gradient-film-to-bottom { background-color: transparent !important; }
|
||||
|
||||
.gradient-film-to-top > *,
|
||||
.gradient-film-to-bottom > * { position: relative; }
|
||||
|
||||
.gradient-film-to-top:before,
|
||||
.gradient-film-to-bottom:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.gradient-film-to-top:before {
|
||||
background: linear-gradient(to top, @body-bg 0%, fade(@body-bg, 80%) 10%, transparent 100%);
|
||||
}
|
||||
|
||||
.gradient-film-to-bottom:before {
|
||||
background: linear-gradient(to bottom, @body-bg 0%, fade(@body-bg, 80%) 10%, transparent 100%);
|
||||
}
|
||||
|
||||
.black_section.gradient-film-to-bottom:before {
|
||||
background: linear-gradient(to bottom, fade(#000000,65%) 0%, transparent 100%);
|
||||
}
|
||||
.white_section.gradient-film-to-bottom:before {
|
||||
background: linear-gradient(to bottom, fade(#ffffff,65%) 0%, transparent 100%);
|
||||
}
|
||||
.skincolored_section.gradient-film-to-bottom:before {
|
||||
background: linear-gradient(to bottom, fade(@skin-section-bgcolor,65%) 0%, transparent 100%);
|
||||
}
|
||||
.secondary_section.gradient-film-to-bottom:before {
|
||||
background: linear-gradient(to bottom, fade(@secondary-section-bgcolor,65%) 0%, transparent 100%);
|
||||
}
|
||||
.dark_section.gradient-film-to-bottom:before {
|
||||
background: linear-gradient(to bottom, fade(@dark-section-bgcolor,65%) 0%, transparent 100%);
|
||||
}
|
||||
.light_section.gradient-film-to-bottom:before {
|
||||
background: linear-gradient(to bottom, fade(@light-section-bgcolor,65%) 0%, transparent 100%);
|
||||
}
|
||||
.black_section.gradient-film-to-top:before {
|
||||
background: linear-gradient(to top, fade(#000000,65%) 0%, transparent 100%);
|
||||
}
|
||||
.white_section.gradient-film-to-top:before {
|
||||
background: linear-gradient(to top, fade(#ffffff,65%) 0%, transparent 100%);
|
||||
}
|
||||
.skincolored_section.gradient-film-to-top:before {
|
||||
background: linear-gradient(to top, fade(@skin-section-bgcolor,65%) 0%, transparent 100%);
|
||||
}
|
||||
.secondary_section.gradient-film-to-top:before {
|
||||
background: linear-gradient(to top, fade(@secondary-section-bgcolor,65%) 0%, transparent 100%);
|
||||
}
|
||||
.dark_section.gradient-film-to-top:before {
|
||||
background: linear-gradient(to top, fade(@dark-section-bgcolor,65%) 0%, transparent 100%);
|
||||
}
|
||||
.light_section.gradient-film-to-top:before {
|
||||
background: linear-gradient(to top, fade(@light-section-bgcolor,65%) 0%, transparent 100%);
|
||||
}
|
||||
|
||||
//== FONT AWESOME COLOR OVERRIDES
|
||||
|
||||
i.fa.skincolored_section { background-color: @brand-primary !important; }
|
||||
|
||||
i.fa.secondary_section { background-color: @brand-secondary !important; }
|
||||
|
||||
i.fa.light_section { background-color: @light-section-bgcolor !important; }
|
||||
|
||||
i.fa.dark_section { background-color: @dark-section-bgcolor !important; }
|
||||
|
||||
i.fa.black_section { background-color: @black-section-bgcolor !important; }
|
||||
|
||||
i.fa.white_section { background-color: @white-section-bgcolor !important; }
|
||||
|
||||
//== PADDINGS and MARGINS
|
||||
|
||||
.no_margin {margin: 0 !important;}
|
||||
.no_margin_top {margin-top: 0 !important;}
|
||||
.no_margin_bottom {margin-bottom: 0 !important;}
|
||||
.margin_top { margin-top: @section-vertical-padding !important;}
|
||||
.margin_bottom { margin-bottom: @section-vertical-padding !important;}
|
||||
.margin_top_half { margin-top: @section-vertical-padding / 2 !important;}
|
||||
.margin_bottom_half { margin-bottom: @section-vertical-padding / 2 !important;}
|
||||
|
||||
.no_padding {padding: 0 !important;}
|
||||
.no_padding_top {padding-top: 0 !important;}
|
||||
.no_padding_bottom {padding-bottom: 0 !important;}
|
||||
.padding_top { padding-top: @section-vertical-padding !important;}
|
||||
.padding_bottom { padding-bottom: @section-vertical-padding !important;}
|
||||
.padding_top_half { padding-top: @section-vertical-padding / 2 !important;}
|
||||
.padding_bottom_half { padding-bottom: @section-vertical-padding / 2 !important;}
|
||||
|
||||
.margin_top_grid {margin-top:31px;}
|
||||
.margin_bottom_grid {margin-bottom:31px;}
|
||||
|
||||
.click-disable {
|
||||
-moz-user-select: -moz-none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
216
trunk/src/AppBundle/Resources/assets/less/includes/hotels.less
Normal file
216
trunk/src/AppBundle/Resources/assets/less/includes/hotels.less
Normal file
|
|
@ -0,0 +1,216 @@
|
|||
/* ==================================================================
|
||||
HOTELS
|
||||
================================================================== */
|
||||
|
||||
.leave-a-feedback,
|
||||
.review-total {
|
||||
background: #eeeeee;
|
||||
padding:26px;
|
||||
width:100%;
|
||||
}
|
||||
.leave-a-feedback {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.leave-a-feedback h6 {
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
.review-list h5 {
|
||||
display: inline-block;
|
||||
font-size:13px;
|
||||
min-width: 140px;
|
||||
}
|
||||
.hotel-icon-list {
|
||||
font-size:15px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.icon-container {
|
||||
width: 37px;
|
||||
height: 37px;
|
||||
line-height: 37px;
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
font-size:18px;
|
||||
}
|
||||
.border-bottom2 {
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
margin-bottom: 22px;
|
||||
padding: 0;
|
||||
}
|
||||
.hotel-list {
|
||||
margin:60px 0;
|
||||
}
|
||||
.hotel-list h5 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.hotel-list h5 span {
|
||||
font-size:13px;
|
||||
}
|
||||
.list-style-hotel {
|
||||
padding-top:30px;
|
||||
}
|
||||
.hotel-list p {
|
||||
font-size:15px;
|
||||
margin: 10px 0 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.hotel-list .lead {
|
||||
font-weight: 300;
|
||||
line-height: 1.4;
|
||||
margin:0;
|
||||
font-size:13px;
|
||||
font-style: italic;
|
||||
}
|
||||
.bootstrap-select > .btn {
|
||||
width: 265px;
|
||||
}
|
||||
.selectmini .bootstrap-select > .btn {
|
||||
width: auto;
|
||||
}
|
||||
.selectmini .bootstrap-select > .btn .dropdown-menu {
|
||||
max-width: 80px !important;
|
||||
}
|
||||
.selectmini .bootstrap-select.btn-group .dropdown-menu {
|
||||
left: -2px;
|
||||
min-width: 70px;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu {
|
||||
padding:0;
|
||||
}
|
||||
.bookform {
|
||||
overflow: visible;
|
||||
}
|
||||
.home-form {
|
||||
|
||||
}
|
||||
.container-form{
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
padding:0;
|
||||
box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
|
||||
}
|
||||
.bookform .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
.input-group .form-control {
|
||||
border-right: 0;
|
||||
}
|
||||
.bookform .btn {
|
||||
height: 55px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.bookform .btn i {
|
||||
font-size:24px;
|
||||
}
|
||||
.hotel-title {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.hotel-title hr {
|
||||
width: 35px;
|
||||
border-width: 2px;
|
||||
}
|
||||
.hotel-title .left {
|
||||
margin-left: 0
|
||||
}
|
||||
.hotel-widget {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 30px 0 0;
|
||||
}
|
||||
.hotel-widget p {
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px
|
||||
}
|
||||
.hotel-widget small {
|
||||
display: list-item;
|
||||
font-size: 13px;
|
||||
list-style: inside none disc;
|
||||
}
|
||||
.hotel-wrapper .rating {
|
||||
font-size:15px;
|
||||
display: block;
|
||||
position: relative;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.hotel-wrapper .post-title {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.single-hotel-image {
|
||||
position: relative;
|
||||
}
|
||||
.single-hotel-image img {
|
||||
width: 100%;
|
||||
}
|
||||
.sidebar-price,
|
||||
.single-hotel-image .price {
|
||||
position: absolute;
|
||||
top:30%;
|
||||
right: 5%;
|
||||
padding:25px 40px;
|
||||
background-color: rgba(255,255,255,0.8);
|
||||
}
|
||||
.sidebar-price,
|
||||
.price {
|
||||
text-align: center;
|
||||
}
|
||||
.sidebar-price h2 span,
|
||||
.price h2 span {
|
||||
font-size:15px;
|
||||
padding:0;
|
||||
}
|
||||
.sidebar-price h2,
|
||||
.price h2 {
|
||||
margin-bottom: 0;
|
||||
font-size:45px;
|
||||
padding:0;
|
||||
}
|
||||
.price h2 small {
|
||||
color:#444444;
|
||||
}
|
||||
.single-hotel-bottom {
|
||||
background-color: #eeeeee;
|
||||
padding:20px;
|
||||
margin-bottom: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.single-hotel-bottom p i {
|
||||
padding-right: 5px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
.single-hotel-bottom p {
|
||||
margin-bottom: 0;
|
||||
color:#444444;
|
||||
}
|
||||
.single-hotel-image .thumbnails {
|
||||
position: absolute;
|
||||
bottom:15%;
|
||||
left: 3%;
|
||||
padding:0;
|
||||
}
|
||||
.thumbnails {
|
||||
max-width:100px
|
||||
}
|
||||
.thumbnails img {
|
||||
max-width:100px;
|
||||
border:2px solid #ffffff;
|
||||
margin:5px 0;
|
||||
}
|
||||
.hotel-hr {
|
||||
margin: 40px 0
|
||||
}
|
||||
.notice {
|
||||
font-size:13px;
|
||||
font-style: italic;
|
||||
}
|
||||
.widget .sidebar-price{
|
||||
position: relative;
|
||||
margin:30px 0 0 0 !important;
|
||||
background: #eeeeee;
|
||||
left:0 !important;
|
||||
right: 0 !important
|
||||
}
|
||||
.widget .sidebar-price .btn {
|
||||
color:#ffffff !important;
|
||||
}
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
/* ==================================================================
|
||||
RESET
|
||||
================================================================== */
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
strong {
|
||||
color:#444;
|
||||
}
|
||||
|
|
@ -0,0 +1,371 @@
|
|||
/* ==================================================================
|
||||
RESPONSIVE
|
||||
================================================================== */
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.navbar-nav > li > a {
|
||||
font-size: 13px;
|
||||
padding: 10px 7px 6px 7px;
|
||||
}
|
||||
.absolute-carousel {
|
||||
top:53px
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
|
||||
|
||||
#sidebar #side-navigation .side-menu {
|
||||
width: 100%;
|
||||
}
|
||||
.bookform .input-group {
|
||||
width: 100% !important;
|
||||
}
|
||||
.bookform .form-group {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.navbar-nav .noborder,
|
||||
.sidebar-menu-container,
|
||||
.breadcrumb {
|
||||
//display: none;
|
||||
}
|
||||
.navbar-nav > li > a {
|
||||
font-size: 16px;
|
||||
// padding: 10px 7px 6px 7px;
|
||||
}
|
||||
.subnavi .navbar-nav > li > a {
|
||||
//font-size: 12px;
|
||||
//padding: 10px 7px 6px 7px;
|
||||
}
|
||||
.navbar-brand {
|
||||
//margin-top: 0px;
|
||||
//max-width: 250px;
|
||||
right: 0;
|
||||
width: auto;
|
||||
left: auto;
|
||||
}
|
||||
.navbar-times {
|
||||
display: none;
|
||||
}
|
||||
.home-message {
|
||||
padding: 88px 42px;
|
||||
min-height: 360px;
|
||||
}
|
||||
|
||||
.navbar .navbar-subnavi .subnavi {
|
||||
padding-left: 0;
|
||||
}
|
||||
.navbar .navbar-subnavi .subnavi::before {
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-top:none;
|
||||
border-bottom:none;
|
||||
border-left:none;
|
||||
}
|
||||
|
||||
footer {
|
||||
.info-text, .text-right {
|
||||
text-align: center;
|
||||
.fa {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
.text-center {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
}
|
||||
.home-form .nav-tabs > li > a {
|
||||
//width: 100%;
|
||||
}
|
||||
.absolute-carousel {
|
||||
top:52px
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
/* Force table to not be like tables anymore */
|
||||
#no-more-tables table,
|
||||
#no-more-tables thead,
|
||||
#no-more-tables tbody,
|
||||
#no-more-tables th,
|
||||
#no-more-tables td,
|
||||
#no-more-tables tr {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Hide table headers (but not display: none;, for accessibility) */
|
||||
#no-more-tables thead tr {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
}
|
||||
|
||||
#no-more-tables tr { border: 1px solid #ccc; }
|
||||
|
||||
#no-more-tables td {
|
||||
/* Behave like a "row" */
|
||||
border: none;
|
||||
border-bottom: 1px solid #fff;
|
||||
position: relative;
|
||||
padding-left: 50%;
|
||||
white-space: normal;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#no-more-tables td:before {
|
||||
/* Now like a table header */
|
||||
position: absolute;
|
||||
/* Top/left values mimic padding */
|
||||
top: 6px;
|
||||
left: 6px;
|
||||
width: 45%;
|
||||
padding-right: 10px;
|
||||
white-space: nowrap;
|
||||
text-align:left;
|
||||
font-weight: bold;
|
||||
}
|
||||
#no-more-tables .btn {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#no-more-tables .icons-percent::before{
|
||||
float: right;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
#no-more-tables td:last-child {
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
#no-more-tables tr:nth-child(2n+1) > td {
|
||||
background-color: #d8d8d8; // Choose your own color here
|
||||
}
|
||||
/*
|
||||
Label the data
|
||||
*/
|
||||
#no-more-tables td:before { content: attr(data-title); }
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
/* Force table to not be like tables anymore */
|
||||
.no-more-tables table,
|
||||
.no-more-tables thead,
|
||||
.no-more-tables tbody,
|
||||
.no-more-tables th,
|
||||
.no-more-tables td,
|
||||
.no-more-tables tr {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Hide table headers (but not display: none;, for accessibility) */
|
||||
.no-more-tables thead tr {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
}
|
||||
|
||||
.no-more-tables tr { border: 1px solid #ccc; }
|
||||
|
||||
.no-more-tables td,
|
||||
.no-more-tables .table > tbody > tr > td {
|
||||
/* Behave like a "row" */
|
||||
border: none;
|
||||
border-bottom: 1px solid #fff;
|
||||
position: relative;
|
||||
padding-left: 50%;
|
||||
white-space: normal;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.no-more-tables td:before {
|
||||
/* Now like a table header */
|
||||
position: absolute;
|
||||
/* Top/left values mimic padding */
|
||||
top: 6px;
|
||||
left: 6px;
|
||||
width: 45%;
|
||||
padding-right: 10px;
|
||||
white-space: nowrap;
|
||||
text-align:left;
|
||||
font-weight: bold;
|
||||
}
|
||||
.no-more-tables .btn {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.no-more-tables .icons-percent::before{
|
||||
float: right;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
.no-more-tables td:last-child {
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.no-more-tables tr:nth-child(2n+1) > td {
|
||||
background-color: #d8d8d8; // Choose your own color here
|
||||
}
|
||||
/*
|
||||
Label the data
|
||||
*/
|
||||
.no-more-tables td:before { content: attr(data-title); }
|
||||
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.navbar .navbar-subnavi .navbar-nav {
|
||||
margin: 7.5px -10px;
|
||||
|
||||
}
|
||||
|
||||
#no-more-tables_first {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.container {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
.home-info-box {
|
||||
margin-right: -30px;
|
||||
}
|
||||
.btn-over-slider {
|
||||
top:110px;
|
||||
}
|
||||
.price-over-slider {
|
||||
top: 115px;
|
||||
}
|
||||
|
||||
#sidebar #side-navigation .side-menu {
|
||||
width: 100%;
|
||||
}
|
||||
#widthphone.home-form .nav-tabs > li {
|
||||
width: 50%;
|
||||
}
|
||||
.fullscreen {
|
||||
padding: 0;
|
||||
}
|
||||
.absolute-carousel {
|
||||
top:0px;
|
||||
left: -10px;
|
||||
}
|
||||
.home-message {
|
||||
padding: 0px 42px;
|
||||
min-height: 360px;
|
||||
}
|
||||
.absolute {
|
||||
margin-top:0;
|
||||
top:0;
|
||||
}
|
||||
.fixedheader {
|
||||
position: relative;
|
||||
top:0;
|
||||
}
|
||||
.travel-list .alignleft {
|
||||
width: 100%;
|
||||
float:none;
|
||||
}
|
||||
.single-travel-image .thumbnails{
|
||||
display: none !important;
|
||||
}
|
||||
.sidebar-price, .single-travel-image .price {
|
||||
display: none;
|
||||
position: absolute;
|
||||
}
|
||||
.pricing-table-header {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.navbar-toggle {
|
||||
margin-top: 0px;
|
||||
padding:10px;
|
||||
font-size:24px;
|
||||
}
|
||||
.dropdown-menu li {
|
||||
padding:5px 10px 5px !important;
|
||||
}
|
||||
.yamm .yamm-content {
|
||||
padding:0 0;
|
||||
}
|
||||
.navbar-collapse, .navbar {
|
||||
border: 0 none;
|
||||
margin: 4px 0;
|
||||
}
|
||||
.navbar-nav .noborder,
|
||||
.sidebar-menu-container,
|
||||
.breadcrumb {
|
||||
display: none;
|
||||
}
|
||||
.topbar-social {
|
||||
display: inline;
|
||||
}
|
||||
.topbar {
|
||||
line-height: 40px;
|
||||
}
|
||||
.topbar li,
|
||||
.topbar-social li {
|
||||
padding:0 5px;
|
||||
}
|
||||
.topbar .pull-left,
|
||||
.topbar-social,
|
||||
.topbar .pull-right {
|
||||
float:none !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
.copyrights .text-left,
|
||||
.copyrights .text-right {
|
||||
text-align: center !important;
|
||||
}
|
||||
.navbar-nav > li > a {
|
||||
padding: 10px 15px;
|
||||
border:0;
|
||||
}
|
||||
.subnavi li:hover.dropdown::before {
|
||||
display: none;
|
||||
}
|
||||
.navbar-brand {
|
||||
//padding: 0;
|
||||
margin-top: 0px;
|
||||
padding: 0;
|
||||
//max-width: 200px;
|
||||
img {
|
||||
margin-top: 4px;
|
||||
}
|
||||
}
|
||||
.navbar .navbar-left {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.header {
|
||||
padding:0px 0;
|
||||
}
|
||||
.nobg {
|
||||
background:#222222 !important;
|
||||
background-color: #222222 !important;
|
||||
}
|
||||
.home-form .nav-tabs > li > a {
|
||||
padding:20px 22px;
|
||||
}
|
||||
h1 {
|
||||
font-size:28px;
|
||||
}
|
||||
.service-style .icon-container,
|
||||
.mini-desti img {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.homeform {
|
||||
padding: 40px 0 0 !important;
|
||||
}
|
||||
.home-form .nav-tabs > li > a i {
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
}
|
||||
.bookform .form-control {
|
||||
margin-bottom: 0
|
||||
}
|
||||
.bookform .form-group,
|
||||
.bookform .make-margin {
|
||||
margin: 10px 0 !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,608 @@
|
|||
/* ==================================================================
|
||||
SECTION & PAGE
|
||||
================================================================== */
|
||||
|
||||
|
||||
/*#myModal{
|
||||
height: 400px;
|
||||
top: calc(50% - 200px) !important;
|
||||
}*/
|
||||
.modal {
|
||||
z-index: 9999;
|
||||
}
|
||||
body.modal-open {
|
||||
padding-right: 0px !important;
|
||||
}
|
||||
|
||||
.modal-open {
|
||||
overflow: auto !important;
|
||||
}
|
||||
|
||||
/* background setup */
|
||||
.background {
|
||||
background-repeat:no-repeat;
|
||||
background-position:50% 50%;
|
||||
background-position:50% 50%\9 !important;
|
||||
}
|
||||
.fullscreen {
|
||||
width:100%;
|
||||
min-height:100%;
|
||||
}
|
||||
.not-fullscreen,
|
||||
.not-fullscreen .content-a,
|
||||
.fullscreen.not-overflow,
|
||||
.fullscreen.not-overflow .content-a {
|
||||
height:100%;
|
||||
overflow:hidden;
|
||||
}
|
||||
.section {
|
||||
background-color: #ffffff;
|
||||
position: relative;
|
||||
display: block;
|
||||
padding:60px 0;
|
||||
overflow: hidden;
|
||||
&.padding-top-20 {
|
||||
padding-top: 20px;
|
||||
}
|
||||
&.padding-top-30 {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
&.padding-0 {
|
||||
padding: 0px;
|
||||
}
|
||||
&.margin-bottom-20 {
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
}
|
||||
.section-grey {
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
.section-light {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
#page-header {
|
||||
background: url(images/page-header.jpg) no-repeat scroll center center / cover rgba(0, 0, 0, 0);
|
||||
display: block;
|
||||
padding: 70px 0;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
.absolute-section {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
.absolute {
|
||||
padding:0;
|
||||
position: relative;
|
||||
margin-top: -122px;
|
||||
z-index: 100;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.absolute .tab-pane {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.parallax-slider {
|
||||
z-index: 100;
|
||||
height: 380px;
|
||||
}
|
||||
.parallax-buttons {
|
||||
ul {
|
||||
list-style: none;
|
||||
li {
|
||||
a {
|
||||
content: "";
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-color: @brand-secondary;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.carousel,
|
||||
.item,
|
||||
.active {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.carousel-inner {
|
||||
height: 100%;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
/* Background images are set within the HTML using inline CSS, not here */
|
||||
|
||||
.fill {
|
||||
width: 100%;
|
||||
height: 280px;
|
||||
background-position: center;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
.start-slider {
|
||||
padding-top: 148px;
|
||||
.home-message{
|
||||
padding-top: 0px
|
||||
}
|
||||
.fill{
|
||||
height: 380px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.start-slider {
|
||||
padding-top: 160px;
|
||||
.home-message{
|
||||
padding-top: 0px
|
||||
}
|
||||
.fill{
|
||||
height: 360px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.container-absolute {
|
||||
position: absolute;
|
||||
}
|
||||
.absolute-carousel {
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
width: 100%;
|
||||
top:49px
|
||||
}
|
||||
.carousel-indicators {
|
||||
li {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
background-color: @white;
|
||||
border: 1px solid @brand-secondary;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
|
||||
}
|
||||
li:hover, .active {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
background-color: @brand-secondary;
|
||||
border: 1px solid @white;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
|
||||
}
|
||||
}
|
||||
a.carousel-control .glyphicon {
|
||||
color:@brand-secondary;
|
||||
}
|
||||
.px-bullets-count {
|
||||
position: relative;
|
||||
right: -50%;
|
||||
width: 100%;
|
||||
}
|
||||
.px-bullets {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
right: 50%;
|
||||
bottom:-20px;
|
||||
}
|
||||
.px-bullet{
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
background-color: @white;
|
||||
border: 1px solid @brand-secondary;
|
||||
border-radius: 50%;
|
||||
cursor:pointer;
|
||||
float: left;
|
||||
margin: 5px;
|
||||
box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
|
||||
|
||||
}
|
||||
.px-bullet:hover {
|
||||
background-color: @brand-secondary;
|
||||
border: 1px solid @white;
|
||||
}
|
||||
.px-bullet-selected {
|
||||
background-color: @brand-secondary;
|
||||
border: 1px solid @white;
|
||||
}
|
||||
#ui-datepicker-div {
|
||||
z-index: 1000 !important
|
||||
}
|
||||
i {
|
||||
vertical-align: middle;
|
||||
}
|
||||
#page-header .rating {
|
||||
padding-right: 10px;
|
||||
}
|
||||
#page-header p {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#page-header h3 {
|
||||
font-size: 25px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-transform: uppercase;
|
||||
z-index: 1;
|
||||
}
|
||||
.breadcrumb-holder {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.breadcrumb > li + li::before {
|
||||
content: ">";
|
||||
padding:0 2px 0 0;
|
||||
font-size:12px;
|
||||
}
|
||||
.breadcrumb {
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top:-10px;
|
||||
font-weight: 500;
|
||||
list-style: outside none none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.breadcrumb li a,
|
||||
.breadcrumb li a > span, {
|
||||
color:#444444 !important;
|
||||
}
|
||||
.breadcrumb li a.on,
|
||||
.breadcrumb li a.on > span {
|
||||
color:@text-brand-color !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
.ekomi_prop {
|
||||
margin-top: -10px;
|
||||
}
|
||||
.prop {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
background-color: @background-gray;
|
||||
padding: 71px 20px 18px;
|
||||
.maxheight {
|
||||
min-height: 160px;
|
||||
}
|
||||
.fa {
|
||||
color: #fff;
|
||||
line-height: 75px;
|
||||
font-size: 36px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
border-radius: 500px;
|
||||
display: block;
|
||||
border: 6px solid #fff;
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
left: 50%;
|
||||
margin-left: -42px;
|
||||
top: -41px;
|
||||
background-color: @brand-secondary;
|
||||
}
|
||||
.title {
|
||||
margin-bottom: 12px;
|
||||
font-weight: 500;
|
||||
font-size: 28px;
|
||||
line-height: 36px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/*** CONTENT ***/
|
||||
|
||||
#content {
|
||||
section {
|
||||
margin-bottom: 40px;
|
||||
.hl2{
|
||||
font-size: @font-size-def-h2;
|
||||
position: relative;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid #ffc926;
|
||||
font-weight: normal;
|
||||
margin-bottom: 20px;
|
||||
color: #777777;
|
||||
line-height: 1.2em;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
.hl5{
|
||||
font-size: 16px;
|
||||
position: relative;
|
||||
padding-bottom: 8px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 10px;
|
||||
color: #777777;
|
||||
line-height: 1.2em;
|
||||
vertical-align: baseline;
|
||||
&.bottom{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
.content-copy{
|
||||
|
||||
h5 {
|
||||
font-weight: 700;
|
||||
}
|
||||
p {
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.nav-tabs {
|
||||
padding-bottom: 20px;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
overflow-x: hidden;
|
||||
.fa {
|
||||
color: lighten(@brand-secondary, 10%);
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
}
|
||||
/* @media (max-width: 991px) {
|
||||
.nav-tabs > li {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
}
|
||||
.nav-tabs > li > a {
|
||||
display: block;
|
||||
width: auto;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
} */
|
||||
|
||||
.nav-tabs > li > a {
|
||||
margin-right: 2px;
|
||||
line-height: 1.42857143;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
color:darken(@brand-primary, 10%);
|
||||
background-color: lighten(@brand-primary, 30%);
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
padding: 10px 10px;
|
||||
|
||||
}
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus,
|
||||
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
|
||||
color: #fff;
|
||||
cursor: default;
|
||||
background-color: @brand-secondary;
|
||||
border: 1px solid #ddd;
|
||||
border-bottom-color: transparent;
|
||||
.fa {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.scroller-nav-tabs {
|
||||
display: none;
|
||||
}
|
||||
.scroller-right-nav-tabs{
|
||||
display: none;
|
||||
}
|
||||
.scroller-left-nav-tabs {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
|
||||
.scroller-nav-tabs {
|
||||
display: block;
|
||||
text-align:center;
|
||||
cursor:pointer;
|
||||
display:none;
|
||||
padding:4px;
|
||||
padding-top:6px;
|
||||
white-space:no-wrap;
|
||||
vertical-align:middle;
|
||||
background-color:#fff;
|
||||
}
|
||||
|
||||
.scroller-right-nav-tabs{
|
||||
float:right;
|
||||
}
|
||||
|
||||
.scroller-left-nav-tabs {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.wrapper-nav-tabs {
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
overflow:hidden;
|
||||
padding:5px;
|
||||
height:50px;
|
||||
|
||||
.list-nav-tabs {
|
||||
position:absolute;
|
||||
left:0px;
|
||||
top:0px;
|
||||
min-width:3000px;
|
||||
//margin-left:12px;
|
||||
margin-top:0px;
|
||||
}
|
||||
|
||||
.list-nav-tabs li{
|
||||
display:table-cell;
|
||||
position:relative;
|
||||
text-align:center;
|
||||
cursor:grab;
|
||||
cursor:-webkit-grab;
|
||||
color:#efefef;
|
||||
vertical-align:middle;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.result-wrapper{
|
||||
.table {
|
||||
|
||||
font-size: .9em;
|
||||
}
|
||||
.table > thead > tr > th {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.result {
|
||||
background-color: lighten(@brand-primary, 45%);
|
||||
display:inline-block;
|
||||
padding: 20px 12px 20px 12px;
|
||||
margin-bottom: 20px;
|
||||
width: 100%;
|
||||
margin-bottom: -7px;
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.image {
|
||||
img.img-responsive{
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
margin-top: 6px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.subtitle {
|
||||
|
||||
}
|
||||
|
||||
.dates-count {
|
||||
text-align: right;
|
||||
font-style: italic;
|
||||
color: #868686;
|
||||
}
|
||||
|
||||
.price{
|
||||
font-weight: bold;
|
||||
background-color: #558c55;
|
||||
font-size: 20px;
|
||||
padding: 4px 8px;
|
||||
color:#fff;
|
||||
.small {
|
||||
font-size: 15px;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.table {
|
||||
font-family: 'Oswald', serif;
|
||||
font-weight: 400;
|
||||
color:#5a5a5a;
|
||||
border-color: @white;
|
||||
margin-bottom: 40px;
|
||||
> thead > tr > th {
|
||||
background-color: lighten(@brand-primary, 38%);
|
||||
border: 1px solid @white;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
> tbody > tr > td {
|
||||
background-color: #f2f2f2; //lighten(@brand-primary, 45%);
|
||||
border: 1px solid @white;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
strong {
|
||||
color:#5a5a5a;
|
||||
&.small {
|
||||
font-size: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
.old_price {
|
||||
display: block;
|
||||
text-decoration: line-through;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.new_price {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
color: @brand-success;
|
||||
white-space: nowrap;
|
||||
}
|
||||
a.color-brand {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.color-brand {
|
||||
color:@text-brand-color;
|
||||
}
|
||||
}
|
||||
|
||||
.tooltip.top .tooltip-inner {
|
||||
background-color: @brand-primary;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.tooltip.top .tooltip-arrow {
|
||||
border-top-color: @brand-primary;
|
||||
}
|
||||
|
||||
.icons-percent {
|
||||
font-family: 'Oswald', sans-serif;
|
||||
}
|
||||
|
||||
.icons-percent::before {
|
||||
content: '%';
|
||||
font-weight: 700;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
font-size: 20px;
|
||||
float: left;
|
||||
background: @brand-secondary;
|
||||
color: @white;
|
||||
border-radius: 50%;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.embed-responsive {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.embed-responsive .embed-responsive-item,
|
||||
.embed-responsive iframe,
|
||||
.embed-responsive embed,
|
||||
.embed-responsive object,
|
||||
.embed-responsive video {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
}
|
||||
.embed-responsive-16by9 {
|
||||
padding-bottom: 56.25%;
|
||||
}
|
||||
.embed-responsive-4by3 {
|
||||
padding-bottom: 75%;
|
||||
}
|
||||
|
|
@ -0,0 +1,849 @@
|
|||
/* ==================================================================
|
||||
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 {
|
||||
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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
|
@ -0,0 +1,92 @@
|
|||
/* ==================================================================
|
||||
SIDEBAR NAV
|
||||
================================================================== */
|
||||
|
||||
.navbar.navbar-static .navbar-header {
|
||||
float: left;
|
||||
}
|
||||
.navbar .navbar-toggle.toggle-left {
|
||||
float: left;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.navbar .navbar-toggle.toggle-right {
|
||||
float: right;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.navbar .navbar-toggle.toggle-sidebar, [data-toggle="sidebar"] {
|
||||
display: block;
|
||||
}
|
||||
.sidebar {
|
||||
padding: 20px;
|
||||
background: #ffffff;
|
||||
border-left:1px solid rgba(50, 50, 50, 0.1);
|
||||
}
|
||||
.sidebar li {
|
||||
text-transform: uppercase;
|
||||
border-bottom: 1px solid #ececec;
|
||||
}
|
||||
.sidebar li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.sidebar a,
|
||||
.sidebar i {
|
||||
color:#000;
|
||||
}
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
display: block;
|
||||
top: 0;
|
||||
bottom:0;
|
||||
z-index: 9999;
|
||||
min-width: 280px !important;
|
||||
min-height: 100%;
|
||||
max-height: none;
|
||||
overflow: auto;
|
||||
}
|
||||
.sidebar img {
|
||||
width: 90%;
|
||||
margin:20px auto;
|
||||
}
|
||||
.sidebar-left {
|
||||
left: 0;
|
||||
}
|
||||
.sidebar-right {
|
||||
right: 0;
|
||||
}
|
||||
.row .sidebar.sidebar-left.sidebar-xs-show {
|
||||
left: 0;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
-moz-transform: none;
|
||||
}
|
||||
.row .sidebar.sidebar-right.sidebar-xs-show {
|
||||
right: 0;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
-moz-transform: none;
|
||||
}
|
||||
.sidebar-animate {
|
||||
-webkit-transition: -webkit-transform 300ms ease;
|
||||
-moz-transition: -moz-transform 300ms ease;
|
||||
transition: transform 300ms ease;
|
||||
}
|
||||
.sidebar.sidebar-left {
|
||||
-webkit-transform: translate3d(-100%,0,0);
|
||||
-moz-transform: translate3d(-100%,0,0);
|
||||
transform: translate3d(-100%,0,0);
|
||||
}
|
||||
.sidebar.sidebar-left.sidebar-open {
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
-moz-transform: none;
|
||||
}
|
||||
.sidebar.sidebar-right {
|
||||
-webkit-transform: translate3d(100%,0,0);
|
||||
-moz-transform: translate3d(100%,0,0);
|
||||
transform: translate3d(100%,0,0);
|
||||
}
|
||||
.sidebar.sidebar-right.sidebar-open {
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
-moz-transform: none;
|
||||
}
|
||||
|
|
@ -0,0 +1,234 @@
|
|||
/* ==================================================================
|
||||
SIDEBAR WIDGETS
|
||||
================================================================== */
|
||||
|
||||
.post-media img,
|
||||
.flickrwidget img {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.post-media img:hover,
|
||||
.flickrwidget img:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
#sidebar {
|
||||
padding:0 20px;
|
||||
}
|
||||
#sidebar .widget {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-bottom:40px;
|
||||
}
|
||||
#sidebar .widget a {
|
||||
//color:#444444;
|
||||
}
|
||||
#sidebar ul {
|
||||
padding:0;
|
||||
}
|
||||
#sidebar {
|
||||
.widget {
|
||||
a.collapse-widget {
|
||||
color: #777777;
|
||||
&::before {
|
||||
display: none;
|
||||
font-family: FontAwesome;
|
||||
content: "";
|
||||
padding:0;
|
||||
font-size:0;
|
||||
color: @brand-secondary;
|
||||
}
|
||||
&.collapsed::before{
|
||||
display: none;
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
a.collapse-widget {
|
||||
color: #777777;
|
||||
&::before {
|
||||
display: inline-block;
|
||||
font-family: FontAwesome;
|
||||
content: "\f106";
|
||||
padding:6px 10px 0 0;
|
||||
font-size:32px;
|
||||
color: @brand-secondary;
|
||||
}
|
||||
&.collapsed::before{
|
||||
display: inline-block;
|
||||
content: "\f107";
|
||||
}
|
||||
}
|
||||
}
|
||||
.hl5, .hl5 a {
|
||||
color: @text-brand-color;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 14px;
|
||||
|
||||
}
|
||||
.hl5 a:hover, .hl5:hover{
|
||||
background: transparent;
|
||||
color: @brand-primary;
|
||||
}
|
||||
|
||||
.boxwidget {
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.searchwidget {
|
||||
background-color: lighten(@brand-primary, 45%);
|
||||
border-bottom: 1px solid transparent;
|
||||
padding: 12px 12px;
|
||||
.form-group {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.fa-question {
|
||||
background-color: @brand-primary;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border-radius: 50%;
|
||||
line-height: 26px;
|
||||
color: @white;
|
||||
padding-left: 8px;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.newswidget {
|
||||
border-bottom: 1px solid @brand-primary;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
p {
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
&.gray-box {
|
||||
background-color: lighten(@brand-primary, 45%);
|
||||
border-bottom: 1px solid transparent;
|
||||
padding: 12px 12px;
|
||||
.hl4 {
|
||||
color: @text-brand-color;
|
||||
font-weight: 600;
|
||||
font-size: 17px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
p {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
.imgswidget {
|
||||
img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
padding-bottom: 50px;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#side-navigation {
|
||||
.side-menu {
|
||||
float: left;
|
||||
width: 100%;
|
||||
min-width: 160px;
|
||||
padding: 5px 0;
|
||||
margin: 2px 0 0;
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
li {
|
||||
padding: 5px 12px 5px !important;
|
||||
font-size: 14px;
|
||||
line-height: 28px;
|
||||
background: transparent;
|
||||
border-bottom: 1px solid lighten(@brand-primary, 30%);
|
||||
a {
|
||||
color: #777777;
|
||||
font-weight: 600;
|
||||
padding: 0px 0px 3px 2px;
|
||||
}
|
||||
}
|
||||
li:hover, li.active {
|
||||
color: #fff;
|
||||
background: @brand-secondary;
|
||||
a {
|
||||
color:#fff;
|
||||
}
|
||||
}
|
||||
li.sub-menu-item {
|
||||
// padding-left: 20px !important;
|
||||
border-bottom: none;
|
||||
border-bottom: 1px solid lighten(@brand-primary, 45%);
|
||||
list-style:none;
|
||||
&.active a {
|
||||
color: black;
|
||||
}
|
||||
.fa {
|
||||
color:@brand-secondary;
|
||||
|
||||
}
|
||||
}
|
||||
li.sub-menu-item:hover, li.sub-menu-item.active {
|
||||
color: black;
|
||||
background: transparent;
|
||||
a {
|
||||
color:black;
|
||||
}
|
||||
}
|
||||
/* li.sub-menu-item:before {
|
||||
list-style: none;
|
||||
font-family: FontAwesome;
|
||||
content: "\f005";
|
||||
position:relative;
|
||||
left: -10px;
|
||||
background-color:@brand-secondary;
|
||||
color:@brand-secondary;
|
||||
display:inline-block;
|
||||
width:8px;
|
||||
height:8px;
|
||||
border-radius:50%
|
||||
}*/
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.listwidget ul li {
|
||||
padding:12px 0;
|
||||
margin-left: 10px;
|
||||
border-bottom: 1px solid #dddddd;
|
||||
}
|
||||
.listwidget ul li:last-child {
|
||||
padding-bottom: 0;
|
||||
border-bottom: 0 solid #dddddd;
|
||||
}
|
||||
.flickrwidget .list-inline > li {
|
||||
margin:0;
|
||||
float:left;
|
||||
padding:0;
|
||||
width: 33.3333%
|
||||
}
|
||||
.flickrwidget img {
|
||||
width: 94%;
|
||||
padding:0 0 0 0;
|
||||
}
|
||||
#sidebar .widget,
|
||||
#sidebar .widget-title {
|
||||
margin-top:0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#sidebar .widget-title {
|
||||
font-size: 25px;
|
||||
position: relative;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid #ffc926;
|
||||
font-weight: normal;
|
||||
margin-bottom: 20px;
|
||||
color: #777777;
|
||||
line-height: 1.2em;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
358
trunk/src/AppBundle/Resources/assets/less/includes/skeleton.less
vendored
Normal file
358
trunk/src/AppBundle/Resources/assets/less/includes/skeleton.less
vendored
Normal file
|
|
@ -0,0 +1,358 @@
|
|||
/* ==================================================================
|
||||
SKELETON
|
||||
================================================================== */
|
||||
|
||||
@-webkit-viewport { width: device-width; }
|
||||
@-moz-viewport { width: device-width; }
|
||||
@-ms-viewport { width: device-width; }
|
||||
@-o-viewport { width: device-width; }
|
||||
@viewport { width: device-width; }
|
||||
|
||||
body {
|
||||
color: #444444;
|
||||
font-size: 15px;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 26px;
|
||||
background: #ffffff;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height:100%;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
overflow-x: hidden;
|
||||
white-space: normal;
|
||||
position: relative;
|
||||
}
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-size: 15px;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
}
|
||||
.sound {
|
||||
border:1px solid #fff;
|
||||
width:100%;
|
||||
}
|
||||
.alignleft {
|
||||
float:left;
|
||||
margin:5px 20px 5px 0;
|
||||
}
|
||||
.alignright {
|
||||
float:right;
|
||||
margin:20px 0 20px 20px;
|
||||
}
|
||||
.aligncenter {
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
display:block;
|
||||
clear:both;
|
||||
}
|
||||
blockquote{
|
||||
border:0;
|
||||
color:#444444;
|
||||
display:block;
|
||||
margin:10px 0;
|
||||
line-height:2;
|
||||
font-size:18px;
|
||||
padding:20px;
|
||||
font-weight:normal;
|
||||
font-style: italic;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: normal;
|
||||
margin-bottom: 20px;
|
||||
color:@brand-primary;
|
||||
line-height: 1.2em;
|
||||
|
||||
}
|
||||
h1 {
|
||||
font-size: 25px;
|
||||
position: relative;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid @brand-secondary;
|
||||
}
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
color:@text-brand-color;
|
||||
position: relative;
|
||||
padding-bottom: 8px;
|
||||
padding-top: 8px;
|
||||
font-weight: 500;
|
||||
border-bottom: 1px solid lighten(@brand-primary, 10%);
|
||||
}
|
||||
h4 {
|
||||
font-size: 20px;
|
||||
}
|
||||
h5 {
|
||||
font-size: 18px;
|
||||
}
|
||||
h6 {
|
||||
font-size: 17px;
|
||||
font-weight: 700;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
a, a > * {
|
||||
color: #444444;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover, a > *:hover, a:focus {
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
color:#444444;
|
||||
}
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
p.lead {
|
||||
font-size: 16px;
|
||||
padding: 0;
|
||||
letter-spacing:0.6px;
|
||||
line-height:1.8;
|
||||
}
|
||||
::-moz-selection {
|
||||
color: #fff;
|
||||
text-shadow:none;
|
||||
background:#444444;
|
||||
}
|
||||
:selection {
|
||||
color: #fff;
|
||||
text-shadow:none;
|
||||
background:#444444;
|
||||
}
|
||||
.first{
|
||||
clear:both
|
||||
}
|
||||
.last{
|
||||
margin-right:0
|
||||
}
|
||||
.successful {
|
||||
margin-bottom: 20px;
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.btn {
|
||||
text-transform: uppercase;
|
||||
border-radius: 0;
|
||||
font-weight: normal;
|
||||
padding: 12px 12px;
|
||||
}
|
||||
.btn-primary,
|
||||
.btn-lg {
|
||||
font-size:16px;
|
||||
line-height: 1;
|
||||
font-weight: 600;
|
||||
}
|
||||
.btn-lg, .btn-group-lg > .btn {
|
||||
padding:10px 27px;
|
||||
}
|
||||
.btn-white,
|
||||
.btn-white:hover,
|
||||
.btn-white:focus,
|
||||
.btn-white.focus,
|
||||
.btn-white:active,
|
||||
.btn-white.active,
|
||||
.open > .dropdown-toggle.btn-white {
|
||||
color: @brand-primary;
|
||||
background-color: #ffffff;
|
||||
border-color: #ffffff;
|
||||
}
|
||||
.btn-default,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.focus,
|
||||
.btn-primary:active,
|
||||
.btn-primary.active,
|
||||
.open > .dropdown-toggle.btn-primary {
|
||||
color: #fff;
|
||||
background-color:@btn-color-all;
|
||||
border-color: @btn-color-all;
|
||||
}
|
||||
.btn-default,
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus,
|
||||
.btn-primary.focus,
|
||||
.btn-primary:active,
|
||||
.btn-primary.active,
|
||||
.open > .dropdown-toggle.btn-primary {
|
||||
color: #fff;
|
||||
background-color: @brand-primary;
|
||||
border-color: @brand-primary;
|
||||
}
|
||||
.topbar-social li,
|
||||
.post-media img,
|
||||
.flickrwidget img,
|
||||
.social-footer a i,
|
||||
a,
|
||||
.btn {
|
||||
-webkit-transition: all .3s ease-in-out;
|
||||
-moz-transition: all .3s ease-in-out;
|
||||
-ms-transition: all .3s ease-in-out;
|
||||
-o-transition: all .3s ease-in-out;
|
||||
transition: all .3s ease-in-out;
|
||||
}
|
||||
.border-radius {
|
||||
-webkit-border-radius: 120px;
|
||||
-moz-border-radius: 120px;
|
||||
border-radius: 120px;
|
||||
}
|
||||
.btn-white.btn-normal, .btn-default.btn-normal, .btn-primary.btn-normal {
|
||||
font-size: 15px !important;
|
||||
height: 45px;
|
||||
line-height: 21px;
|
||||
padding: 13px 30px !important;
|
||||
}
|
||||
.btn-white.btn-lg,
|
||||
.btn-default.btn-lg,
|
||||
.btn-primary.btn-lg {
|
||||
font-size: 15px !important;
|
||||
height: 50px !important;
|
||||
line-height: 20px;
|
||||
padding: 16px 45px !important;
|
||||
}
|
||||
.btn-default.btn-sm, .btn-primary.btn-sm, .btn-white.btn-sm {
|
||||
font-size: 13px !important;
|
||||
height: 35px;
|
||||
line-height: 17px;
|
||||
padding: 9px 17px !important;
|
||||
}
|
||||
.btn-primary i,
|
||||
.btn-default i {
|
||||
color:#ffffff;
|
||||
}
|
||||
.btn-image {
|
||||
position: relative;
|
||||
}
|
||||
.btn-image img {
|
||||
position:relative;
|
||||
top:0;
|
||||
left:0;
|
||||
bottom:0;
|
||||
width: 100%;
|
||||
right:0;
|
||||
}
|
||||
.btn-image span{
|
||||
top:50%;
|
||||
position: absolute;
|
||||
margin:-20px auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
a[id^="video_"], #layer-dialog-box a[id^="video_"] {
|
||||
|
||||
text-transform: uppercase;
|
||||
border-radius: 0;
|
||||
font-weight: normal;
|
||||
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;
|
||||
|
||||
&:hover {
|
||||
color: #444444;
|
||||
background-color: transparent;
|
||||
&:before {
|
||||
|
||||
color: #444444;
|
||||
}
|
||||
}
|
||||
|
||||
&: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;
|
||||
}
|
||||
.map {
|
||||
pointer-events: none;
|
||||
}
|
||||
.dropdown .btn-white {
|
||||
border: 1px solid #dddddd;
|
||||
font-family: "Raleway";
|
||||
font-weight: 500;
|
||||
background: #ffffff !important;
|
||||
color:#444444 !important;
|
||||
box-shadow: none !important;
|
||||
font-size:15px;
|
||||
font-weight: 300;
|
||||
text-transform: none;
|
||||
}
|
||||
.dropdown .btn-white .fa {
|
||||
font-size:24px;
|
||||
}
|
||||
.dropdown .btn-white {
|
||||
padding-right: 35px;
|
||||
}
|
||||
.input-group-addon {
|
||||
background: #ffffff !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu li a span.text {
|
||||
color:@text-color !important;
|
||||
}
|
||||
#loader {
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
vertical-align: middle;
|
||||
background-color: #fbfbfb;
|
||||
position:fixed;
|
||||
display: table;
|
||||
width: 100%;
|
||||
top:0;
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
z-index:99999;
|
||||
}
|
||||
.loader-container {
|
||||
position: relative;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
z-index: 12;
|
||||
text-align:center;
|
||||
}
|
||||
.loader-back-logo {
|
||||
margin-top:-10px;
|
||||
font-size:26px;
|
||||
}
|
||||
.loader {
|
||||
margin-top:-20px;
|
||||
margin-left: 0px
|
||||
}
|
||||
|
|
@ -0,0 +1,90 @@
|
|||
/* ==================================================================
|
||||
SLIDER
|
||||
================================================================== */
|
||||
|
||||
.fixedslider {
|
||||
position: absolute;
|
||||
top:0;
|
||||
}
|
||||
.boxedcontainer {
|
||||
max-width: 1170px;
|
||||
margin:auto;
|
||||
padding:0px 30px;
|
||||
}
|
||||
.tp-banner-container{
|
||||
width:100%;
|
||||
position:relative;
|
||||
padding:0;
|
||||
}
|
||||
.tp-banner{
|
||||
width:100%;
|
||||
position:relative;
|
||||
}
|
||||
.tp-banner-fullscreen-container {
|
||||
width:100%;
|
||||
position:relative;
|
||||
padding:0;
|
||||
}
|
||||
.slider-title,
|
||||
.tp-caption.slider-title {
|
||||
position:absolute;
|
||||
color:#fff;
|
||||
font-size:45px;
|
||||
line-height:60px;
|
||||
margin:0px;
|
||||
text-align: center;
|
||||
border-width:0px;
|
||||
letter-spacing: 2px;
|
||||
border-style:none;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.slider-title small {
|
||||
font-size:20px;
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.slider-title2,
|
||||
.tp-caption.slider-title2 {
|
||||
position:absolute;
|
||||
color:#fff;
|
||||
font-weight:300;
|
||||
font-size:18px;
|
||||
line-height:24px;
|
||||
margin:0px;
|
||||
text-align: center;
|
||||
border-width:0px;
|
||||
border-style:none;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.slider-title1,
|
||||
.tp-caption.slider-title1 {
|
||||
position:absolute;
|
||||
color:#fff;
|
||||
font-weight:300;
|
||||
font-size:16px;
|
||||
line-height:28px;
|
||||
margin:0px;
|
||||
text-align: center;
|
||||
border-width:0px;
|
||||
border-style:none;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.margin-top a,
|
||||
.slider-btn .btn,
|
||||
.tp-caption.slider-btn .btn {
|
||||
color:#fff;
|
||||
font-size:13px !important;
|
||||
text-transform: uppercase;
|
||||
margin:0 10px 0 0;
|
||||
padding:14px 44px;
|
||||
}
|
||||
.slider-btn .btn-white,
|
||||
.tp-caption.slider-btn .btn-white {
|
||||
color:#444444;
|
||||
}
|
||||
.tp-bannertimer {
|
||||
display: none
|
||||
}
|
||||
.margin-top {
|
||||
margin-top: 30px;
|
||||
}
|
||||
497
trunk/src/AppBundle/Resources/assets/less/includes/travel.less
Normal file
497
trunk/src/AppBundle/Resources/assets/less/includes/travel.less
Normal file
|
|
@ -0,0 +1,497 @@
|
|||
/* ==================================================================
|
||||
travelS
|
||||
================================================================== */
|
||||
|
||||
.leave-a-feedback,
|
||||
.review-total {
|
||||
background: #eeeeee;
|
||||
padding:26px;
|
||||
width:100%;
|
||||
}
|
||||
.leave-a-feedback {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.leave-a-feedback h6 {
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
.review-list h5 {
|
||||
display: inline-block;
|
||||
font-size:13px;
|
||||
min-width: 140px;
|
||||
}
|
||||
.travel-icon-list {
|
||||
font-size:15px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.icon-container {
|
||||
width: 37px;
|
||||
height: 37px;
|
||||
line-height: 37px;
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
font-size:18px;
|
||||
}
|
||||
.border-bottom2 {
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
margin-bottom: 22px;
|
||||
padding: 0;
|
||||
}
|
||||
.travel-list {
|
||||
margin:60px 0;
|
||||
}
|
||||
.travel-list h5 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.travel-list h5 span {
|
||||
font-size:13px;
|
||||
}
|
||||
.list-style-travel {
|
||||
padding-top:30px;
|
||||
}
|
||||
.travel-list p {
|
||||
font-size:15px;
|
||||
margin: 10px 0 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.travel-list .lead {
|
||||
font-weight: 300;
|
||||
line-height: 1.4;
|
||||
margin:0;
|
||||
font-size:13px;
|
||||
font-style: italic;
|
||||
}
|
||||
.bootstrap-select > .btn {
|
||||
//width: 265px;
|
||||
}
|
||||
.selectmini .bootstrap-select > .btn {
|
||||
width: auto;
|
||||
}
|
||||
.selectmini .bootstrap-select > .btn .dropdown-menu {
|
||||
max-width: 80px !important;
|
||||
}
|
||||
.selectmini .bootstrap-select.btn-group .dropdown-menu {
|
||||
left: -2px;
|
||||
min-width: 70px;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.bootstrap-select.btn-group .dropdown-menu {
|
||||
padding:0;
|
||||
}
|
||||
.bookform {
|
||||
overflow: visible;
|
||||
}
|
||||
.home-form {
|
||||
|
||||
}
|
||||
.container-form{
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
padding:0;
|
||||
box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
|
||||
}
|
||||
.bookform .form-control {
|
||||
width: 100%;
|
||||
}
|
||||
.input-group .form-control {
|
||||
border-right: 0;
|
||||
}
|
||||
.bookform .btn {
|
||||
height: 55px;
|
||||
padding-top: 10px;
|
||||
padding-left: 40px;
|
||||
padding-right: 40px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.bookform .btn i {
|
||||
font-size:24px;
|
||||
}
|
||||
.travel-title {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.travel-title hr {
|
||||
width: 35px;
|
||||
border-width: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
.travel-title .left {
|
||||
margin-left: 0
|
||||
}
|
||||
.travel-widget {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 30px 0 0;
|
||||
}
|
||||
.travel-widget p {
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px
|
||||
}
|
||||
.travel-widget small {
|
||||
display: list-item;
|
||||
font-size: 13px;
|
||||
list-style: inside none disc;
|
||||
}
|
||||
.travel-wrapper .rating {
|
||||
font-size:15px;
|
||||
display: block;
|
||||
position: relative;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.travel-wrapper .post-title {
|
||||
margin-top: 30px;
|
||||
a {
|
||||
color:#444;
|
||||
}
|
||||
}
|
||||
|
||||
.travel-wrapper {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-bottom:15px;
|
||||
border: 1px solid lighten(@brand-primary, 30%);
|
||||
.item {
|
||||
cursor: pointer;
|
||||
}
|
||||
.box_mid {
|
||||
line-height: 1.4em;
|
||||
padding-top: 10px;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
h5 {
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
.travel-wrapper .item:hover .item-img {
|
||||
img {
|
||||
-moz-transform: scale(1.1, 1.1);
|
||||
-ms-transform: scale(1.1, 1.1);
|
||||
-o-transform: scale(1.1, 1.1);
|
||||
-webkit-transform: scale(1.1, 1.1);
|
||||
transform: scale(1.1, 1.1);
|
||||
}
|
||||
}
|
||||
.travel-wrapper .item .item-img {
|
||||
img {
|
||||
width: 100%;
|
||||
-moz-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
-moz-transform: scale(1, 1);
|
||||
-ms-transform: scale(1, 1);
|
||||
-o-transform: scale(1, 1);
|
||||
-webkit-transform: scale(1, 1);
|
||||
transform: scale(1, 1);
|
||||
&.lower-height {
|
||||
width: auto;
|
||||
min-height: 190px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.travel-wrapper .item .item-img {
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
max-height: 180px;
|
||||
}
|
||||
|
||||
.travel-wrapper .item .price{
|
||||
color: @brand-success;
|
||||
font-weight: 700;
|
||||
padding: 8px 0 0;
|
||||
}
|
||||
|
||||
.travel-wrapper .item>a.item-button {
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
position: relative;
|
||||
background-color: darken(@btn-color-all, 0);
|
||||
color: #fff;
|
||||
padding: 8px 58px 8px 20px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
//height: 3.6em;
|
||||
line-height: 1.45em;
|
||||
&.single_line {
|
||||
padding-top: 17px;
|
||||
height: 3.6em;
|
||||
}
|
||||
&.dobble_line {
|
||||
height: 3.6em;
|
||||
}
|
||||
/*span {
|
||||
color: #fff;
|
||||
height: 3.6em;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}*/
|
||||
}
|
||||
|
||||
.travel-wrapper .lb {
|
||||
position: relative;
|
||||
.cstar_right {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
background: url(../images/star.png) no-repeat scroll center center / cover rgba(0, 0, 0, 0);
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
padding-top: 20px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
right: 4px;
|
||||
top:6px;
|
||||
color:#1a457c;
|
||||
}
|
||||
.cstar_left {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
background: url(../images/star.png) no-repeat scroll center center / cover rgba(0, 0, 0, 0);
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
padding-top: 20px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
left: 4px;
|
||||
top:6px;
|
||||
color:#1a457c;
|
||||
}
|
||||
.cprice {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
left:0;
|
||||
top: 140px;
|
||||
background-color: #648859;
|
||||
color:#fff;
|
||||
padding: 4px 6px 4px 12px;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
.cdiscount {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
right: 0;
|
||||
top:23px;
|
||||
background-color: #ffc926;
|
||||
color:#1a457c;
|
||||
padding: 4px 12px 4px 6px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.travel-wrapper .item .hl5 {
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
height: 1.4em;
|
||||
line-height: 1.4em !important;
|
||||
}
|
||||
|
||||
.travel-wrapper .item p {
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: break-word;
|
||||
overflow: hidden;
|
||||
height: 4em;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.travel-wrapper .item>a.item-button.one-line {
|
||||
line-height: 56px;
|
||||
padding: 0px 58px 0px 20px;
|
||||
}
|
||||
.item-switch {
|
||||
padding-top: 0px;
|
||||
position: relative;
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
.item-switch > a.item-button-prev,
|
||||
.item-switch > a.item-button-next {
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
position: relative;
|
||||
background-color: darken(@btn-color-all, 0);
|
||||
color: #fff;
|
||||
padding: 4px 12px 3px 12px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
width: 49%;
|
||||
}
|
||||
.item-switch > a.item-button-prev {
|
||||
float: left;
|
||||
text-align: right;
|
||||
}
|
||||
.item-switch > a.item-button-next {
|
||||
float: right;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.item-switch > a.item-button-prev:hover {
|
||||
color: #fff;
|
||||
background-color: darken(@brand-secondary, 0);
|
||||
}
|
||||
.item-switch > a.item-button-next:hover {
|
||||
color: #fff;
|
||||
background-color: darken(@brand-secondary, 0);
|
||||
}
|
||||
|
||||
.travel-wrapper .item>a.item-button:hover {
|
||||
color: #fff;
|
||||
background-color: darken(@brand-secondary, 0);
|
||||
}
|
||||
|
||||
|
||||
.travel-wrapper .item>a.item-button:hover:after {
|
||||
background-color: darken(@brand-secondary, 10%);
|
||||
}
|
||||
|
||||
.travel-wrapper .item>a.item-button:after {
|
||||
transition: 0.5s ease;
|
||||
-o-transition: 0.5s ease;
|
||||
-webkit-transition: 0.5s ease;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 46px;
|
||||
right: 0px;
|
||||
background-color: darken(@btn-color-all, 10%);
|
||||
content: '';
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-family: 'FontAwesome';
|
||||
line-height: 52px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.item-switch > a.item-button-prev:hover:before {
|
||||
background-color: darken(@brand-secondary, 10%);
|
||||
}
|
||||
|
||||
.item-switch > a.item-button-prev:before {
|
||||
transition: 0.5s ease;
|
||||
-o-transition: 0.5s ease;
|
||||
-webkit-transition: 0.5s ease;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 30px;
|
||||
left: 0px;
|
||||
background-color: darken(@btn-color-all, 10%);
|
||||
content: '\f104';
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-family: 'FontAwesome';
|
||||
line-height: 34px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.item-switch > a.item-button-next:hover:after {
|
||||
background-color: darken(@brand-secondary, 10%);
|
||||
}
|
||||
|
||||
.item-switch > a.item-button-next:after {
|
||||
transition: 0.5s ease;
|
||||
-o-transition: 0.5s ease;
|
||||
-webkit-transition: 0.5s ease;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 30px;
|
||||
right: 0px;
|
||||
background-color: darken(@btn-color-all, 10%);
|
||||
content: '';
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
font-family: 'FontAwesome';
|
||||
line-height: 34px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.single-travel-image {
|
||||
position: relative;
|
||||
}
|
||||
.single-travel-image img {
|
||||
width: 100%;
|
||||
}
|
||||
.sidebar-price,
|
||||
.single-travel-image .price {
|
||||
position: absolute;
|
||||
top:30%;
|
||||
right: 5%;
|
||||
padding:25px 40px;
|
||||
background-color: rgba(255,255,255,0.8);
|
||||
}
|
||||
.sidebar-price,
|
||||
.price {
|
||||
text-align: center;
|
||||
}
|
||||
.sidebar-price h2 span,
|
||||
.price h2 span {
|
||||
font-size:15px;
|
||||
padding:0;
|
||||
}
|
||||
.sidebar-price h2,
|
||||
.price h2 {
|
||||
margin-bottom: 0;
|
||||
font-size:45px;
|
||||
padding:0;
|
||||
}
|
||||
.price h2 small {
|
||||
color:#444444;
|
||||
}
|
||||
.single-travel-bottom {
|
||||
background-color: #eeeeee;
|
||||
padding:20px;
|
||||
margin-bottom: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.single-travel-bottom p i {
|
||||
padding-right: 5px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
.single-travel-bottom p {
|
||||
margin-bottom: 0;
|
||||
color:#444444;
|
||||
}
|
||||
.single-travel-image .thumbnails {
|
||||
position: absolute;
|
||||
bottom:15%;
|
||||
left: 3%;
|
||||
padding:0;
|
||||
}
|
||||
.thumbnails {
|
||||
max-width:100px
|
||||
}
|
||||
.thumbnails img {
|
||||
max-width:100px;
|
||||
border:2px solid #ffffff;
|
||||
margin:5px 0;
|
||||
}
|
||||
.travel-hr {
|
||||
margin: 40px 0
|
||||
}
|
||||
.notice {
|
||||
font-size:13px;
|
||||
font-style: italic;
|
||||
}
|
||||
.widget .sidebar-price{
|
||||
position: relative;
|
||||
margin:30px 0 0 0 !important;
|
||||
background: #eeeeee;
|
||||
left:0 !important;
|
||||
right: 0 !important
|
||||
}
|
||||
.widget .sidebar-price .btn {
|
||||
color:#ffffff !important;
|
||||
}
|
||||
1440
trunk/src/AppBundle/Resources/assets/less/includes/tripsfont.less
Normal file
1440
trunk/src/AppBundle/Resources/assets/less/includes/tripsfont.less
Normal file
File diff suppressed because it is too large
Load diff
79
trunk/src/AppBundle/Resources/assets/less/theme_custom_bootstrap.less
Executable file
79
trunk/src/AppBundle/Resources/assets/less/theme_custom_bootstrap.less
Executable file
|
|
@ -0,0 +1,79 @@
|
|||
/*
|
||||
=================================================================
|
||||
*/
|
||||
// CUSTOMIZED VERSION OF BOOTSTRAP LESS FILE
|
||||
// This file is an exact copy of the file that resides in: /assets/twitter-bootstrap/less/bootstrap.less
|
||||
// with certain sections commented out and some variables redifined.
|
||||
|
||||
@twitter-bootstrap: "../twitter-bootstrap/less";
|
||||
|
||||
// Core variables
|
||||
// @import "@{twitter-bootstrap}/variables.less";
|
||||
|
||||
// Custom variables
|
||||
@import "@{twitter-bootstrap}/variables.less";
|
||||
|
||||
// Core mixins
|
||||
@import "@{twitter-bootstrap}/mixins.less";
|
||||
|
||||
/*
|
||||
BOOTSTRAP Reset
|
||||
--------------------------------------------------
|
||||
*/
|
||||
@import "@{twitter-bootstrap}/normalize.less";
|
||||
@import "@{twitter-bootstrap}/print.less";
|
||||
|
||||
/*
|
||||
BOOTSTRAP Core CSS
|
||||
--------------------------------------------------
|
||||
*/
|
||||
@import "@{twitter-bootstrap}/scaffolding.less";
|
||||
@import "@{twitter-bootstrap}/type.less";
|
||||
@import "@{twitter-bootstrap}/code.less";
|
||||
@import "@{twitter-bootstrap}/grid.less";
|
||||
@import "@{twitter-bootstrap}/tables.less";
|
||||
@import "@{twitter-bootstrap}/forms.less";
|
||||
//@import "@{twitter-bootstrap}/buttons.less";
|
||||
|
||||
/*
|
||||
BOOTSTRAP Components
|
||||
--------------------------------------------------
|
||||
*/
|
||||
//@import "@{twitter-bootstrap}/component-animations.less";
|
||||
//@import "@{twitter-bootstrap}/glyphicons.less";
|
||||
@import "@{twitter-bootstrap}/dropdowns.less";
|
||||
@import "@{twitter-bootstrap}/button-groups.less";
|
||||
@import "@{twitter-bootstrap}/input-groups.less";
|
||||
@import "@{twitter-bootstrap}/navs.less";
|
||||
//@import "@{twitter-bootstrap}/navbar.less";
|
||||
//@import "@{twitter-bootstrap}/breadcrumbs.less";
|
||||
@import "@{twitter-bootstrap}/pagination.less";
|
||||
@import "@{twitter-bootstrap}/pager.less";
|
||||
@import "@{twitter-bootstrap}/labels.less";
|
||||
@import "@{twitter-bootstrap}/badges.less";
|
||||
//@import "@{twitter-bootstrap}/jumbotron.less";
|
||||
@import "@{twitter-bootstrap}/thumbnails.less";
|
||||
@import "@{twitter-bootstrap}/alerts.less";
|
||||
@import "@{twitter-bootstrap}/progress-bars.less"; // ENABLED FOR COMPONENTS
|
||||
@import "@{twitter-bootstrap}/media.less";
|
||||
@import "@{twitter-bootstrap}/list-group.less";
|
||||
@import "@{twitter-bootstrap}/panels.less";
|
||||
@import "@{twitter-bootstrap}/responsive-embed.less";
|
||||
@import "@{twitter-bootstrap}/wells.less";
|
||||
@import "@{twitter-bootstrap}/close.less";
|
||||
|
||||
/*
|
||||
BOOTSTRAP Components w/ JavaScript
|
||||
--------------------------------------------------
|
||||
*/
|
||||
@import "@{twitter-bootstrap}/modals.less"; // ENABLED FOR COMPONENTS
|
||||
@import "@{twitter-bootstrap}/tooltip.less"; // ENABLED FOR COMPONENTS
|
||||
@import "@{twitter-bootstrap}/popovers.less"; // ENABLED FOR COMPONENTS
|
||||
@import "@{twitter-bootstrap}/carousel.less";
|
||||
|
||||
/*
|
||||
BOOTSTRAP Utility classes
|
||||
--------------------------------------------------
|
||||
*/
|
||||
@import "@{twitter-bootstrap}/utilities.less";
|
||||
@import "@{twitter-bootstrap}/responsive-utilities.less";
|
||||
36
trunk/src/AppBundle/Resources/assets/less/theme_variables.less
Executable file
36
trunk/src/AppBundle/Resources/assets/less/theme_variables.less
Executable file
|
|
@ -0,0 +1,36 @@
|
|||
|
||||
//== General Colors
|
||||
|
||||
@brand-primary: #777777;
|
||||
@brand-secondary: #ffc926;
|
||||
|
||||
@brand-gray: #777777;
|
||||
@brand-blue: #777777;
|
||||
@brand-yellow: #ffc926;
|
||||
@white: #fff;
|
||||
|
||||
@brand-success: #558c55;
|
||||
@brand-info: #5bc0de;
|
||||
@brand-warning: #f0ad4e;
|
||||
@brand-danger: #d9534f;
|
||||
|
||||
@text-brand-color: #e5aa30;
|
||||
@body-bg: #EFF2F5; //wp
|
||||
@text-color: #3b3b3b; //wp
|
||||
|
||||
@background-gray: #f6f6f6;
|
||||
|
||||
@link-color: @brand-primary; //wp
|
||||
@link-hover-color: darken(@link-color, 15%); //wp
|
||||
|
||||
@font-size-base: 15px; //wp // Used as a base for the @font-family-sans-serif (body and p)
|
||||
@font-size-alternative-base: 16px; //wp // Used as a base for the @font-family-alternative (Logo, Menu, Headings, Buttons)
|
||||
|
||||
@font-size-def-h1: floor((@font-size-alternative-base * 1.8));
|
||||
@font-size-def-h2: floor((@font-size-alternative-base * 1.6));
|
||||
@font-size-def-h3: floor((@font-size-alternative-base * 1.4));
|
||||
@font-size-def-h4: floor((@font-size-alternative-base * 1.2));
|
||||
@font-size-def-h5: @font-size-alternative-base;
|
||||
@font-size-def-h6: ceil((@font-size-alternative-base * 0.85));
|
||||
|
||||
@btn-color-all: #648859;
|
||||
Loading…
Add table
Add a link
Reference in a new issue