|
|
|
@ -1,17 +1,13 @@ |
|
|
|
//@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 { |
|
|
|
@ -58,6 +54,7 @@ span.yellow{ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.header-middle { |
|
|
|
.header-middle { |
|
|
|
background-color: @brand-yellow; |
|
|
|
background-color: @brand-yellow; |
|
|
|
height: 130px; |
|
|
|
height: 130px; |
|
|
|
@ -97,6 +94,7 @@ span.yellow{ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//.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; |
|
|
|
@ -137,11 +135,11 @@ 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, |
|
|
|
@ -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; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -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; |
|
|
|
@ -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,9 +374,11 @@ 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 { |
|
|
|
.navbar-container { |
|
|
|
padding: 0; |
|
|
|
padding: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.dropdown-menu { |
|
|
|
.dropdown-menu { |
|
|
|
min-width: 720px !important; |
|
|
|
min-width: 720px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -379,12 +386,14 @@ ul.nav li.dropdown:hover > ul.dropdown-menu { |
|
|
|
.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 { |
|
|
|
.index-goods { |
|
|
|
.thumbnail { |
|
|
|
.thumbnail { |
|
|
|
padding-bottom: 10px !important; |
|
|
|
padding-bottom: 10px !important; |
|
|
|
@ -430,6 +439,7 @@ ul.nav li.dropdown:hover > ul.dropdown-menu { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
footer { |
|
|
|
footer { |
|
|
|
.footer-col { |
|
|
|
.footer-col { |
|
|
|
margin-top: 10px; |
|
|
|
margin-top: 10px; |
|
|
|
@ -462,16 +472,19 @@ footer{ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* 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; |
|
|
|
@ -505,15 +518,19 @@ body { |
|
|
|
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; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -523,10 +540,12 @@ h1, h2, h3, h4, h5, h6{ |
|
|
|
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 { |
|
|
|
.panel-filter { |
|
|
|
ul { |
|
|
|
ul { |
|
|
|
text-align: left; |
|
|
|
text-align: left; |
|
|
|
@ -543,18 +562,21 @@ h1, h2, h3, h4, h5, h6{ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
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; |
|
|
|
@ -574,6 +596,7 @@ hr.dashed{ |
|
|
|
padding: 0 10px; |
|
|
|
padding: 0 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.category-items { |
|
|
|
.category-items { |
|
|
|
margin: 0; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -586,34 +609,43 @@ hr.dashed{ |
|
|
|
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 { |
|
|
|
.category-paginator { |
|
|
|
a { |
|
|
|
a { |
|
|
|
color: @brand-yellow; |
|
|
|
color: @brand-yellow; |
|
|
|
@ -622,12 +654,14 @@ hr.dashed{ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-min-thumbnails { |
|
|
|
.product-min-thumbnails { |
|
|
|
|
|
|
|
|
|
|
|
img { |
|
|
|
img { |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-big-thumbnail { |
|
|
|
.product-big-thumbnail { |
|
|
|
.product-big-thumbnail-container { |
|
|
|
.product-big-thumbnail-container { |
|
|
|
width: 400px; |
|
|
|
width: 400px; |
|
|
|
@ -647,6 +681,7 @@ hr.dashed{ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.product-short-description { |
|
|
|
.product-short-description { |
|
|
|
padding-left: 35px; |
|
|
|
padding-left: 35px; |
|
|
|
h4 { |
|
|
|
h4 { |
|
|
|
@ -660,16 +695,19 @@ hr.dashed{ |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.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 { |
|
|
|
.product-in-stock { |
|
|
|
.itogo { |
|
|
|
.itogo { |
|
|
|
font-size: 20px; |
|
|
|
font-size: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
table.table-cart { |
|
|
|
table.table-cart { |
|
|
|
input { |
|
|
|
input { |
|
|
|
width: 70px; |
|
|
|
width: 70px; |
|
|
|
@ -677,6 +715,7 @@ table.table-cart{ |
|
|
|
float: right; |
|
|
|
float: right; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.table { |
|
|
|
.table { |
|
|
|
thead { |
|
|
|
thead { |
|
|
|
tr { |
|
|
|
tr { |
|
|
|
@ -716,6 +755,7 @@ table.table-cart{ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
ul.messages { |
|
|
|
ul.messages { |
|
|
|
display: none; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |