parent
d4d12d418e
commit
8c9802a99a
2 changed files with 969 additions and 0 deletions
@ -0,0 +1,968 @@ |
|||||||
|
/*** |
||||||
|
|
||||||
|
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; |
||||||
|
} |
||||||
|
@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: #082A51; |
||||||
|
color: #fff; |
||||||
|
line-height: 40px; |
||||||
|
height: 40px; |
||||||
|
} |
||||||
|
.festival__container { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.festival__link { |
||||||
|
font-family: "GloberBold", "Arial Black", sans-serif; |
||||||
|
font-size: 20px; |
||||||
|
color: #fff !important; |
||||||
|
transition: color 0.3s ease-in-out; |
||||||
|
} |
||||||
|
.festival__link:visited { |
||||||
|
color: #fff !important; |
||||||
|
} |
||||||
|
.festival__link:hover { |
||||||
|
color: #F56723 !important; |
||||||
|
} |
||||||
|
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
Loading…
Reference in new issue