parent
967f9cd9b3
commit
d4d12d418e
10 changed files with 59 additions and 958 deletions
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,940 +0,0 @@ |
|||||||
/*** |
|
||||||
|
|
||||||
colors.css v0.2.0 |
|
||||||
http://clrs.cc |
|
||||||
@mrmrs |
|
||||||
MIT License |
|
||||||
|
|
||||||
***/ |
|
||||||
/* |
|
||||||
|
|
||||||
SKINS |
|
||||||
• Backgrounds |
|
||||||
• Colors |
|
||||||
|
|
||||||
*/ |
|
||||||
/* Backgrounds */ |
|
||||||
.bg-navy { |
|
||||||
background-color: #001F3F; |
|
||||||
} |
|
||||||
.bg-blue { |
|
||||||
background-color: #0074D9; |
|
||||||
} |
|
||||||
.bg-aqua { |
|
||||||
background-color: #7FDBFF; |
|
||||||
} |
|
||||||
.bg-teal { |
|
||||||
background-color: #39CCCC; |
|
||||||
} |
|
||||||
.bg-olive { |
|
||||||
background-color: #3D9970; |
|
||||||
} |
|
||||||
.bg-green { |
|
||||||
background-color: #2ECC40; |
|
||||||
} |
|
||||||
.bg-lime { |
|
||||||
background-color: #01FF70; |
|
||||||
} |
|
||||||
.bg-yellow { |
|
||||||
background-color: #FFDC00; |
|
||||||
} |
|
||||||
.bg-orange { |
|
||||||
background-color: #FF851B; |
|
||||||
} |
|
||||||
.bg-red { |
|
||||||
background-color: #FF4136; |
|
||||||
} |
|
||||||
.bg-fuchsia { |
|
||||||
background-color: #F012BE; |
|
||||||
} |
|
||||||
.bg-purple { |
|
||||||
background-color: #B10DC9; |
|
||||||
} |
|
||||||
.bg-maroon { |
|
||||||
background-color: #85144B; |
|
||||||
} |
|
||||||
.bg-white { |
|
||||||
background-color: #fff; |
|
||||||
} |
|
||||||
.bg-gray { |
|
||||||
background-color: #aaa; |
|
||||||
} |
|
||||||
.bg-silver { |
|
||||||
background-color: #ddd; |
|
||||||
} |
|
||||||
.bg-black { |
|
||||||
background-color: #111; |
|
||||||
} |
|
||||||
/* Colors */ |
|
||||||
.navy { |
|
||||||
color: #001F3F; |
|
||||||
} |
|
||||||
.blue { |
|
||||||
color: #0074D9; |
|
||||||
} |
|
||||||
.aqua { |
|
||||||
color: #7FDBFF; |
|
||||||
} |
|
||||||
.teal { |
|
||||||
color: #39CCCC; |
|
||||||
} |
|
||||||
.olive { |
|
||||||
color: #3D9970; |
|
||||||
} |
|
||||||
.green { |
|
||||||
color: #2ECC40; |
|
||||||
} |
|
||||||
.lime { |
|
||||||
color: #01FF70; |
|
||||||
} |
|
||||||
.yellow { |
|
||||||
color: #FFDC00; |
|
||||||
} |
|
||||||
.orange { |
|
||||||
color: #FF851B; |
|
||||||
} |
|
||||||
.red { |
|
||||||
color: #FF4136; |
|
||||||
} |
|
||||||
.fuchsia { |
|
||||||
color: #F012BE; |
|
||||||
} |
|
||||||
.purple { |
|
||||||
color: #B10DC9; |
|
||||||
} |
|
||||||
.maroon { |
|
||||||
color: #85144B; |
|
||||||
} |
|
||||||
.white { |
|
||||||
color: #fff; |
|
||||||
} |
|
||||||
.silver { |
|
||||||
color: #ddd; |
|
||||||
} |
|
||||||
.gray { |
|
||||||
color: #aaa; |
|
||||||
} |
|
||||||
.black { |
|
||||||
color: #111; |
|
||||||
} |
|
||||||
/* PRETTIER LINKS */ |
|
||||||
a { |
|
||||||
transition: color 0.3s ease-in-out; |
|
||||||
} |
|
||||||
a:link { |
|
||||||
color: #0074D9; |
|
||||||
transition: color 0.3s ease-in-out; |
|
||||||
} |
|
||||||
a:visited { |
|
||||||
color: #B10DC9; |
|
||||||
} |
|
||||||
a:hover { |
|
||||||
color: #7FDBFF; |
|
||||||
} |
|
||||||
a:active { |
|
||||||
color: #FF851B; |
|
||||||
} |
|
||||||
/*! |
|
||||||
* Yamm!3 |
|
||||||
* Yet another megamenu for Bootstrap 3 |
|
||||||
* |
|
||||||
* http://geedmo.github.com/yamm3 |
|
||||||
*/ |
|
||||||
.yamm .nav, |
|
||||||
.yamm .collapse, |
|
||||||
.yamm .dropup, |
|
||||||
.yamm .dropdown { |
|
||||||
position: static; |
|
||||||
} |
|
||||||
.yamm .container { |
|
||||||
position: relative; |
|
||||||
} |
|
||||||
.yamm .dropdown-menu { |
|
||||||
left: auto; |
|
||||||
} |
|
||||||
.yamm .nav.navbar-right .dropdown-menu { |
|
||||||
left: auto; |
|
||||||
right: 0; |
|
||||||
} |
|
||||||
.yamm .yamm-content { |
|
||||||
padding: 20px 30px; |
|
||||||
} |
|
||||||
.yamm .dropdown.yamm-fw .dropdown-menu { |
|
||||||
left: 0; |
|
||||||
right: 0; |
|
||||||
} |
|
||||||
.navbar-item__roballen { |
|
||||||
background: #027BC1; |
|
||||||
} |
|
||||||
.navbar-item__currency { |
|
||||||
float: left; |
|
||||||
height: 50px; |
|
||||||
font-size: 14px!important; |
|
||||||
width: 34px; |
|
||||||
} |
|
||||||
.navbar-item__currency:after { |
|
||||||
clear: both; |
|
||||||
display: table; |
|
||||||
content: " "; |
|
||||||
} |
|
||||||
.open .currency-icon { |
|
||||||
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%); |
|
||||||
background-repeat: repeat-x; |
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0); |
|
||||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); |
|
||||||
} |
|
||||||
.currency-icon { |
|
||||||
font-family: 'PT Sans', serif; |
|
||||||
display: block; |
|
||||||
margin-left: 0; |
|
||||||
width: 49px; |
|
||||||
text-align: center; |
|
||||||
line-height: 50px; |
|
||||||
background: #E9573F; |
|
||||||
} |
|
||||||
.currency-menu { |
|
||||||
width: 50px; |
|
||||||
left: inherit!important; |
|
||||||
margin: 0; |
|
||||||
position: absolute; |
|
||||||
float: left; |
|
||||||
background-color: #434a54; |
|
||||||
color: #fff; |
|
||||||
border-width: 0 1px 1px; |
|
||||||
border-radius: 0 0 2px 2px; |
|
||||||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); |
|
||||||
} |
|
||||||
.currency-menu .yamm-content { |
|
||||||
padding: 10px; |
|
||||||
} |
|
||||||
.currency-item { |
|
||||||
margin-bottom: 15px; |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
.currency-item:last-child { |
|
||||||
margin-bottom: 0; |
|
||||||
} |
|
||||||
.currency-item__link { |
|
||||||
font-family: 'PT Sans', serif; |
|
||||||
display: block; |
|
||||||
padding: 0!important; |
|
||||||
border: 0!important; |
|
||||||
font-size: 14px!important; |
|
||||||
} |
|
||||||
.price__currency { |
|
||||||
font-family: 'PT Sans', serif; |
|
||||||
} |
|
||||||
.price__currency_up { |
|
||||||
font-size: 20px; |
|
||||||
} |
|
||||||
body { |
|
||||||
font-family: "Open Sans", Arial, sans-serif; |
|
||||||
} |
|
||||||
/* Account for fixed navbar */ |
|
||||||
body, |
|
||||||
.navbar { |
|
||||||
min-width: 970px !important; |
|
||||||
} |
|
||||||
.nav .lead { |
|
||||||
font-size: 13px; |
|
||||||
text-transform: uppercase; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
.container { |
|
||||||
width: 970px !important; |
|
||||||
} |
|
||||||
span.yellow { |
|
||||||
color: #fed000; |
|
||||||
} |
|
||||||
.header-top { |
|
||||||
background-color: #434a54; |
|
||||||
height: 40px; |
|
||||||
line-height: 40px; |
|
||||||
} |
|
||||||
.header-top .container { |
|
||||||
line-height: 40px; |
|
||||||
height: 40px; |
|
||||||
} |
|
||||||
.header-top .container .top-left-links { |
|
||||||
float: left; |
|
||||||
text-align: left; |
|
||||||
color: #fed000; |
|
||||||
font-size: 10pt; |
|
||||||
} |
|
||||||
.header-top .container .top-left-links a { |
|
||||||
color: #fed000; |
|
||||||
} |
|
||||||
.header-top .container .top-right-links { |
|
||||||
float: right; |
|
||||||
text-align: right; |
|
||||||
color: #fff; |
|
||||||
font-weight: bold; |
|
||||||
font-size: 10pt; |
|
||||||
} |
|
||||||
.header-top .container .top-right-links a { |
|
||||||
color: #fff; |
|
||||||
} |
|
||||||
.header-middle { |
|
||||||
background-color: #fed000; |
|
||||||
height: 130px; |
|
||||||
} |
|
||||||
.header-middle .logo-container { |
|
||||||
line-height: 130px; |
|
||||||
float: left; |
|
||||||
text-align: left; |
|
||||||
} |
|
||||||
.header-middle .quick-access-container { |
|
||||||
float: right; |
|
||||||
text-align: right; |
|
||||||
} |
|
||||||
.header-middle .quick-access-container form { |
|
||||||
margin-top: 30px; |
|
||||||
} |
|
||||||
.header-middle .quick-access-container form input { |
|
||||||
background-color: #ffda32; |
|
||||||
border: #cba600 1px solid; |
|
||||||
width: 245px; |
|
||||||
height: 30px; |
|
||||||
padding: 5px; |
|
||||||
} |
|
||||||
.header-middle .quick-access-container form button { |
|
||||||
background: none; |
|
||||||
border: none; |
|
||||||
} |
|
||||||
.header-middle .quick-access-container .small-welcome { |
|
||||||
font-size: 10pt; |
|
||||||
margin-top: 10px; |
|
||||||
} |
|
||||||
.header-middle .quick-access-container .quick-links { |
|
||||||
font-size: 10pt; |
|
||||||
color: #434a54; |
|
||||||
} |
|
||||||
.header-middle .quick-access-container .quick-links a { |
|
||||||
color: #434a54; |
|
||||||
} |
|
||||||
/* Template-specific stuff |
|
||||||
* |
|
||||||
* Customizations just for the template; these are not necessary for anything |
|
||||||
* with disabling the responsiveness. |
|
||||||
*/ |
|
||||||
/* Account for fixed navbar */ |
|
||||||
body, |
|
||||||
.navbar-static-top, |
|
||||||
.navbar-fixed-bottom { |
|
||||||
min-width: 970px; |
|
||||||
} |
|
||||||
/* Don't let the lead text change font-size. */ |
|
||||||
.lead { |
|
||||||
font-size: 14px; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
/* Finesse the page header spacing */ |
|
||||||
.page-header { |
|
||||||
margin-bottom: 30px; |
|
||||||
} |
|
||||||
.page-header .lead { |
|
||||||
margin-bottom: 10px; |
|
||||||
} |
|
||||||
/* Non-responsive overrides |
|
||||||
* |
|
||||||
* Utilize the following CSS to disable the responsive-ness of the container, |
|
||||||
* grid system, and navbar. |
|
||||||
*/ |
|
||||||
/* Reset the container */ |
|
||||||
.container { |
|
||||||
width: 970px; |
|
||||||
max-width: none !important; |
|
||||||
} |
|
||||||
/* Demonstrate the grids */ |
|
||||||
.container .navbar-header, |
|
||||||
.container .navbar-collapse { |
|
||||||
margin-right: 0; |
|
||||||
margin-left: 0; |
|
||||||
} |
|
||||||
/* Always float the navbar header */ |
|
||||||
.navbar-header { |
|
||||||
float: left; |
|
||||||
} |
|
||||||
/* Undo the collapsing navbar */ |
|
||||||
.navbar-collapse { |
|
||||||
display: block !important; |
|
||||||
height: auto !important; |
|
||||||
padding-bottom: 0; |
|
||||||
overflow: visible !important; |
|
||||||
visibility: visible !important; |
|
||||||
} |
|
||||||
.navbar-toggle { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
.navbar-collapse { |
|
||||||
border-top: 0; |
|
||||||
} |
|
||||||
.navbar-brand { |
|
||||||
margin-left: -15px; |
|
||||||
} |
|
||||||
/* Always apply the floated nav */ |
|
||||||
.navbar-nav { |
|
||||||
float: left; |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
.navbar-nav > li { |
|
||||||
float: left; |
|
||||||
} |
|
||||||
.navbar-nav > li > a { |
|
||||||
padding: 15px; |
|
||||||
} |
|
||||||
/* Redeclare since we override the float above */ |
|
||||||
.navbar-nav.navbar-right { |
|
||||||
float: right; |
|
||||||
} |
|
||||||
/* Undo custom dropdowns */ |
|
||||||
.navbar .navbar-nav .open .dropdown-menu { |
|
||||||
position: absolute; |
|
||||||
float: left; |
|
||||||
background-color: #434a54; |
|
||||||
color: #fff; |
|
||||||
border-width: 0 1px 1px; |
|
||||||
border-radius: 0 0 2px 2px; |
|
||||||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); |
|
||||||
} |
|
||||||
.navbar .navbar-nav .open .dropdown-menu ul { |
|
||||||
list-style-type: none; |
|
||||||
padding: 0px; |
|
||||||
margin: 0px 0 15px 0px; |
|
||||||
} |
|
||||||
.navbar .navbar-nav .open .dropdown-menu a { |
|
||||||
color: #fff; |
|
||||||
border: none; |
|
||||||
font-weight: bold; |
|
||||||
font-size: 11px; |
|
||||||
} |
|
||||||
.navbar .navbar-nav .open .dropdown-menu a.title { |
|
||||||
color: #fed000 !important; |
|
||||||
font-weight: bold; |
|
||||||
font-size: 12px; |
|
||||||
white-space: nowrap; |
|
||||||
} |
|
||||||
.navbar .navbar-nav .open .dropdown-menu a:hover { |
|
||||||
text-decoration: underline; |
|
||||||
color: #fed000; |
|
||||||
} |
|
||||||
a#order-call-link { |
|
||||||
color: #FC6E51; |
|
||||||
} |
|
||||||
.navbar-default .navbar-nav .open .dropdown-menu > li > a { |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.navbar .navbar-nav .open .dropdown-menu > li > a:hover, |
|
||||||
.navbar .navbar-nav .open .dropdown-menu > li > a:focus, |
|
||||||
.navbar .navbar-nav .open .dropdown-menu > .active > a, |
|
||||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover, |
|
||||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus { |
|
||||||
color: #fff !important; |
|
||||||
background-color: #428bca !important; |
|
||||||
} |
|
||||||
.navbar .navbar-nav .open .dropdown-menu > .disabled > a, |
|
||||||
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, |
|
||||||
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
|
||||||
color: #999 !important; |
|
||||||
background-color: transparent !important; |
|
||||||
} |
|
||||||
/* Undo form expansion */ |
|
||||||
.navbar-form { |
|
||||||
float: left; |
|
||||||
width: auto; |
|
||||||
padding-top: 0; |
|
||||||
padding-bottom: 0; |
|
||||||
margin-right: 0; |
|
||||||
margin-left: 0; |
|
||||||
border: 0; |
|
||||||
box-shadow: none; |
|
||||||
} |
|
||||||
/* Copy-pasted from forms.less since we mixin the .form-inline styles. */ |
|
||||||
.navbar-form .form-group { |
|
||||||
display: inline-block; |
|
||||||
margin-bottom: 0; |
|
||||||
vertical-align: middle; |
|
||||||
} |
|
||||||
.navbar-form .form-control { |
|
||||||
display: inline-block; |
|
||||||
width: auto; |
|
||||||
vertical-align: middle; |
|
||||||
} |
|
||||||
.navbar-form .form-control-static { |
|
||||||
display: inline-block; |
|
||||||
} |
|
||||||
.navbar-form .input-group { |
|
||||||
display: inline-table; |
|
||||||
vertical-align: middle; |
|
||||||
} |
|
||||||
.navbar-form .input-group .input-group-addon, |
|
||||||
.navbar-form .input-group .input-group-btn, |
|
||||||
.navbar-form .input-group .form-control { |
|
||||||
width: auto; |
|
||||||
} |
|
||||||
.navbar-form .input-group > .form-control { |
|
||||||
width: 100%; |
|
||||||
} |
|
||||||
.navbar-form .control-label { |
|
||||||
margin-bottom: 0; |
|
||||||
vertical-align: middle; |
|
||||||
} |
|
||||||
.navbar-form .radio, |
|
||||||
.navbar-form .checkbox { |
|
||||||
display: inline-block; |
|
||||||
margin-top: 0; |
|
||||||
margin-bottom: 0; |
|
||||||
vertical-align: middle; |
|
||||||
} |
|
||||||
.navbar-form .radio label, |
|
||||||
.navbar-form .checkbox label { |
|
||||||
padding-left: 0; |
|
||||||
} |
|
||||||
.navbar-form .radio input[type="radio"], |
|
||||||
.navbar-form .checkbox input[type="checkbox"] { |
|
||||||
position: relative; |
|
||||||
margin-left: 0; |
|
||||||
} |
|
||||||
.navbar-form .has-feedback .form-control-feedback { |
|
||||||
top: 0; |
|
||||||
} |
|
||||||
.navbar-container { |
|
||||||
padding: 0; |
|
||||||
} |
|
||||||
.dropdown-menu { |
|
||||||
min-width: 720px !important; |
|
||||||
} |
|
||||||
.navbar { |
|
||||||
margin-bottom: 0px !important; |
|
||||||
} |
|
||||||
.main-container { |
|
||||||
padding: 20px 0 100px 0; |
|
||||||
} |
|
||||||
.index-goods { |
|
||||||
margin-top: 20px; |
|
||||||
} |
|
||||||
.index-goods .thumbnail { |
|
||||||
padding-bottom: 10px !important; |
|
||||||
box-shadow: none; |
|
||||||
border: 0; |
|
||||||
} |
|
||||||
.index-goods .title { |
|
||||||
height: 40px; |
|
||||||
overflow: hidden; |
|
||||||
} |
|
||||||
.index-goods .title a { |
|
||||||
font-weight: bold; |
|
||||||
color: #0074D9; |
|
||||||
font-size: 12px; |
|
||||||
} |
|
||||||
.index-goods .price { |
|
||||||
font-size: 18px; |
|
||||||
font-weight: bold; |
|
||||||
margin-bottom: 5px; |
|
||||||
} |
|
||||||
.index-goods .state-yes { |
|
||||||
color: #2ECC40; |
|
||||||
font-size: 11px; |
|
||||||
margin-bottom: 10px; |
|
||||||
} |
|
||||||
.index-goods .state-no { |
|
||||||
color: #FF4136; |
|
||||||
font-size: 11px; |
|
||||||
margin-bottom: 10px; |
|
||||||
} |
|
||||||
.index-goods a.cart-link { |
|
||||||
color: #111; |
|
||||||
} |
|
||||||
.index-goods a.cart-link:hover { |
|
||||||
text-decoration: none; |
|
||||||
color: #111; |
|
||||||
} |
|
||||||
footer .footer-col { |
|
||||||
margin-top: 10px; |
|
||||||
background: none; |
|
||||||
border-left: 1px #5e5e5e solid; |
|
||||||
height: 100px; |
|
||||||
} |
|
||||||
footer .footer-col.col-last { |
|
||||||
border-right: 1px #5e5e5e solid; |
|
||||||
} |
|
||||||
footer .footer-top { |
|
||||||
height: 30px; |
|
||||||
margin-top: -40px; |
|
||||||
background-color: #fed000; |
|
||||||
} |
|
||||||
footer .footer-bottom { |
|
||||||
height: 330px; |
|
||||||
color: #fff; |
|
||||||
font-size: 12px; |
|
||||||
} |
|
||||||
footer .footer-bottom .title { |
|
||||||
color: #fed000; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
footer .footer-bottom a { |
|
||||||
color: #fff; |
|
||||||
} |
|
||||||
footer .footer-bottom a:hover { |
|
||||||
color: #fed000; |
|
||||||
} |
|
||||||
/* Sticky footer styles |
|
||||||
-------------------------------------------------- */ |
|
||||||
html { |
|
||||||
position: relative !important; |
|
||||||
min-height: 100% !important; |
|
||||||
} |
|
||||||
body { |
|
||||||
/* Margin bottom by footer height */ |
|
||||||
margin-bottom: 360px !important; |
|
||||||
} |
|
||||||
.footer { |
|
||||||
position: absolute !important; |
|
||||||
bottom: 0 !important; |
|
||||||
width: 100% !important; |
|
||||||
/* Set the fixed height of the footer here */ |
|
||||||
height: 360px !important; |
|
||||||
} |
|
||||||
.navbar-inverse { |
|
||||||
background-image: linear-gradient(to bottom, #434a54 0%, #535b68 100%); |
|
||||||
background-repeat: repeat-x; |
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff434a54', endColorstr='#ff535b68', GradientType=0); |
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
||||||
} |
|
||||||
.navbar-inverse a { |
|
||||||
color: #fff !important; |
|
||||||
border-right: 1px #707c8d solid; |
|
||||||
font-weight: bold; |
|
||||||
font-size: 9pt; |
|
||||||
} |
|
||||||
.navbar-inverse a:hover { |
|
||||||
color: #fed000 !important; |
|
||||||
text-decoration: none; |
|
||||||
} |
|
||||||
.navbar-inverse .navbar-nav > .open > a, |
|
||||||
.navbar-inverse .navbar-nav > .active > a { |
|
||||||
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%); |
|
||||||
background-repeat: repeat-x; |
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0); |
|
||||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25); |
|
||||||
} |
|
||||||
.navbar-inverse .navbar-brand, |
|
||||||
.navbar-inverse .navbar-nav > li > a { |
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
||||||
} |
|
||||||
body { |
|
||||||
background-color: #f1f2f6; |
|
||||||
} |
|
||||||
h1, |
|
||||||
h2, |
|
||||||
h3, |
|
||||||
h4, |
|
||||||
h5, |
|
||||||
h6 { |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
.well-lg form { |
|
||||||
margin: 10px 0; |
|
||||||
} |
|
||||||
.alert h4 { |
|
||||||
text-align: left; |
|
||||||
} |
|
||||||
.navbar-container.affix { |
|
||||||
top: 0; |
|
||||||
width: 100%; |
|
||||||
z-index: 5000; |
|
||||||
} |
|
||||||
.navbar-container { |
|
||||||
width: 100%; |
|
||||||
z-index: 5000; |
|
||||||
} |
|
||||||
.panel-filter ul { |
|
||||||
text-align: left; |
|
||||||
list-style-type: none; |
|
||||||
list-style-position: inherit; |
|
||||||
padding: 0; |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
.panel-filter ul .icheckbox_square-blue { |
|
||||||
margin-right: 5px; |
|
||||||
} |
|
||||||
.panel-filter ul label { |
|
||||||
font-weight: normal; |
|
||||||
} |
|
||||||
hr.dashed { |
|
||||||
border: none; |
|
||||||
height: 1px; |
|
||||||
width: 100%; |
|
||||||
border-top: 1px dashed #ccc; |
|
||||||
} |
|
||||||
.category-filter-title { |
|
||||||
text-transform: uppercase; |
|
||||||
font-size: 12px; |
|
||||||
font-weight: bold; |
|
||||||
margin-bottom: 15px; |
|
||||||
} |
|
||||||
.category-paginator { |
|
||||||
font-size: 12px; |
|
||||||
line-height: 25px; |
|
||||||
background: #434a54; |
|
||||||
height: 50px; |
|
||||||
color: #fff; |
|
||||||
margin-bottom: 20px; |
|
||||||
border-bottom-right-radius: 4px; |
|
||||||
border-top-right-radius: 4px; |
|
||||||
border-bottom-left-radius: 4px; |
|
||||||
border-top-left-radius: 4px; |
|
||||||
} |
|
||||||
.category-paginator .category-paginator-top { |
|
||||||
padding: 0 10px; |
|
||||||
height: 25px; |
|
||||||
border-bottom: 1px #BDC3C7 solid; |
|
||||||
} |
|
||||||
.category-paginator .category-paginator-bottom { |
|
||||||
height: 20px; |
|
||||||
padding: 0 10px; |
|
||||||
} |
|
||||||
.category-paginator select { |
|
||||||
color: black; |
|
||||||
} |
|
||||||
.category-items { |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
.breadcrumb-arrow li a::before { |
|
||||||
border-left-color: #fed000; |
|
||||||
} |
|
||||||
.breadcrumb-arrow li a::after { |
|
||||||
border-left: 11px solid #e5bb00; |
|
||||||
} |
|
||||||
.breadcrumb-arrow li a::after { |
|
||||||
border-left: 11px solid #e5bb00; |
|
||||||
} |
|
||||||
.breadcrumb-arrow li a { |
|
||||||
background-color: #fed000; |
|
||||||
border: 1px solid #e5bb00; |
|
||||||
color: #434a54; |
|
||||||
} |
|
||||||
.breadcrumb-arrow li a:focus::before, |
|
||||||
.breadcrumb-arrow li a:hover::before { |
|
||||||
border-left-color: #fed000; |
|
||||||
} |
|
||||||
.breadcrumb-arrow li a:focus, |
|
||||||
.breadcrumb-arrow li a:hover { |
|
||||||
background-color: #fed000; |
|
||||||
border: 1px solid #fed000; |
|
||||||
} |
|
||||||
.breadcrumb-arrow li a:active::after, |
|
||||||
.breadcrumb-arrow li a:active::before { |
|
||||||
border-left-color: #fed000; |
|
||||||
} |
|
||||||
.breadcrumb-arrow li a:active::after, |
|
||||||
.breadcrumb-arrow li a:active::before { |
|
||||||
border-left-color: #fed000; |
|
||||||
} |
|
||||||
.breadcrumb-arrow li a:active { |
|
||||||
background-color: #fed000; |
|
||||||
border: 1px solid #fed000; |
|
||||||
} |
|
||||||
.category-paginator a { |
|
||||||
color: #fed000; |
|
||||||
} |
|
||||||
.category-paginator a:hover, |
|
||||||
.category-paginator a:active { |
|
||||||
color: #fed000; |
|
||||||
} |
|
||||||
.product-min-thumbnails img { |
|
||||||
margin-bottom: 10px; |
|
||||||
} |
|
||||||
.product-big-thumbnail .product-big-thumbnail-container { |
|
||||||
width: 400px; |
|
||||||
height: 400px; |
|
||||||
min-width: 400px; |
|
||||||
min-height: 400px; |
|
||||||
max-width: 400px; |
|
||||||
max-height: 400px; |
|
||||||
background: white; |
|
||||||
border: 1px #ddd solid; |
|
||||||
border-radius: 4px; |
|
||||||
text-align: center; |
|
||||||
line-height: 400px; |
|
||||||
} |
|
||||||
.product-big-thumbnail .product-big-thumbnail-container img { |
|
||||||
width: 396px; |
|
||||||
margin-top: 2px; |
|
||||||
} |
|
||||||
.product-short-description { |
|
||||||
padding-left: 35px; |
|
||||||
} |
|
||||||
.product-short-description h4 { |
|
||||||
text-align: left; |
|
||||||
margin-top: 0; |
|
||||||
padding-top: 0; |
|
||||||
} |
|
||||||
.product-short-description .product-detail-price { |
|
||||||
font-size: 41px; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
.product-not-in-stock { |
|
||||||
color: #FF4136; |
|
||||||
font-style: italic; |
|
||||||
display: none; |
|
||||||
} |
|
||||||
.product-in-stock .itogo { |
|
||||||
font-size: 20px; |
|
||||||
} |
|
||||||
table.table-cart input { |
|
||||||
width: 70px; |
|
||||||
text-align: left; |
|
||||||
float: right; |
|
||||||
} |
|
||||||
table.table-cart tbody td { |
|
||||||
padding-top: 45px; |
|
||||||
} |
|
||||||
table.table-cart tbody td.table-cart-image { |
|
||||||
padding-top: 8px; |
|
||||||
} |
|
||||||
table.table-cart tbody td .form-control { |
|
||||||
margin-top: -8px; |
|
||||||
} |
|
||||||
.breadcrumbs { |
|
||||||
overflow: hidden !important; |
|
||||||
} |
|
||||||
ol.breadcrumb.breadcrumb-arrow { |
|
||||||
overflow: hidden !important; |
|
||||||
} |
|
||||||
.table thead tr th { |
|
||||||
background: #434a54; |
|
||||||
color: #fff; |
|
||||||
border-right: 1px gray solid; |
|
||||||
} |
|
||||||
.table thead tr th:last-child { |
|
||||||
border-right: none; |
|
||||||
} |
|
||||||
.table thead tr th:last-of-type { |
|
||||||
border-right: none; |
|
||||||
} |
|
||||||
.table thead tr th:last { |
|
||||||
border-right: none; |
|
||||||
} |
|
||||||
.table tbody td { |
|
||||||
border-right: 1px #ddd solid; |
|
||||||
} |
|
||||||
.table tbody td:last-child { |
|
||||||
border-right: none; |
|
||||||
} |
|
||||||
.table tbody td:last-of-type { |
|
||||||
border-right: none; |
|
||||||
} |
|
||||||
.table tbody td:last { |
|
||||||
border-right: none; |
|
||||||
} |
|
||||||
.table .table-cart-itogo { |
|
||||||
font-size: 20px; |
|
||||||
} |
|
||||||
ul.messages { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
.product-description { |
|
||||||
margin-top: 40px; |
|
||||||
padding-top: 20px; |
|
||||||
border-top: 1px #ddd solid; |
|
||||||
} |
|
||||||
.order-data .radio { |
|
||||||
margin-left: 15px; |
|
||||||
} |
|
||||||
#order-itogo-amount, |
|
||||||
#order-itogo-delivery, |
|
||||||
#cart-itogo, |
|
||||||
#order-itogo-amount-up, |
|
||||||
#order-itogo-delivery-up, |
|
||||||
#cart-itogo-up { |
|
||||||
font-size: 20px; |
|
||||||
} |
|
||||||
.well-large { |
|
||||||
padding: 40px; |
|
||||||
} |
|
||||||
.news-container .comment { |
|
||||||
overflow: auto; |
|
||||||
} |
|
||||||
.news-container .media { |
|
||||||
background: #F5F7FA; |
|
||||||
padding: 15px; |
|
||||||
} |
|
||||||
.call-form, |
|
||||||
.order-form { |
|
||||||
background: #FFF; |
|
||||||
padding: 20px 30px; |
|
||||||
text-align: left; |
|
||||||
max-width: 500px; |
|
||||||
margin: 40px auto; |
|
||||||
position: relative; |
|
||||||
} |
|
||||||
.sale-percent-block { |
|
||||||
background: #E9573F; |
|
||||||
width: 50px; |
|
||||||
height: 50px; |
|
||||||
text-align: center; |
|
||||||
color: white; |
|
||||||
top: 0; |
|
||||||
font-size: 20px; |
|
||||||
line-height: 50px; |
|
||||||
} |
|
||||||
.radio img { |
|
||||||
margin-top: 10px; |
|
||||||
margin-bottom: 10px; |
|
||||||
} |
|
||||||
.radio label { |
|
||||||
margin-left: 0 !important; |
|
||||||
padding-left: 0 !important; |
|
||||||
} |
|
||||||
.radio label input { |
|
||||||
margin-left: 0 !important; |
|
||||||
position: relative !important; |
|
||||||
} |
|
||||||
.yamm .yamm-content { |
|
||||||
text-transform: uppercase; |
|
||||||
} |
|
||||||
.required:after { |
|
||||||
content: "*"; |
|
||||||
color: red; |
|
||||||
} |
|
||||||
/* Make Select2 boxes match Bootstrap3 heights: */ |
|
||||||
.select2-selection__rendered { |
|
||||||
line-height: 32px !important; |
|
||||||
} |
|
||||||
.select2-selection { |
|
||||||
height: 34px !important; |
|
||||||
} |
|
||||||
.select2-selection__arrow b { |
|
||||||
margin-top: 0 !important; |
|
||||||
} |
|
||||||
.clickable-row { |
|
||||||
cursor: pointer; |
|
||||||
} |
|
||||||
.clickable-row td { |
|
||||||
font-weight: 700; |
|
||||||
} |
|
||||||
#ajaxLoading { |
|
||||||
position: absolute; |
|
||||||
z-index: 10000; |
|
||||||
height: 50px; |
|
||||||
width: 50px; |
|
||||||
right: 50%; |
|
||||||
top: 50%; |
|
||||||
margin-right: -25px; |
|
||||||
margin-top: -25px; |
|
||||||
background: white; |
|
||||||
border-radius: 5px; |
|
||||||
border: 1px solid; |
|
||||||
} |
|
||||||
#dpdCityLoading { |
|
||||||
font-size: 30px; |
|
||||||
position: absolute; |
|
||||||
top: 50%; |
|
||||||
margin-top: -15px; |
|
||||||
left: 50%; |
|
||||||
margin-left: -15px; |
|
||||||
} |
|
||||||
table .table th { |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,39 @@ |
|||||||
|
@brand-blue: #082A51; |
||||||
|
@brand-orange: #F56723; |
||||||
|
@brand-white: #fff; |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: "GloberBold"; |
||||||
|
src: url("../fonts/GloberBold.eot"); |
||||||
|
src: url("../fonts/GloberBold.eot?#iefix")format("embedded-opentype"), |
||||||
|
url("../fonts/GloberBold.woff") format("woff"), |
||||||
|
url("../fonts/GloberBold.ttf") format("truetype"); |
||||||
|
font-style: normal; |
||||||
|
font-weight: normal; |
||||||
|
} |
||||||
|
|
||||||
|
.festival__header { |
||||||
|
background-color: @brand-blue; |
||||||
|
color: @brand-white; |
||||||
|
line-height: 40px; |
||||||
|
height: 40px; |
||||||
|
} |
||||||
|
|
||||||
|
.festival__container { |
||||||
|
text-align: center; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.festival__link { |
||||||
|
font-family: "GloberBold", "Arial Black", sans-serif; |
||||||
|
font-size: 20px; |
||||||
|
color: @brand-white!important; |
||||||
|
transition: color .3s ease-in-out; |
||||||
|
&:visited { |
||||||
|
color: @brand-white!important; |
||||||
|
} |
||||||
|
&:hover { |
||||||
|
color: @brand-orange!important; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
Loading…
Reference in new issue