|
|
|
@ -1,20 +1,16 @@ |
|
|
|
//@import "bootstrap.less"; |
|
|
|
//@import "bootstrap.less"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@import "../bower_components/bootstrap/less/variables.less"; |
|
|
|
@import "../bower_components/bootstrap/less/variables.less"; |
|
|
|
@import "../bower_components/bootstrap/less/mixins.less"; |
|
|
|
@import "../bower_components/bootstrap/less/mixins.less"; |
|
|
|
@import '../bower_components/colors/less/colors.less'; |
|
|
|
@import '../bower_components/colors/less/colors.less'; |
|
|
|
@import '../bower_components/yamm3/yamm/yamm.less'; |
|
|
|
@import '../bower_components/yamm3/yamm/yamm.less'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@brand-yellow: #fed000; |
|
|
|
@brand-yellow: #fed000; |
|
|
|
@brand-gray: #434a54; |
|
|
|
@brand-gray: #434a54; |
|
|
|
@brand-white: @white; |
|
|
|
@brand-white: @white; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Account for fixed navbar */ |
|
|
|
/* Account for fixed navbar */ |
|
|
|
body, |
|
|
|
body, |
|
|
|
.navbar{ |
|
|
|
.navbar { |
|
|
|
min-width: 970px !important; |
|
|
|
min-width: 970px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -22,81 +18,83 @@ body, |
|
|
|
font-size: 16px; |
|
|
|
font-size: 16px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.container{ |
|
|
|
.container { |
|
|
|
width: 970px !important; |
|
|
|
width: 970px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
span.yellow{ |
|
|
|
span.yellow { |
|
|
|
color: @brand-yellow; |
|
|
|
color: @brand-yellow; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.header-top{ |
|
|
|
.header-top { |
|
|
|
background-color: @brand-gray; |
|
|
|
background-color: @brand-gray; |
|
|
|
height: 40px; |
|
|
|
height: 40px; |
|
|
|
line-height: 40px; |
|
|
|
line-height: 40px; |
|
|
|
.container{ |
|
|
|
.container { |
|
|
|
line-height: 40px; |
|
|
|
line-height: 40px; |
|
|
|
height: 40px; |
|
|
|
height: 40px; |
|
|
|
.top-left-links{ |
|
|
|
.top-left-links { |
|
|
|
float: left; |
|
|
|
float: left; |
|
|
|
text-align: left; |
|
|
|
text-align: left; |
|
|
|
color: @brand-yellow; |
|
|
|
color: @brand-yellow; |
|
|
|
font-size: 10pt; |
|
|
|
font-size: 10pt; |
|
|
|
a{ |
|
|
|
a { |
|
|
|
color: @brand-yellow; |
|
|
|
color: @brand-yellow; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.top-right-links{ |
|
|
|
.top-right-links { |
|
|
|
float: right; |
|
|
|
float: right; |
|
|
|
text-align: right; |
|
|
|
text-align: right; |
|
|
|
color: @brand-white; |
|
|
|
color: @brand-white; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 10pt; |
|
|
|
font-size: 10pt; |
|
|
|
a{ |
|
|
|
a { |
|
|
|
color: @brand-white; |
|
|
|
color: @brand-white; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.header-middle{ |
|
|
|
|
|
|
|
|
|
|
|
.header-middle { |
|
|
|
background-color: @brand-yellow; |
|
|
|
background-color: @brand-yellow; |
|
|
|
height: 130px; |
|
|
|
height: 130px; |
|
|
|
|
|
|
|
|
|
|
|
.logo-container{ |
|
|
|
.logo-container { |
|
|
|
line-height: 130px; |
|
|
|
line-height: 130px; |
|
|
|
float: left; |
|
|
|
float: left; |
|
|
|
text-align: left; |
|
|
|
text-align: left; |
|
|
|
} |
|
|
|
} |
|
|
|
.quick-access-container{ |
|
|
|
.quick-access-container { |
|
|
|
float: right; |
|
|
|
float: right; |
|
|
|
text-align: right; |
|
|
|
text-align: right; |
|
|
|
form{ |
|
|
|
form { |
|
|
|
margin-top: 30px; |
|
|
|
margin-top: 30px; |
|
|
|
input{ |
|
|
|
input { |
|
|
|
background-color: lighten(@brand-yellow, 10%); |
|
|
|
background-color: lighten(@brand-yellow, 10%); |
|
|
|
border: darken(@brand-yellow, 10%) 1px solid; |
|
|
|
border: darken(@brand-yellow, 10%) 1px solid; |
|
|
|
width: 245px; |
|
|
|
width: 245px; |
|
|
|
height: 30px; |
|
|
|
height: 30px; |
|
|
|
padding: 5px; |
|
|
|
padding: 5px; |
|
|
|
} |
|
|
|
} |
|
|
|
button{ |
|
|
|
button { |
|
|
|
background: none; |
|
|
|
background: none; |
|
|
|
border: none; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.small-welcome{ |
|
|
|
.small-welcome { |
|
|
|
font-size: 10pt; |
|
|
|
font-size: 10pt; |
|
|
|
margin-top: 10px; |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
.quick-links{ |
|
|
|
.quick-links { |
|
|
|
font-size: 10pt; |
|
|
|
font-size: 10pt; |
|
|
|
color: @brand-gray; |
|
|
|
color: @brand-gray; |
|
|
|
a{ |
|
|
|
a { |
|
|
|
color: @brand-gray; |
|
|
|
color: @brand-gray; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//.header-bottom{ |
|
|
|
//.header-bottom{ |
|
|
|
// #gradient > .vertical(@start-color: @brand-gray; @end-color: lighten(@brand-gray, 15%)); |
|
|
|
// #gradient > .vertical(@start-color: @brand-gray; @end-color: lighten(@brand-gray, 15%)); |
|
|
|
// height: 45px; |
|
|
|
// height: 45px; |
|
|
|
@ -120,11 +118,11 @@ span.yellow{ |
|
|
|
* with disabling the responsiveness. |
|
|
|
* with disabling the responsiveness. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
|
|
/* Account for fixed navbar */ |
|
|
|
/* Account for fixed navbar */ |
|
|
|
|
|
|
|
|
|
|
|
body, |
|
|
|
body, |
|
|
|
.navbar-static-top, |
|
|
|
.navbar-static-top, |
|
|
|
.navbar-fixed-bottom { |
|
|
|
.navbar-fixed-bottom { |
|
|
|
min-width: 970px; |
|
|
|
min-width: 970px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -137,19 +135,19 @@ span.yellow{ |
|
|
|
.page-header { |
|
|
|
.page-header { |
|
|
|
margin-bottom: 30px; |
|
|
|
margin-bottom: 30px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.page-header .lead { |
|
|
|
.page-header .lead { |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Non-responsive overrides |
|
|
|
/* Non-responsive overrides |
|
|
|
* |
|
|
|
* |
|
|
|
* Utilize the following CSS to disable the responsive-ness of the container, |
|
|
|
* Utilize the following CSS to disable the responsive-ness of the container, |
|
|
|
* grid system, and navbar. |
|
|
|
* grid system, and navbar. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
|
|
/* Reset the container */ |
|
|
|
/* Reset the container */ |
|
|
|
.container { |
|
|
|
.container { |
|
|
|
width: 970px; |
|
|
|
width: 970px; |
|
|
|
max-width: none !important; |
|
|
|
max-width: none !important; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -187,6 +185,7 @@ span.yellow{ |
|
|
|
.navbar-toggle { |
|
|
|
.navbar-toggle { |
|
|
|
display: none; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.navbar-collapse { |
|
|
|
.navbar-collapse { |
|
|
|
border-top: 0; |
|
|
|
border-top: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -200,9 +199,11 @@ span.yellow{ |
|
|
|
float: left; |
|
|
|
float: left; |
|
|
|
margin: 0; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.navbar-nav > li { |
|
|
|
.navbar-nav > li { |
|
|
|
float: left; |
|
|
|
float: left; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.navbar-nav > li > a { |
|
|
|
.navbar-nav > li > a { |
|
|
|
padding: 15px; |
|
|
|
padding: 15px; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -224,16 +225,16 @@ span.yellow{ |
|
|
|
padding: 0px; |
|
|
|
padding: 0px; |
|
|
|
margin: 0px 0 15px 0px; |
|
|
|
margin: 0px 0 15px 0px; |
|
|
|
} |
|
|
|
} |
|
|
|
a{ |
|
|
|
a { |
|
|
|
color: @white; |
|
|
|
color: @white; |
|
|
|
border: none; |
|
|
|
border: none; |
|
|
|
font-weight: normal; |
|
|
|
font-weight: normal; |
|
|
|
font-size: 11px; |
|
|
|
font-size: 11px; |
|
|
|
&.title{ |
|
|
|
&.title { |
|
|
|
color: lighten(@blue, 30%) !important; |
|
|
|
color: lighten(@blue, 30%) !important; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
} |
|
|
|
&:hover{ |
|
|
|
&:hover { |
|
|
|
text-decoration: underline; |
|
|
|
text-decoration: underline; |
|
|
|
color: @brand-yellow; |
|
|
|
color: @brand-yellow; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -245,9 +246,11 @@ span.yellow{ |
|
|
|
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
|
|
|
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
|
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
|
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.navbar-default .navbar-nav .open .dropdown-menu > li > a { |
|
|
|
.navbar-default .navbar-nav .open .dropdown-menu > li > a { |
|
|
|
color: #333; |
|
|
|
color: #333; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
ul.nav li.dropdown:hover > ul.dropdown-menu { |
|
|
|
ul.nav li.dropdown:hover > ul.dropdown-menu { |
|
|
|
display: block; |
|
|
|
display: block; |
|
|
|
color: #333; |
|
|
|
color: #333; |
|
|
|
@ -261,16 +264,16 @@ ul.nav li.dropdown:hover > ul.dropdown-menu { |
|
|
|
padding: 0px; |
|
|
|
padding: 0px; |
|
|
|
margin: 0px 0 15px 0px; |
|
|
|
margin: 0px 0 15px 0px; |
|
|
|
} |
|
|
|
} |
|
|
|
a{ |
|
|
|
a { |
|
|
|
color: @white; |
|
|
|
color: @white; |
|
|
|
border: none; |
|
|
|
border: none; |
|
|
|
font-weight: normal; |
|
|
|
font-weight: normal; |
|
|
|
font-size: 11px; |
|
|
|
font-size: 11px; |
|
|
|
&.title{ |
|
|
|
&.title { |
|
|
|
color: lighten(@blue, 30%) !important; |
|
|
|
color: lighten(@blue, 30%) !important; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
} |
|
|
|
&:hover{ |
|
|
|
&:hover { |
|
|
|
text-decoration: underline; |
|
|
|
text-decoration: underline; |
|
|
|
color: @brand-yellow; |
|
|
|
color: @brand-yellow; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -282,6 +285,7 @@ ul.nav li.dropdown:hover > ul.dropdown-menu { |
|
|
|
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
|
|
|
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
|
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
|
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.navbar .navbar-nav .open .dropdown-menu > li > a:hover, |
|
|
|
.navbar .navbar-nav .open .dropdown-menu > li > a:hover, |
|
|
|
.navbar .navbar-nav .open .dropdown-menu > li > a:focus, |
|
|
|
.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, |
|
|
|
@ -290,6 +294,7 @@ ul.nav li.dropdown:hover > ul.dropdown-menu { |
|
|
|
color: #fff !important; |
|
|
|
color: #fff !important; |
|
|
|
background-color: #428bca !important; |
|
|
|
background-color: #428bca !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.navbar .navbar-nav .open .dropdown-menu > .disabled > a, |
|
|
|
.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:hover, |
|
|
|
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
|
|
|
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { |
|
|
|
@ -369,109 +374,117 @@ ul.nav li.dropdown:hover > ul.dropdown-menu { |
|
|
|
.navbar-form .has-feedback .form-control-feedback { |
|
|
|
.navbar-form .has-feedback .form-control-feedback { |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.navbar-container{ |
|
|
|
|
|
|
|
padding:0; |
|
|
|
.navbar-container { |
|
|
|
|
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.dropdown-menu{ |
|
|
|
|
|
|
|
|
|
|
|
.dropdown-menu { |
|
|
|
min-width: 720px !important; |
|
|
|
min-width: 720px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.navbar{ |
|
|
|
.navbar { |
|
|
|
margin-bottom:0px !important; |
|
|
|
margin-bottom: 0px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
.main-container{ |
|
|
|
|
|
|
|
|
|
|
|
.main-container { |
|
|
|
//border-right: 1px @silver solid; |
|
|
|
//border-right: 1px @silver solid; |
|
|
|
//border-left: 1px @silver solid; |
|
|
|
//border-left: 1px @silver solid; |
|
|
|
padding: 20px 0 100px 0; |
|
|
|
padding: 20px 0 100px 0; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
.index-goods{ |
|
|
|
|
|
|
|
.thumbnail{ |
|
|
|
.index-goods { |
|
|
|
|
|
|
|
.thumbnail { |
|
|
|
padding-bottom: 10px !important; |
|
|
|
padding-bottom: 10px !important; |
|
|
|
.box-shadow(none); |
|
|
|
.box-shadow(none); |
|
|
|
border: 0; |
|
|
|
border: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3{ |
|
|
|
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3 { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
margin-top: 20px; |
|
|
|
margin-top: 20px; |
|
|
|
.title{ |
|
|
|
.title { |
|
|
|
a{ |
|
|
|
a { |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
color: @blue; |
|
|
|
color: @blue; |
|
|
|
font-size: 12px; |
|
|
|
font-size: 12px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
.price{ |
|
|
|
.price { |
|
|
|
font-size: 18px; |
|
|
|
font-size: 18px; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
margin-bottom: 5px; |
|
|
|
margin-bottom: 5px; |
|
|
|
} |
|
|
|
} |
|
|
|
.state-yes{ |
|
|
|
.state-yes { |
|
|
|
color: @green; |
|
|
|
color: @green; |
|
|
|
font-size: 11px; |
|
|
|
font-size: 11px; |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
.state-no{ |
|
|
|
.state-no { |
|
|
|
color: @red; |
|
|
|
color: @red; |
|
|
|
font-size: 11px; |
|
|
|
font-size: 11px; |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
.in-cart span{ |
|
|
|
.in-cart span { |
|
|
|
//background-color: @brand-yellow; |
|
|
|
//background-color: @brand-yellow; |
|
|
|
//padding: 5px; |
|
|
|
//padding: 5px; |
|
|
|
} |
|
|
|
} |
|
|
|
a.cart-link{ |
|
|
|
a.cart-link { |
|
|
|
color: @black; |
|
|
|
color: @black; |
|
|
|
&:hover{ |
|
|
|
&:hover { |
|
|
|
text-decoration: none; |
|
|
|
text-decoration: none; |
|
|
|
color: @black; |
|
|
|
color: @black; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
footer{ |
|
|
|
|
|
|
|
.footer-col{ |
|
|
|
footer { |
|
|
|
|
|
|
|
.footer-col { |
|
|
|
margin-top: 10px; |
|
|
|
margin-top: 10px; |
|
|
|
background: none; |
|
|
|
background: none; |
|
|
|
border-left: 1px darken(@gray,30%) solid; |
|
|
|
border-left: 1px darken(@gray, 30%) solid; |
|
|
|
height: 150px; |
|
|
|
height: 150px; |
|
|
|
&.col-last{ |
|
|
|
&.col-last { |
|
|
|
border-right: 1px darken(@gray,30%) solid; |
|
|
|
border-right: 1px darken(@gray, 30%) solid; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.footer-top{ |
|
|
|
.footer-top { |
|
|
|
height: 30px; |
|
|
|
height: 30px; |
|
|
|
margin-top: -40px; |
|
|
|
margin-top: -40px; |
|
|
|
background-color: @brand-yellow; |
|
|
|
background-color: @brand-yellow; |
|
|
|
} |
|
|
|
} |
|
|
|
.footer-bottom{ |
|
|
|
.footer-bottom { |
|
|
|
height: 380px; |
|
|
|
height: 380px; |
|
|
|
//background-color: @brand-gray; |
|
|
|
//background-color: @brand-gray; |
|
|
|
color: @white; |
|
|
|
color: @white; |
|
|
|
font-size: 12px; |
|
|
|
font-size: 12px; |
|
|
|
.title{ |
|
|
|
.title { |
|
|
|
color: @brand-yellow; |
|
|
|
color: @brand-yellow; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
} |
|
|
|
a{ |
|
|
|
a { |
|
|
|
color: @white; |
|
|
|
color: @white; |
|
|
|
&:hover{ |
|
|
|
&:hover { |
|
|
|
color: @brand-yellow; |
|
|
|
color: @brand-yellow; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Sticky footer styles |
|
|
|
/* Sticky footer styles |
|
|
|
-------------------------------------------------- */ |
|
|
|
-------------------------------------------------- */ |
|
|
|
html { |
|
|
|
html { |
|
|
|
position: relative !important; |
|
|
|
position: relative !important; |
|
|
|
min-height: 100% !important; |
|
|
|
min-height: 100% !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
body { |
|
|
|
body { |
|
|
|
/* Margin bottom by footer height */ |
|
|
|
/* Margin bottom by footer height */ |
|
|
|
margin-bottom: 410px !important; |
|
|
|
margin-bottom: 410px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.footer { |
|
|
|
.footer { |
|
|
|
position: absolute !important; |
|
|
|
position: absolute !important; |
|
|
|
bottom: 0 !important; |
|
|
|
bottom: 0 !important; |
|
|
|
@ -481,12 +494,12 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.navbar-inverse { |
|
|
|
.navbar-inverse { |
|
|
|
a{ |
|
|
|
a { |
|
|
|
color: @white !important; |
|
|
|
color: @white !important; |
|
|
|
border-right: 1px lighten(@brand-gray, 20%) solid; |
|
|
|
border-right: 1px lighten(@brand-gray, 20%) solid; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 9pt; |
|
|
|
font-size: 9pt; |
|
|
|
&:hover{ |
|
|
|
&:hover { |
|
|
|
color: @brand-yellow !important; |
|
|
|
color: @brand-yellow !important; |
|
|
|
text-decoration: none; |
|
|
|
text-decoration: none; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -497,65 +510,74 @@ body { |
|
|
|
.navbar-nav > .open > a, |
|
|
|
.navbar-nav > .open > a, |
|
|
|
.navbar-nav > .active > a { |
|
|
|
.navbar-nav > .active > a { |
|
|
|
#gradient > .vertical(@start-color: @navbar-inverse-link-active-bg; @end-color: lighten(@navbar-inverse-link-active-bg, 2.5%)); |
|
|
|
#gradient > .vertical(@start-color: @navbar-inverse-link-active-bg; @end-color: lighten(@navbar-inverse-link-active-bg, 2.5%)); |
|
|
|
.box-shadow(inset 0 3px 9px rgba(0,0,0,.25)); |
|
|
|
.box-shadow(inset 0 3px 9px rgba(0, 0, 0, .25)); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.navbar-brand, |
|
|
|
.navbar-brand, |
|
|
|
.navbar-nav > li > a { |
|
|
|
.navbar-nav > li > a { |
|
|
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25); |
|
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
body{ |
|
|
|
|
|
|
|
|
|
|
|
body { |
|
|
|
background-color: rgb(241, 242, 246); |
|
|
|
background-color: rgb(241, 242, 246); |
|
|
|
} |
|
|
|
} |
|
|
|
h1, h2, h3, h4, h5, h6{ |
|
|
|
|
|
|
|
|
|
|
|
h1, h2, h3, h4, h5, h6 { |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
.well-lg form{ |
|
|
|
|
|
|
|
|
|
|
|
.well-lg form { |
|
|
|
margin: 10px 0; |
|
|
|
margin: 10px 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.alert h4{ |
|
|
|
|
|
|
|
|
|
|
|
.alert h4 { |
|
|
|
text-align: left; |
|
|
|
text-align: left; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.navbar-container.affix{ |
|
|
|
.navbar-container.affix { |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
z-index: 5000; |
|
|
|
z-index: 5000; |
|
|
|
} |
|
|
|
} |
|
|
|
.navbar-container{ |
|
|
|
|
|
|
|
|
|
|
|
.navbar-container { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
z-index: 5000; |
|
|
|
z-index: 5000; |
|
|
|
} |
|
|
|
} |
|
|
|
.panel-filter{ |
|
|
|
|
|
|
|
ul{ |
|
|
|
.panel-filter { |
|
|
|
|
|
|
|
ul { |
|
|
|
text-align: left; |
|
|
|
text-align: left; |
|
|
|
list-style-type: none; |
|
|
|
list-style-type: none; |
|
|
|
list-style-position: inherit; |
|
|
|
list-style-position: inherit; |
|
|
|
padding: 0; |
|
|
|
padding: 0; |
|
|
|
margin: 0; |
|
|
|
margin: 0; |
|
|
|
.icheckbox_square-blue{ |
|
|
|
.icheckbox_square-blue { |
|
|
|
margin-right: 5px; |
|
|
|
margin-right: 5px; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
label{ |
|
|
|
label { |
|
|
|
font-weight: normal; |
|
|
|
font-weight: normal; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
hr.dashed{ |
|
|
|
|
|
|
|
|
|
|
|
hr.dashed { |
|
|
|
border: none; |
|
|
|
border: none; |
|
|
|
height: 1px; |
|
|
|
height: 1px; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
border-top:1px dashed #ccc |
|
|
|
border-top: 1px dashed #ccc |
|
|
|
} |
|
|
|
} |
|
|
|
.category-filter-title{ |
|
|
|
|
|
|
|
|
|
|
|
.category-filter-title { |
|
|
|
text-transform: uppercase; |
|
|
|
text-transform: uppercase; |
|
|
|
font-size: 12px; |
|
|
|
font-size: 12px; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
margin-bottom: 15px; |
|
|
|
margin-bottom: 15px; |
|
|
|
} |
|
|
|
} |
|
|
|
.category-paginator{ |
|
|
|
|
|
|
|
|
|
|
|
.category-paginator { |
|
|
|
font-size: 10px; |
|
|
|
font-size: 10px; |
|
|
|
line-height: 20px; |
|
|
|
line-height: 20px; |
|
|
|
background: @brand-gray; |
|
|
|
background: @brand-gray; |
|
|
|
@ -564,17 +586,18 @@ hr.dashed{ |
|
|
|
margin-bottom: 20px; |
|
|
|
margin-bottom: 20px; |
|
|
|
.border-right-radius(4px); |
|
|
|
.border-right-radius(4px); |
|
|
|
.border-left-radius(4px); |
|
|
|
.border-left-radius(4px); |
|
|
|
.category-paginator-top{ |
|
|
|
.category-paginator-top { |
|
|
|
padding: 0 10px; |
|
|
|
padding: 0 10px; |
|
|
|
height: 20px; |
|
|
|
height: 20px; |
|
|
|
border-bottom: 1px #BDC3C7 solid; |
|
|
|
border-bottom: 1px #BDC3C7 solid; |
|
|
|
} |
|
|
|
} |
|
|
|
.category-paginator-bottom{ |
|
|
|
.category-paginator-bottom { |
|
|
|
height: 20px; |
|
|
|
height: 20px; |
|
|
|
padding: 0 10px; |
|
|
|
padding: 0 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.category-items{ |
|
|
|
|
|
|
|
|
|
|
|
.category-items { |
|
|
|
margin: 0; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -582,54 +605,65 @@ hr.dashed{ |
|
|
|
@bradcrumbs-border: darken(@bradcrumbs-background, 5%); |
|
|
|
@bradcrumbs-border: darken(@bradcrumbs-background, 5%); |
|
|
|
@bradcrumbs-color: @brand-gray; |
|
|
|
@bradcrumbs-color: @brand-gray; |
|
|
|
|
|
|
|
|
|
|
|
.breadcrumb-arrow li a::before{ |
|
|
|
.breadcrumb-arrow li a::before { |
|
|
|
border-left-color: @bradcrumbs-background; |
|
|
|
border-left-color: @bradcrumbs-background; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
.breadcrumb-arrow li a::after{ |
|
|
|
|
|
|
|
|
|
|
|
.breadcrumb-arrow li a::after { |
|
|
|
border-left: 11px solid @bradcrumbs-border; |
|
|
|
border-left: 11px solid @bradcrumbs-border; |
|
|
|
} |
|
|
|
} |
|
|
|
.breadcrumb-arrow li a::after{ |
|
|
|
|
|
|
|
|
|
|
|
.breadcrumb-arrow li a::after { |
|
|
|
border-left: 11px solid @bradcrumbs-border; |
|
|
|
border-left: 11px solid @bradcrumbs-border; |
|
|
|
} |
|
|
|
} |
|
|
|
.breadcrumb-arrow li a{ |
|
|
|
|
|
|
|
|
|
|
|
.breadcrumb-arrow li a { |
|
|
|
background-color: @bradcrumbs-background; |
|
|
|
background-color: @bradcrumbs-background; |
|
|
|
border: 1px solid @bradcrumbs-border; |
|
|
|
border: 1px solid @bradcrumbs-border; |
|
|
|
color: @bradcrumbs-color; |
|
|
|
color: @bradcrumbs-color; |
|
|
|
} |
|
|
|
} |
|
|
|
.breadcrumb-arrow li a:focus::before, .breadcrumb-arrow li a:hover::before{ |
|
|
|
|
|
|
|
|
|
|
|
.breadcrumb-arrow li a:focus::before, .breadcrumb-arrow li a:hover::before { |
|
|
|
border-left-color: @bradcrumbs-background; |
|
|
|
border-left-color: @bradcrumbs-background; |
|
|
|
} |
|
|
|
} |
|
|
|
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover{ |
|
|
|
|
|
|
|
|
|
|
|
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover { |
|
|
|
background-color: @bradcrumbs-background; |
|
|
|
background-color: @bradcrumbs-background; |
|
|
|
border: 1px solid @bradcrumbs-background; |
|
|
|
border: 1px solid @bradcrumbs-background; |
|
|
|
} |
|
|
|
} |
|
|
|
.breadcrumb-arrow li a:active::after, .breadcrumb-arrow li a:active::before{ |
|
|
|
|
|
|
|
|
|
|
|
.breadcrumb-arrow li a:active::after, .breadcrumb-arrow li a:active::before { |
|
|
|
border-left-color: @bradcrumbs-background; |
|
|
|
border-left-color: @bradcrumbs-background; |
|
|
|
} |
|
|
|
} |
|
|
|
.breadcrumb-arrow li a:active::after, .breadcrumb-arrow li a:active::before{ |
|
|
|
|
|
|
|
|
|
|
|
.breadcrumb-arrow li a:active::after, .breadcrumb-arrow li a:active::before { |
|
|
|
border-left-color: @bradcrumbs-background; |
|
|
|
border-left-color: @bradcrumbs-background; |
|
|
|
} |
|
|
|
} |
|
|
|
.breadcrumb-arrow li a:active{ |
|
|
|
|
|
|
|
|
|
|
|
.breadcrumb-arrow li a:active { |
|
|
|
background-color: @bradcrumbs-background; |
|
|
|
background-color: @bradcrumbs-background; |
|
|
|
border: 1px solid @bradcrumbs-background; |
|
|
|
border: 1px solid @bradcrumbs-background; |
|
|
|
} |
|
|
|
} |
|
|
|
.category-paginator{ |
|
|
|
|
|
|
|
a{ |
|
|
|
.category-paginator { |
|
|
|
|
|
|
|
a { |
|
|
|
color: @brand-yellow; |
|
|
|
color: @brand-yellow; |
|
|
|
&:hover, &:active{ |
|
|
|
&:hover, &:active { |
|
|
|
color: @brand-yellow; |
|
|
|
color: @brand-yellow; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.product-min-thumbnails{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
img{ |
|
|
|
.product-min-thumbnails { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
img { |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.product-big-thumbnail{ |
|
|
|
|
|
|
|
.product-big-thumbnail-container{ |
|
|
|
.product-big-thumbnail { |
|
|
|
|
|
|
|
.product-big-thumbnail-container { |
|
|
|
width: 400px; |
|
|
|
width: 400px; |
|
|
|
height: 400px; |
|
|
|
height: 400px; |
|
|
|
min-width: 400px; |
|
|
|
min-width: 400px; |
|
|
|
@ -641,51 +675,56 @@ hr.dashed{ |
|
|
|
border-radius: 4px; |
|
|
|
border-radius: 4px; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
line-height: 400px; |
|
|
|
line-height: 400px; |
|
|
|
img{ |
|
|
|
img { |
|
|
|
width: 396px; |
|
|
|
width: 396px; |
|
|
|
margin-top: 2px; |
|
|
|
margin-top: 2px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.product-short-description{ |
|
|
|
|
|
|
|
|
|
|
|
.product-short-description { |
|
|
|
padding-left: 35px; |
|
|
|
padding-left: 35px; |
|
|
|
h4{ |
|
|
|
h4 { |
|
|
|
text-align: left; |
|
|
|
text-align: left; |
|
|
|
margin-top: 0; |
|
|
|
margin-top: 0; |
|
|
|
padding-top: 0; |
|
|
|
padding-top: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
.product-detail-price{ |
|
|
|
.product-detail-price { |
|
|
|
font-size: 41px; |
|
|
|
font-size: 41px; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.product-not-in-stock{ |
|
|
|
|
|
|
|
|
|
|
|
.product-not-in-stock { |
|
|
|
color: @red; |
|
|
|
color: @red; |
|
|
|
font-style: italic; |
|
|
|
font-style: italic; |
|
|
|
display: none; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
.product-in-stock{ |
|
|
|
|
|
|
|
.itogo{ |
|
|
|
.product-in-stock { |
|
|
|
|
|
|
|
.itogo { |
|
|
|
font-size: 20px; |
|
|
|
font-size: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
table.table-cart{ |
|
|
|
|
|
|
|
input{ |
|
|
|
table.table-cart { |
|
|
|
|
|
|
|
input { |
|
|
|
width: 70px; |
|
|
|
width: 70px; |
|
|
|
text-align: left; |
|
|
|
text-align: left; |
|
|
|
float: right; |
|
|
|
float: right; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.table{ |
|
|
|
|
|
|
|
thead{ |
|
|
|
.table { |
|
|
|
tr{ |
|
|
|
thead { |
|
|
|
|
|
|
|
tr { |
|
|
|
//background: @brand-gray; |
|
|
|
//background: @brand-gray; |
|
|
|
th{ |
|
|
|
th { |
|
|
|
background: @brand-gray; |
|
|
|
background: @brand-gray; |
|
|
|
color: @brand-white; |
|
|
|
color: @brand-white; |
|
|
|
border-right: 1px gray solid; |
|
|
|
border-right: 1px gray solid; |
|
|
|
&:last-child{ |
|
|
|
&:last-child { |
|
|
|
border-right: none; |
|
|
|
border-right: none; |
|
|
|
} |
|
|
|
} |
|
|
|
&:last-of-type { |
|
|
|
&:last-of-type { |
|
|
|
@ -697,10 +736,10 @@ table.table-cart{ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
tbody{ |
|
|
|
tbody { |
|
|
|
td{ |
|
|
|
td { |
|
|
|
border-right: 1px #ddd solid; |
|
|
|
border-right: 1px #ddd solid; |
|
|
|
&:last-child{ |
|
|
|
&:last-child { |
|
|
|
border-right: none; |
|
|
|
border-right: none; |
|
|
|
} |
|
|
|
} |
|
|
|
&:last-of-type { |
|
|
|
&:last-of-type { |
|
|
|
@ -711,11 +750,12 @@ table.table-cart{ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.table-cart-itogo{ |
|
|
|
.table-cart-itogo { |
|
|
|
font-size: 20px; |
|
|
|
font-size: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
ul.messages{ |
|
|
|
|
|
|
|
|
|
|
|
ul.messages { |
|
|
|
display: none; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
Gena
11 years ago
