added all themes for themeconfigurator
This commit is contained in:
TMMeilleur
@@ -102,26 +102,30 @@
|
||||
top: -26px;
|
||||
}
|
||||
|
||||
#tool_customization #color-box ul li.theme1{display:none}
|
||||
|
||||
#tool_customization #color-box ul li{cursor:pointer}
|
||||
|
||||
#tool_customization #color-box .theme1 .color1{border:13px solid #ffffff;}
|
||||
#tool_customization #color-box .theme1 .color2{background: #484848;}
|
||||
|
||||
#tool_customization #color-box .theme2 .color1{border:13px solid #f6f6f6;}
|
||||
#tool_customization #color-box .theme2 .color2{background: #f2404e;}
|
||||
|
||||
#tool_customization #color-box .theme3 .color1{border:13px solid #333333;}
|
||||
#tool_customization #color-box .theme3 .color2{background: #545454;}
|
||||
#tool_customization #color-box .theme3 .color1{border:13px solid #cbccbe;}
|
||||
#tool_customization #color-box .theme3 .color2{background: #584336;}
|
||||
|
||||
#tool_customization #color-box .theme4 .color1{border:13px solid #272727;}
|
||||
#tool_customization #color-box .theme4 .color2{background: #eac22d;}
|
||||
#tool_customization #color-box .theme4 .color1{border:13px solid #fdfdfd;}
|
||||
#tool_customization #color-box .theme4 .color2{background: #eac12d;}
|
||||
|
||||
#tool_customization #color-box .theme5 .color1{border:13px solid #ffffff;}
|
||||
#tool_customization #color-box .theme5 .color2{background: #729f42;}
|
||||
|
||||
#tool_customization #color-box .theme6 .color1{border:13px solid #f5f1e8;}
|
||||
#tool_customization #color-box .theme6 .color2{background: #b04444;}
|
||||
#tool_customization #color-box .theme6 .color1{border:13px solid #f1f1f1;}
|
||||
#tool_customization #color-box .theme6 .color2{background: #317081;}
|
||||
|
||||
#tool_customization #color-box .theme7 .color1{border:13px solid #f1f1f1;}
|
||||
#tool_customization #color-box .theme7 .color2{background: #317081;}
|
||||
#tool_customization #color-box .theme7 .color1{border:13px solid #f5f1e8;}
|
||||
#tool_customization #color-box .theme7 .color2{background: #b04444;}
|
||||
|
||||
#tool_customization #color-box .theme8 .color1{border:13px solid #fcfcfc;}
|
||||
#tool_customization #color-box .theme8 .color2{background: #43bebc;}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 109 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 102 KiB |
@@ -0,0 +1,172 @@
|
||||
@import 'compass';
|
||||
@import 'bootstrap_lib/_variables';
|
||||
$header-background:#dadada;
|
||||
$color-style1:#f44051;
|
||||
$color1-style1:#333;
|
||||
$color2-style1:#b7b7b7;
|
||||
|
||||
body{background:#282828}
|
||||
.header-container,
|
||||
.columns-container{background:#f6f6f6}
|
||||
|
||||
//-------- HEADER
|
||||
#header {
|
||||
background:none;
|
||||
.header-row {
|
||||
background:$header-background;
|
||||
.shop-phone{
|
||||
color:$color1-style1;
|
||||
i,
|
||||
strong{color:$color-style1}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
#currencies-block-top,
|
||||
#languages-block-top,
|
||||
.header-row #header_user_info{
|
||||
border-color:#c6c6c6;
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current,
|
||||
.header-row #header_user_info a
|
||||
{
|
||||
color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:$color2-style1;
|
||||
color:white
|
||||
}
|
||||
|
||||
}
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current{
|
||||
strong{color:$color1-style1;}
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current
|
||||
{&:hover,
|
||||
&.active {
|
||||
strong,
|
||||
&:after
|
||||
{
|
||||
background:$color2-style1;
|
||||
color:white}
|
||||
}
|
||||
}
|
||||
|
||||
#contact-link{
|
||||
border-color:#c6c6c6;
|
||||
a{color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:$color2-style1;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
#search_block_top .btn.button-search{background:$color-style1;
|
||||
&:hover{color:white;
|
||||
background:$color1-style1}
|
||||
}
|
||||
|
||||
#header_right #header_user #shopping_cart a{
|
||||
background:$color-style1;
|
||||
color:white;
|
||||
&:after{color:white}
|
||||
&:hover{color:white;
|
||||
background:$color1-style1}
|
||||
}
|
||||
|
||||
.sf-menu{
|
||||
background:white;
|
||||
border-bottom:3px solid #e8e8e8;
|
||||
>li{
|
||||
border-right:1px solid #e8e8e8;
|
||||
>a{border-bottom: 3px solid #e8e8e8;}
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce > a
|
||||
{color:#fff;background:$color-style1;
|
||||
border-bottom-color:#ce2434;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
//-------- columns-container
|
||||
|
||||
#home-page-tabs{
|
||||
background:#f6f6f6;
|
||||
> li.active a,
|
||||
> li a:hover{
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.new,
|
||||
.sale
|
||||
{background:$color-style1;
|
||||
&:before,
|
||||
&:after{
|
||||
border-color: #ad2b34 transparent transparent transparent ;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container{
|
||||
background:#f6f6f6;
|
||||
.product-image-container{
|
||||
background:white;
|
||||
.product_img_link{background:#fbfbfb;
|
||||
img{background:#fbfbfb;}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.button.lnk_view {
|
||||
text-shadow:none;
|
||||
padding:0;
|
||||
border:none;
|
||||
span {
|
||||
border:none;
|
||||
padding:12px 16px;
|
||||
background:$color1-style1;
|
||||
color:white;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
span {
|
||||
background:$color-style1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#cmsinfo_block em{background:$color-style1;}
|
||||
#facebook_block, #cmsinfo_block{background:#e8e8e8}
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div{border-color:#d0d0d0;}
|
||||
|
||||
.footer-container #footer #social_block { background:#1b1b1b;padding-bottom:15px;}
|
||||
.footer-container {
|
||||
background:#1b1b1b;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
background:url(../img/footer-bg1.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
#footer #newsletter_block_left .form-group{
|
||||
.form-control{background:#1b1b1b;}
|
||||
.button-small {color:$color-style1;}
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a:hover{color:$color-style1;}
|
||||
|
||||
|
||||
@@ -0,0 +1,233 @@
|
||||
@import 'compass';
|
||||
@import 'bootstrap_lib/_variables';
|
||||
|
||||
$header-background: #545454;
|
||||
$color-style1: #584336;
|
||||
$color1-style1: #878872;
|
||||
$color2-style1: #b7b7b7;
|
||||
$color3-style1: #333;
|
||||
$color4-style1: #e4dfb9;
|
||||
$base-border-color: #d6d4d4;
|
||||
|
||||
body{background:#3c281c}
|
||||
.header-container,
|
||||
.columns-container{background:url(../img/bg-theme2.jpg) repeat 50% 0}
|
||||
|
||||
//-------- HEADER
|
||||
#header {
|
||||
background:none;
|
||||
.header-row {
|
||||
background:$header-background;
|
||||
.shop-phone{
|
||||
color:#fff;
|
||||
text-shadow:0 1px #404040;
|
||||
i,
|
||||
strong{color:#aaa}
|
||||
}
|
||||
}
|
||||
|
||||
#currencies-block-top,
|
||||
#languages-block-top,
|
||||
.header-row #header_user_info{
|
||||
border-color:#656565;
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current,
|
||||
.header-row #header_user_info a
|
||||
{
|
||||
color:#fff;
|
||||
&:hover, &.active {
|
||||
background:$color1-style1;
|
||||
color:white
|
||||
}
|
||||
|
||||
}
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current{
|
||||
strong{color:#fff}
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current
|
||||
{&:hover,
|
||||
&.active {
|
||||
background:$color1-style1;
|
||||
color:white}
|
||||
|
||||
}
|
||||
|
||||
#header #currencies-block-top ul li.selected,
|
||||
#header #currencies-block-top ul li:hover a,
|
||||
#header #languages-block-top ul li.selected,
|
||||
#header #languages-block-top ul li:hover a{
|
||||
background:$color2-style1
|
||||
}
|
||||
|
||||
#contact-link{
|
||||
border-color:#656565;
|
||||
a{color:#fff;
|
||||
&:hover, &.active {
|
||||
background:$color1-style1;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current:after{color:#fff}
|
||||
|
||||
#search_block_top{
|
||||
.btn.button-search{
|
||||
background:$color-style1;
|
||||
&:hover{color:white;
|
||||
background:$color3-style1;
|
||||
}
|
||||
}
|
||||
|
||||
#search_query_top{
|
||||
border-color:$base-border-color;
|
||||
background:rgba(248,248 ,248,0.63);
|
||||
color:#686666;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#header_right #header_user #shopping_cart a{
|
||||
background:$color1-style1;
|
||||
color:white;
|
||||
&:after{color:white}
|
||||
&:hover{color:white;
|
||||
text-shadow:0 1px #333;
|
||||
background:$color3-style1}
|
||||
}
|
||||
|
||||
.sf-menu{
|
||||
background:#cbccbe;
|
||||
border-bottom:3px solid #c1c2b4;
|
||||
>li{
|
||||
border-right:1px solid #d8d9ce;
|
||||
>a{border-bottom: 3px solid #c1c2b4;color:#515150}
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce > a
|
||||
{color:#fff;background:$color-style1;
|
||||
border-bottom-color:#584336;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//-------- columns-container
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container .product-image-container{border-color:$base-border-color}
|
||||
|
||||
|
||||
#home-page-tabs{
|
||||
background:none;
|
||||
>li{border-color:$base-border-color}
|
||||
> li.active a,
|
||||
> li a:hover{
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
|
||||
.new,
|
||||
.sale
|
||||
{background:$color-style1;
|
||||
&:before,
|
||||
&:after{
|
||||
border-color: $color-style1 transparent transparent transparent ;
|
||||
}
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container{
|
||||
background:none;
|
||||
.product-image-container{
|
||||
background:white;
|
||||
.product_img_link{
|
||||
background:#f1e8e3;
|
||||
img{
|
||||
background:#f1e8e3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button.lnk_view {
|
||||
text-shadow:none;
|
||||
padding:0;
|
||||
border:none;
|
||||
span {
|
||||
border:1px solid #9a9a9a;
|
||||
padding:12px 16px;
|
||||
background:#f2f2f2;
|
||||
color:white;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
span {
|
||||
background:$color2-style1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-name{color:$color1-style1}
|
||||
|
||||
.button.ajax_add_to_cart_button{background:$color-style1}
|
||||
.price-percent-reduction{background:$color-style1;border-color:$color-style1}
|
||||
.price,
|
||||
.price.product-price{color:$color-style1}
|
||||
.old-price{color:#b1b0b0}
|
||||
|
||||
ul.product_list.grid > li .product-container:hover{background:#fff;
|
||||
@include box-shadow( 0 5px 13px rgba(0,0,0,0.17));
|
||||
}
|
||||
|
||||
.button.lnk_view span{color:#fff;background:$color1-style1;border-color:$color1-style1}
|
||||
.button.lnk_view:hover span{color:#fff;background:$color-style1;border-color:$color-style1}
|
||||
|
||||
#cmsinfo_block em{background:$color-style1;text-shadow:0 1px #4e3c30;}
|
||||
#facebook_block, #cmsinfo_block{background:#adae9d}
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div{border-color:#c6c7bb;}
|
||||
|
||||
.footer-container #footer #social_block { background:none;padding-bottom:15px;}
|
||||
.footer-container {
|
||||
background:#584336;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
background:url(../img/footer-bg2.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
|
||||
#facebook_block h4, #cmsinfo_block h4,
|
||||
#cmsinfo_block h3,
|
||||
#cmsinfo_block p strong{color:#fff;}
|
||||
#facebook_block p, #cmsinfo_block p{
|
||||
color:#e7e7e2;}
|
||||
|
||||
|
||||
#footer #newsletter_block_left .form-group{
|
||||
.form-control{background:#534034;color:#fff;border-color:#79695e}
|
||||
.button-small {color:#fff;
|
||||
text-shadow:0 1px #47362c;
|
||||
&:hover{color:$color4-style1}
|
||||
}
|
||||
}
|
||||
#footer #newsletter_block_left h4 {text-shadow:0 1px #47362c;}
|
||||
|
||||
.footer-container #footer #social_block ul li a {
|
||||
color:#fff;text-shadow:0 1px #47362c;
|
||||
&:hover{color:$color4-style1;} }
|
||||
|
||||
.footer-container #footer a{color:#fff;
|
||||
&:hover{color:$color4-style1;}
|
||||
}
|
||||
|
||||
.footer-container #footer #block_contact_infos > div ul li{color:#fff}
|
||||
|
||||
.footer-container #footer .bottom-footer div{color:#fff}
|
||||
.footer-container #footer #block_contact_infos,
|
||||
.footer-container #footer .bottom-footer div{
|
||||
border-color:#503e33;
|
||||
}
|
||||
@@ -0,0 +1,236 @@
|
||||
@import 'compass';
|
||||
@import 'bootstrap_lib/_variables';
|
||||
|
||||
$header-background: #545454;
|
||||
$color-style1: #eac12d;
|
||||
$color1-style1: #fff;
|
||||
$color2-style1: #b7b7b7;
|
||||
$color3-style1: #333;
|
||||
$color4-style1: #e4dfb9;
|
||||
$base-border-color: #dfd8ca;
|
||||
$color-shadow: 0 1px #8b3637;
|
||||
|
||||
body{background:#1b1b1b}
|
||||
.header-container,
|
||||
.columns-container{background:url(../img/bg-theme3.jpg) repeat 50% 0}
|
||||
|
||||
//-------- HEADER
|
||||
#header {
|
||||
background:none;
|
||||
.header-row {
|
||||
background:$header-background;
|
||||
.shop-phone{
|
||||
color:#fff;
|
||||
text-shadow:0 1px #404040;
|
||||
i,
|
||||
strong{color:$color-style1}
|
||||
}
|
||||
}
|
||||
|
||||
#currencies-block-top,
|
||||
#languages-block-top,
|
||||
.header-row #header_user_info{
|
||||
border-color:#656565;
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current,
|
||||
.header-row #header_user_info a
|
||||
{
|
||||
color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
|
||||
}
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current{
|
||||
strong{color:$color-style1;}
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current
|
||||
{&:hover,
|
||||
&.active {
|
||||
background:$color3-style1;
|
||||
color:white;
|
||||
strong{color:#fff;}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
#header #currencies-block-top ul li.selected,
|
||||
#header #currencies-block-top ul li:hover a,
|
||||
#header #languages-block-top ul li.selected,
|
||||
#header #languages-block-top ul li:hover a{
|
||||
background:$color-style1
|
||||
}
|
||||
|
||||
#contact-link{
|
||||
border-color:#656565;
|
||||
a{color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:$color3-style1;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current:after{color:#fff}
|
||||
|
||||
|
||||
|
||||
#search_block_top{
|
||||
.btn.button-search{
|
||||
background:$color-style1;
|
||||
&:hover{color:white;
|
||||
background:$color3-style1;
|
||||
}
|
||||
}
|
||||
|
||||
#search_query_top{
|
||||
border-color:$base-border-color;
|
||||
background:#fff;
|
||||
color:#686666;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#header_right #header_user #shopping_cart a{
|
||||
background:$color-style1;
|
||||
color:white;
|
||||
&:after{color:white}
|
||||
&:hover{color:white;
|
||||
background:#333}
|
||||
}
|
||||
|
||||
.sf-menu{
|
||||
background:#404040;
|
||||
border-bottom:3px solid #404040;
|
||||
>li{
|
||||
border-right:1px solid #565656;
|
||||
>a{border-bottom: 3px solid #404040;color:#fff}
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce > a
|
||||
{color:#fff;background:$color-style1;
|
||||
border-bottom-color:$color-style1;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//-------- columns-container
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container .product-image-container{border-color:$base-border-color}
|
||||
|
||||
|
||||
#home-page-tabs{
|
||||
background:none;
|
||||
>li{border-color:$base-border-color}
|
||||
> li.active a,
|
||||
> li a:hover{
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
|
||||
.new,
|
||||
.sale
|
||||
{background:$color-style1;
|
||||
&:before,
|
||||
&:after{
|
||||
border-color: $color-style1 transparent transparent transparent ;
|
||||
}
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container{
|
||||
background:none;
|
||||
.product-image-container{
|
||||
background:white;
|
||||
.product_img_link{
|
||||
background:#f1e8e3;
|
||||
img{
|
||||
background:#f1e8e3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button.lnk_view {
|
||||
text-shadow:none;
|
||||
padding:0;
|
||||
border:none;
|
||||
span {
|
||||
border:1px solid #9a9a9a;
|
||||
padding:12px 16px;
|
||||
background:#f2f2f2;
|
||||
color:white;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
span {
|
||||
background:$color2-style1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button.ajax_add_to_cart_button{background:$color-style1}
|
||||
.price-percent-reduction{background:$color-style1;border-color:$color-style1}
|
||||
.price,
|
||||
.price.product-price{color:$color-style1}
|
||||
.old-price{color:#b1b0b0}
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container:hover{background:#fff;
|
||||
@include box-shadow( 0 5px 13px rgba(0,0,0,0.17));
|
||||
}
|
||||
|
||||
.button.lnk_view span{color:$color3-style1}
|
||||
.button.lnk_view:hover span{color:#fff}
|
||||
|
||||
|
||||
//-------- footer
|
||||
|
||||
#cmsinfo_block em{background:$color-style1;text-shadow:0 1px #b29322}
|
||||
#facebook_block, #cmsinfo_block{background:#e2e2e2}
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div{border-color:#d6d6d6;}
|
||||
|
||||
.footer-container #footer #block_contact_infos > div ul li{color:#777;}
|
||||
.footer-container #footer #block_contact_infos > div ul li i{color:#908f8f}
|
||||
|
||||
|
||||
#facebook_block h4, #cmsinfo_block h4,
|
||||
#cmsinfo_block h3{color:#191919;}
|
||||
#facebook_block p, #cmsinfo_block p{color:#757575;}
|
||||
|
||||
.footer-container #footer #social_block {
|
||||
background:none;
|
||||
padding-bottom:15px;}
|
||||
.footer-container {
|
||||
background:#191919;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
background:url(../img/footer-bg3.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container #footer a{color:#777777}
|
||||
.footer-container #footer #block_contact_infos,
|
||||
.footer-container #footer .bottom-footer div{border-color:#515151}
|
||||
|
||||
#footer #newsletter_block_left .form-group{
|
||||
.form-control{
|
||||
background:none;border-color:#515151}
|
||||
.button-small {color:#908f8f;
|
||||
&:hover{color:$color-style1}
|
||||
}
|
||||
}
|
||||
.footer-container #footer #social_block ul li a{
|
||||
color:#908f8f;
|
||||
&:hover{color:$color-style1;}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,238 @@
|
||||
@import 'compass';
|
||||
@import 'bootstrap_lib/_variables';
|
||||
|
||||
$header-background: #181212;
|
||||
$color-style1: #b04445;
|
||||
$color1-style1: #fff;
|
||||
$color2-style1: #b7b7b7;
|
||||
$color3-style1: #333;
|
||||
$color4-style1: #e4dfb9;
|
||||
$base-border-color: #dfd8ca;
|
||||
$color-shadow: 0 1px #8b3637;
|
||||
|
||||
body{background:#181212}
|
||||
.header-container,
|
||||
.columns-container{background:url(../img/bg-theme5.jpg) repeat 50% 0}
|
||||
|
||||
//-------- HEADER
|
||||
#header {
|
||||
background:none;
|
||||
.header-row {
|
||||
background:$header-background;
|
||||
.shop-phone{
|
||||
color:#777;
|
||||
i,
|
||||
strong{color:#fff}
|
||||
}
|
||||
}
|
||||
|
||||
#currencies-block-top,
|
||||
#languages-block-top,
|
||||
.header-row #header_user_info{
|
||||
border-color:#515151;
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current,
|
||||
.header-row #header_user_info a
|
||||
{
|
||||
color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
|
||||
}
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current{
|
||||
strong{color:$color-style1;}
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current
|
||||
{&:hover,
|
||||
&.active {
|
||||
background:$color-style1;
|
||||
color:white;
|
||||
strong{color:#fff;}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
#header #currencies-block-top ul li.selected,
|
||||
#header #currencies-block-top ul li:hover a,
|
||||
#header #languages-block-top ul li.selected,
|
||||
#header #languages-block-top ul li:hover a{
|
||||
background:$color-style1
|
||||
}
|
||||
|
||||
#contact-link{
|
||||
border-color:#515151;
|
||||
a{color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current:after{color:#fff}
|
||||
|
||||
|
||||
|
||||
#search_block_top{
|
||||
.btn.button-search{
|
||||
background:$color-style1;
|
||||
text-shadow:$color-shadow;
|
||||
&:hover{color:white;
|
||||
background:$color3-style1;
|
||||
text-shadow:0 1px #333;}
|
||||
}
|
||||
|
||||
#search_query_top{
|
||||
border-color:$base-border-color;
|
||||
background:rgba(248,248 ,248,0.63);
|
||||
color:#686666;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#header_right #header_user #shopping_cart a{
|
||||
background:$color-style1;
|
||||
color:white;
|
||||
text-shadow:$color-shadow;
|
||||
&:after{color:white}
|
||||
&:hover{color:white;
|
||||
text-shadow:0 1px #333;
|
||||
background:$color3-style1}
|
||||
}
|
||||
|
||||
.sf-menu{
|
||||
background:#faf8f4;
|
||||
border-bottom:3px solid #dfd8ca;
|
||||
>li{
|
||||
border-right:1px solid #dfd8ca;
|
||||
>a{border-bottom: 3px solid #dfd8ca;}
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce > a
|
||||
{color:#fff;background:$color-style1;
|
||||
border-bottom-color:#983334;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//-------- columns-container
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container .product-image-container{border-color:$base-border-color}
|
||||
|
||||
|
||||
#home-page-tabs{
|
||||
background:none;
|
||||
>li{border-color:$base-border-color}
|
||||
> li.active a,
|
||||
> li a:hover{
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
|
||||
.new,
|
||||
.sale
|
||||
{background:$color-style1;
|
||||
&:before,
|
||||
&:after{
|
||||
border-color: $color-style1 transparent transparent transparent ;
|
||||
}
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container{
|
||||
background:none;
|
||||
.product-image-container{
|
||||
background:white;
|
||||
.product_img_link{
|
||||
background:#f1e8e3;
|
||||
img{
|
||||
background:#f1e8e3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button.lnk_view {
|
||||
text-shadow:none;
|
||||
padding:0;
|
||||
border:none;
|
||||
span {
|
||||
border:1px solid #9a9a9a;
|
||||
padding:12px 16px;
|
||||
background:#f2f2f2;
|
||||
color:white;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
span {
|
||||
background:$color2-style1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button.ajax_add_to_cart_button{background:$color-style1}
|
||||
.price-percent-reduction{background:$color-style1;border-color:$color-style1}
|
||||
.price,
|
||||
.price.product-price{color:$color-style1}
|
||||
.old-price{color:#b1b0b0}
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container:hover{background:#fff;
|
||||
@include box-shadow( 0 5px 13px rgba(0,0,0,0.17));
|
||||
}
|
||||
|
||||
.button.lnk_view span{color:$color3-style1}
|
||||
.button.lnk_view:hover span{color:#fff}
|
||||
|
||||
|
||||
//-------- footer
|
||||
|
||||
#cmsinfo_block em{background:$color-style1;text-shadow:$color-shadow}
|
||||
#facebook_block, #cmsinfo_block{background:#e5ded1}
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div{border-color:#cec7bc;}
|
||||
|
||||
.footer-container #footer #block_contact_infos > div ul li{color:#b5a78d;}
|
||||
.footer-container #footer #block_contact_infos > div ul li i{color:$color-style1}
|
||||
|
||||
|
||||
#facebook_block h4, #cmsinfo_block h4,
|
||||
#cmsinfo_block h3{color:#181212;}
|
||||
#facebook_block p, #cmsinfo_block p{color:#3d211f;}
|
||||
|
||||
.footer-container #footer #social_block {
|
||||
background:none;
|
||||
padding-bottom:15px;}
|
||||
.footer-container {
|
||||
background:#1f1818;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
background:url(../img/footer-bg5.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container #footer a{color:#b5a78d}
|
||||
.footer-container #footer #block_contact_infos,
|
||||
.footer-container #footer .bottom-footer div{border-color:#2e2828}
|
||||
|
||||
|
||||
#footer #newsletter_block_left .form-group{
|
||||
.form-control{background:#1f1919;border-color:#89837f}
|
||||
.button-small {color:#fff;
|
||||
&:hover{color:$color-style1}
|
||||
}
|
||||
}
|
||||
.footer-container #footer #social_block ul li a{
|
||||
color:#f3eee6;
|
||||
&:hover{color:$color-style1;}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,200 @@
|
||||
@import 'compass';
|
||||
@import 'bootstrap_lib/_variables';
|
||||
$color-style1:#719f41;
|
||||
$color1-style1:#333;
|
||||
$color2-style1:#b7b7b7;
|
||||
|
||||
body{background:$color1-style1}
|
||||
.header-container,
|
||||
.columns-container{background:white}
|
||||
|
||||
$color-shadow: 0 1px #567931;
|
||||
|
||||
//-------- HEADER
|
||||
#header {
|
||||
background:none;
|
||||
.header-row {
|
||||
background:$color1-style1;
|
||||
.shop-phone{
|
||||
color:#777;
|
||||
i,
|
||||
strong{color:$color-style1}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
#currencies-block-top,
|
||||
#languages-block-top,
|
||||
.header-row #header_user_info{
|
||||
border-color:#515151;
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current,
|
||||
.header-row #header_user_info a
|
||||
{
|
||||
color:white;
|
||||
&:hover, &.active {
|
||||
background:#2b2b2b;
|
||||
color:white
|
||||
}
|
||||
|
||||
}
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current{
|
||||
strong{color:$color-style1;}
|
||||
}
|
||||
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current{
|
||||
&:after {color:white}
|
||||
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current
|
||||
{&:hover,
|
||||
&.active {
|
||||
strong,
|
||||
&:after
|
||||
{
|
||||
color:white}
|
||||
}
|
||||
}
|
||||
|
||||
#contact-link{
|
||||
border-color:#515151;
|
||||
a{color:white;
|
||||
&:hover, &.active {
|
||||
background:#2b2b2b;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
#search_block_top .btn.button-search{
|
||||
background:$color-style1;
|
||||
text-shadow:$color-shadow;
|
||||
&:hover{color:white;
|
||||
background:$color1-style1;
|
||||
text-shadow:0 1px #333;}
|
||||
}
|
||||
|
||||
#search_block_top #search_query_top{color:#686666}
|
||||
|
||||
|
||||
#header_right #header_user #shopping_cart a{
|
||||
background:$color-style1;
|
||||
color:white;
|
||||
text-shadow:$color-shadow;
|
||||
&:after{color:white}
|
||||
&:hover{color:white;
|
||||
text-shadow:0 1px #333;
|
||||
background:$color1-style1}
|
||||
}
|
||||
|
||||
.sf-menu{
|
||||
background:#f6f6f6;
|
||||
border-bottom:3px solid #e9e9e9;
|
||||
>li{
|
||||
border-right:1px solid #d6d4d4;
|
||||
>a{border-bottom: 3px solid #e9e9e9;}
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce > a
|
||||
{color:#fff;background:$color-style1;
|
||||
border-bottom-color:#598b24;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
//-------- columns-container
|
||||
|
||||
#home-page-tabs{
|
||||
background:white;
|
||||
> li.active a,
|
||||
> li a:hover{
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.new,
|
||||
.sale
|
||||
{background:$color-style1;
|
||||
&:before,
|
||||
&:after{
|
||||
border-color: #719f41 transparent transparent transparent ;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container{
|
||||
background:white;
|
||||
.product-image-container{
|
||||
background:white;
|
||||
.product_img_link{background:white;
|
||||
img{background:white;}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.price.product-price{color:$color-style1;}
|
||||
.price-percent-reduction{background:$color-style1;border-color:$color-style1}
|
||||
.button.lnk_view {
|
||||
text-shadow:none;
|
||||
padding:0;
|
||||
border:none;
|
||||
span {
|
||||
border:none;
|
||||
padding:12px 16px;
|
||||
background:$color1-style1;
|
||||
color:white;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
span {
|
||||
background:$color-style1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#cmsinfo_block em{background:$color-style1;
|
||||
text-shadow:$color-shadow;
|
||||
}
|
||||
#facebook_block, #cmsinfo_block{background:#e8e8e8}
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div{border-color:#d0d0d0;}
|
||||
|
||||
.footer-container #footer #social_block { background:#3f3f3f;padding-bottom:15px;}
|
||||
.footer-container {
|
||||
background:#3f3f3f;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
background:url(../img/footer-bg.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
.footer-container #footer #social_block ul li a:hover{color:$color-style1;}
|
||||
|
||||
#footer #newsletter_block_left .form-group{
|
||||
.form-control{background:#3f3f3f;}
|
||||
|
||||
}
|
||||
|
||||
#footer #newsletter_block_left h4,
|
||||
.footer-container #footer #social_block h4{color:#fff}
|
||||
|
||||
.footer-container #footer h4,
|
||||
.footer-container #footer h4 a{color:$color-style1;}
|
||||
.footer-container #footer .bottom-footer{color:$color-style1;
|
||||
a{color:$color-style1;
|
||||
&:hover{color:#fff}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,215 @@
|
||||
@import 'compass';
|
||||
@import 'bootstrap_lib/_variables';
|
||||
|
||||
$header-background: #333;
|
||||
$color-style1: #327082;
|
||||
$color1-style1: #fff;
|
||||
$color2-style1: #b7b7b7;
|
||||
$color3-style1: #333;
|
||||
$color4-style1: #e4dfb9;
|
||||
$base-border-color: #d6d4d4;
|
||||
$color-shadow: 0 1px #265563;
|
||||
|
||||
body{background:#282828}
|
||||
.header-container,
|
||||
.columns-container{background:url(../img/bg-theme6.jpg) repeat 50% 0}
|
||||
|
||||
//-------- HEADER
|
||||
#header {
|
||||
background:none;
|
||||
.header-row {
|
||||
background:$header-background;
|
||||
.shop-phone{
|
||||
color:#777;
|
||||
i,
|
||||
strong{color:#fff}
|
||||
}
|
||||
}
|
||||
|
||||
#currencies-block-top,
|
||||
#languages-block-top,
|
||||
.header-row #header_user_info{
|
||||
border-color:#515151;
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current,
|
||||
.header-row #header_user_info a
|
||||
{
|
||||
color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
|
||||
}
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current{
|
||||
strong{color:$color4-style1;}
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current
|
||||
{&:hover,
|
||||
&.active {
|
||||
background:$color-style1;
|
||||
color:white}
|
||||
|
||||
}
|
||||
|
||||
#header #currencies-block-top ul li.selected,
|
||||
#header #currencies-block-top ul li:hover a,
|
||||
#header #languages-block-top ul li.selected,
|
||||
#header #languages-block-top ul li:hover a{
|
||||
background:$color-style1
|
||||
}
|
||||
|
||||
#contact-link{
|
||||
border-color:#515151;
|
||||
a{color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current:after{color:#fff}
|
||||
|
||||
#search_block_top{
|
||||
.btn.button-search{
|
||||
background:$color-style1;
|
||||
text-shadow:$color-shadow;
|
||||
&:hover{color:white;
|
||||
background:$color3-style1;
|
||||
text-shadow:0 1px #333;}
|
||||
}
|
||||
|
||||
#search_query_top{
|
||||
border-color:$base-border-color;
|
||||
background:rgba(248,248 ,248,0.63);
|
||||
color:#686666;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#header_right #header_user #shopping_cart a{
|
||||
background:$color-style1;
|
||||
color:white;
|
||||
text-shadow:$color-shadow;
|
||||
&:after{color:white}
|
||||
&:hover{color:white;
|
||||
text-shadow:0 1px #333;
|
||||
background:$color3-style1}
|
||||
}
|
||||
|
||||
.sf-menu{
|
||||
background:#f6f6f6;
|
||||
border-bottom:3px solid #e9e9e9;
|
||||
>li{
|
||||
border-right:1px solid #d6d4d4;
|
||||
>a{border-bottom: 3px solid #e9e9e9;}
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce > a
|
||||
{color:#fff;background:$color-style1;
|
||||
border-bottom-color:#1f6276;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//-------- columns-container
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container .product-image-container{border-color:$base-border-color}
|
||||
|
||||
|
||||
#home-page-tabs{
|
||||
background:none;
|
||||
>li{border-color:$base-border-color}
|
||||
> li.active a,
|
||||
> li a:hover{
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
|
||||
.new,
|
||||
.sale
|
||||
{background:$color-style1;
|
||||
&:before,
|
||||
&:after{
|
||||
border-color: $color-style1 transparent transparent transparent ;
|
||||
}
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container{
|
||||
background:none;
|
||||
.product-image-container{
|
||||
background:white;
|
||||
.product_img_link{
|
||||
background:#f1e8e3;
|
||||
img{
|
||||
background:#f1e8e3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button.lnk_view {
|
||||
text-shadow:none;
|
||||
padding:0;
|
||||
border:none;
|
||||
span {
|
||||
border:1px solid #9a9a9a;
|
||||
padding:12px 16px;
|
||||
background:#f2f2f2;
|
||||
color:white;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
span {
|
||||
background:$color2-style1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button.ajax_add_to_cart_button{background:$color-style1}
|
||||
.price-percent-reduction{background:$color-style1;border-color:$color-style1}
|
||||
.price,
|
||||
.price.product-price{color:$color-style1}
|
||||
.old-price{color:#b1b0b0}
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container:hover{background:#fff;
|
||||
@include box-shadow( 0 5px 13px rgba(0,0,0,0.17));
|
||||
}
|
||||
|
||||
.button.lnk_view span{color:$color3-style1}
|
||||
.button.lnk_view:hover span{color:#fff}
|
||||
|
||||
#cmsinfo_block em{background:$color-style1;text-shadow:$color-shadow}
|
||||
#facebook_block, #cmsinfo_block{background:rgba(230,230,230,0.5)}
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div{border-color:#d8d8d8;}
|
||||
|
||||
|
||||
|
||||
|
||||
.footer-container #footer #social_block { background:none;padding-bottom:15px;}
|
||||
.footer-container {
|
||||
background:#3f3f3f;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
background:url(../img/footer-bg.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
#footer #newsletter_block_left .form-group{
|
||||
.form-control{background:#3c3c3c;}
|
||||
.button-small {color:#fff;
|
||||
&:hover{color:$color4-style1}
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a:hover{color:$color4-style1;}
|
||||
|
||||
|
||||
@@ -0,0 +1,221 @@
|
||||
@import 'compass';
|
||||
@import 'bootstrap_lib/_variables';
|
||||
|
||||
$header-background: #333;
|
||||
$color-style1: #43bebd;
|
||||
$color1-style1: #fff;
|
||||
$color2-style1: #b7b7b7;
|
||||
$color3-style1: #333;
|
||||
$base-border-color: #d6d4d4;
|
||||
$color-shadow: 0 1px #379c9c;
|
||||
|
||||
body{background:#282828}
|
||||
.header-container,
|
||||
.columns-container{background:url(../img/bg-theme7.jpg) repeat 50% 0}
|
||||
|
||||
//-------- HEADER
|
||||
#header {
|
||||
background:none;
|
||||
.header-row {
|
||||
background:$header-background;
|
||||
.shop-phone{
|
||||
color:#777;
|
||||
i,
|
||||
strong{color:#fff}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#currencies-block-top,
|
||||
#languages-block-top,
|
||||
.header-row #header_user_info{
|
||||
border-color:#515151;
|
||||
}
|
||||
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current,
|
||||
.header-row #header_user_info a
|
||||
{
|
||||
color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:#2b2b2b;
|
||||
color:white
|
||||
}
|
||||
|
||||
}
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current{
|
||||
strong{color:$color-style1;}
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current
|
||||
{&:hover,
|
||||
&.active {
|
||||
background:#2b2b2b;
|
||||
color:white}
|
||||
|
||||
}
|
||||
|
||||
#header #currencies-block-top ul li.selected,
|
||||
#header #currencies-block-top ul li:hover a,
|
||||
#header #languages-block-top ul li.selected,
|
||||
#header #languages-block-top ul li:hover a{
|
||||
background:$color-style1
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
#contact-link{
|
||||
border-color:#515151;
|
||||
a{color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:#2b2b2b;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current:after{color:#fff}
|
||||
|
||||
|
||||
|
||||
#search_block_top{
|
||||
.btn.button-search{
|
||||
background:$color-style1;
|
||||
text-shadow:$color-shadow;
|
||||
&:hover{color:white;
|
||||
background:$color3-style1;
|
||||
text-shadow:0 1px #333;}
|
||||
}
|
||||
|
||||
#search_query_top{
|
||||
border-color:$base-border-color;
|
||||
background:rgba(248,248 ,248,0.63);
|
||||
color:#686666;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#header_right #header_user #shopping_cart a{
|
||||
background:$color-style1;
|
||||
color:white;
|
||||
text-shadow:$color-shadow;
|
||||
&:after{color:white}
|
||||
&:hover{color:white;
|
||||
text-shadow:0 1px #333;
|
||||
background:$color3-style1}
|
||||
}
|
||||
|
||||
.sf-menu{
|
||||
background:#f6f6f6;
|
||||
border-bottom:3px solid #e9e9e9;
|
||||
>li{
|
||||
border-right:1px solid #d6d4d4;
|
||||
>a{border-bottom: 3px solid #e9e9e9;}
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce > a
|
||||
{color:#fff;background:$color-style1;
|
||||
border-bottom-color:#2aa2a1;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//-------- columns-container
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container .product-image-container{border-color:$base-border-color}
|
||||
|
||||
|
||||
#home-page-tabs{
|
||||
background:none;
|
||||
>li{border-color:$base-border-color}
|
||||
> li.active a,
|
||||
> li a:hover{
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
|
||||
.new,
|
||||
.sale
|
||||
{background:$color-style1;
|
||||
&:before,
|
||||
&:after{
|
||||
border-color: $color-style1 transparent transparent transparent ;
|
||||
}
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container{
|
||||
background:none;
|
||||
.product-image-container{
|
||||
background:white;
|
||||
.product_img_link{
|
||||
background:#f1e8e3;
|
||||
img{
|
||||
background:#f1e8e3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button.lnk_view {
|
||||
text-shadow:none;
|
||||
padding:0;
|
||||
border:none;
|
||||
span {
|
||||
border:1px solid #9a9a9a;
|
||||
padding:12px 16px;
|
||||
background:#f2f2f2;
|
||||
color:white;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
span {
|
||||
background:$color2-style1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button.ajax_add_to_cart_button{background:$color-style1}
|
||||
.price-percent-reduction{background:$color-style1;border-color:$color-style1}
|
||||
.price,
|
||||
.price.product-price{color:$color-style1}
|
||||
.old-price{color:#b1b0b0}
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container:hover{background:#fff;
|
||||
@include box-shadow( 0 5px 13px rgba(0,0,0,0.17));
|
||||
}
|
||||
|
||||
.button.lnk_view span{color:$color3-style1}
|
||||
.button.lnk_view:hover span{color:#fff}
|
||||
|
||||
#cmsinfo_block em{background:$color-style1;text-shadow:$color-shadow}
|
||||
#facebook_block, #cmsinfo_block{background:rgba(230,230,230,0.5)}
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div{border-color:#d8d8d8;}
|
||||
|
||||
|
||||
|
||||
|
||||
.footer-container #footer #social_block { background:none;padding-bottom:15px;}
|
||||
.footer-container {
|
||||
background:#3f3f3f;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
background:url(../img/footer-bg.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
#footer #newsletter_block_left .form-group{
|
||||
.form-control{background:#3c3c3c;}
|
||||
.button-small {color:#fff;
|
||||
&:hover{color:$color-style1}
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a:hover{color:$color-style1;}
|
||||
|
||||
|
||||
@@ -0,0 +1,223 @@
|
||||
@import 'compass';
|
||||
@import 'bootstrap_lib/_variables';
|
||||
|
||||
$header-background: #333;
|
||||
$color-style1: #eea200;
|
||||
$color1-style1: #fff;
|
||||
$color2-style1: #b7b7b7;
|
||||
$color3-style1: #333;
|
||||
$base-border-color: #e2dec8;
|
||||
$color-shadow: 0 1px #b57b00;
|
||||
|
||||
|
||||
body{background:#282828}
|
||||
.header-container,
|
||||
.columns-container{background:url(../img/bg-theme8.jpg) repeat 50% 0}
|
||||
|
||||
//-------- HEADER
|
||||
#header {
|
||||
background:none;
|
||||
.header-row {
|
||||
background:$header-background;
|
||||
.shop-phone{
|
||||
color:#777;
|
||||
i,
|
||||
strong{color:$color-style1}
|
||||
}
|
||||
|
||||
}
|
||||
#currencies-block-top,
|
||||
#languages-block-top,
|
||||
.header-row #header_user_info{
|
||||
border-color:#515151;
|
||||
}
|
||||
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current,
|
||||
.header-row #header_user_info a
|
||||
{
|
||||
color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:#2b2b2b;
|
||||
color:white
|
||||
}
|
||||
|
||||
}
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current{
|
||||
strong{color:$color-style1;}
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current
|
||||
{&:hover,
|
||||
&.active {
|
||||
background:#2b2b2b;
|
||||
color:white}
|
||||
|
||||
}
|
||||
|
||||
#header #currencies-block-top ul li.selected,
|
||||
#header #currencies-block-top ul li:hover a,
|
||||
#header #languages-block-top ul li.selected,
|
||||
#header #languages-block-top ul li:hover a{
|
||||
background:$color-style1
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
#contact-link{
|
||||
border-color:#515151;
|
||||
a{color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:#2b2b2b;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current:after{color:#fff}
|
||||
|
||||
|
||||
|
||||
#search_block_top{
|
||||
.btn.button-search{
|
||||
background:$color-style1;
|
||||
text-shadow:$color-shadow;
|
||||
&:hover{color:white;
|
||||
background:$color3-style1;
|
||||
text-shadow:0 1px #333;}
|
||||
}
|
||||
|
||||
#search_query_top{
|
||||
border-color:#e2dec8;
|
||||
background:rgba(248,248,248,0.63);
|
||||
color:#686666;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#header_right #header_user #shopping_cart a{
|
||||
background:$color-style1;
|
||||
color:white;
|
||||
text-shadow:$color-shadow;
|
||||
&:after{color:white}
|
||||
&:hover{color:white;
|
||||
text-shadow:0 1px #333;
|
||||
background:$color3-style1}
|
||||
}
|
||||
|
||||
.sf-menu{
|
||||
background:#fffef6;
|
||||
border-bottom:3px solid #e2dec8;
|
||||
>li{
|
||||
border-right:1px solid #e2dec8;
|
||||
>a{border-bottom: 3px solid #e2dec8;}
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce > a
|
||||
{color:#fff;background:$color-style1;
|
||||
border-bottom-color:#da9400;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//-------- columns-container
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container .product-image-container{border-color:$base-border-color}
|
||||
|
||||
|
||||
#home-page-tabs{
|
||||
background:none;
|
||||
>li{border-color:$base-border-color}
|
||||
> li.active a,
|
||||
> li a:hover{
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
|
||||
.new,
|
||||
.sale
|
||||
{background:$color-style1;
|
||||
&:before,
|
||||
&:after{
|
||||
border-color: $color-style1 transparent transparent transparent ;
|
||||
}
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container{
|
||||
background:none;
|
||||
.product-image-container{
|
||||
background:white;
|
||||
.product_img_link{
|
||||
background:#f1e8e3;
|
||||
img{
|
||||
background:#f1e8e3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button.lnk_view {
|
||||
text-shadow:none;
|
||||
padding:0;
|
||||
border:none;
|
||||
span {
|
||||
border:1px solid #9a9a9a;
|
||||
padding:12px 16px;
|
||||
background:#f2f2f2;
|
||||
color:white;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
span {
|
||||
background:$color2-style1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button.ajax_add_to_cart_button{background:$color-style1}
|
||||
|
||||
|
||||
.price-percent-reduction{background:$color-style1;border-color:$color-style1}
|
||||
.price,
|
||||
.price.product-price{color:$color-style1}
|
||||
.old-price{color:#b1b0b0}
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container:hover{background:#fff;
|
||||
@include box-shadow( 0 5px 13px rgba(0,0,0,0.17));
|
||||
}
|
||||
|
||||
.button.lnk_view span{color:$color3-style1}
|
||||
.button.lnk_view:hover span{color:#fff}
|
||||
|
||||
#cmsinfo_block em{background:$color-style1;text-shadow:$color-shadow}
|
||||
#facebook_block, #cmsinfo_block{background:rgba(219,213,185,0.5)}
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div{border-color:#dbd5b9;}
|
||||
|
||||
|
||||
|
||||
|
||||
.footer-container #footer #social_block { background:none;padding-bottom:15px;}
|
||||
.footer-container {
|
||||
background:#3f3f3f;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
background:url(../img/footer-bg.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
#footer #newsletter_block_left .form-group{
|
||||
.form-control{background:#3c3c3c;}
|
||||
.button-small {color:#fff;
|
||||
&:hover{color:$color-style1}
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a:hover{color:$color-style1;}
|
||||
|
||||
|
||||
@@ -89,6 +89,7 @@ textarea {
|
||||
|
||||
#columns {
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,87 +1,76 @@
|
||||
body {
|
||||
background: #232323;
|
||||
background: #282828;
|
||||
}
|
||||
|
||||
.header-container,
|
||||
.columns-container {
|
||||
background: #333333;
|
||||
background: #f6f6f6;
|
||||
}
|
||||
|
||||
#header {
|
||||
background: none;
|
||||
}
|
||||
#header .header-row {
|
||||
background: #545454;
|
||||
background: #dadada;
|
||||
}
|
||||
#header .header-row .shop-phone {
|
||||
color: white;
|
||||
text-shadow: 0 1px #404040;
|
||||
color: #333333;
|
||||
}
|
||||
#header .header-row .shop-phone i,
|
||||
#header .header-row .shop-phone strong {
|
||||
color: #aaaaaa;
|
||||
text-shadow: 0 1px #404040;
|
||||
color: #f44051;
|
||||
}
|
||||
#header #currencies-block-top,
|
||||
#header #languages-block-top,
|
||||
#header .header-row #header_user_info {
|
||||
border-color: #656565;
|
||||
border-color: #c6c6c6;
|
||||
}
|
||||
#header #currencies-block-top div.current,
|
||||
#header #languages-block-top div.current,
|
||||
#header .header-row #header_user_info a {
|
||||
color: white;
|
||||
color: #333333;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,
|
||||
#header #languages-block-top div.current:hover,
|
||||
#header #languages-block-top div.current.active,
|
||||
#header .header-row #header_user_info a:hover,
|
||||
#header .header-row #header_user_info a.active {
|
||||
background: #b7b7b7;
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current,
|
||||
#header #languages-block-top div.current {
|
||||
padding-bottom: 11px;
|
||||
}
|
||||
#header #currencies-block-top div.current strong, #header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current strong,
|
||||
#header #languages-block-top div.current:after {
|
||||
color: white;
|
||||
#header #currencies-block-top div.current strong,
|
||||
#header #languages-block-top div.current strong {
|
||||
color: #333333;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover strong, #header #currencies-block-top div.current:hover:after, #header #currencies-block-top div.current.active strong, #header #currencies-block-top div.current.active:after,
|
||||
#header #languages-block-top div.current:hover strong,
|
||||
#header #languages-block-top div.current:hover:after,
|
||||
#header #languages-block-top div.current.active strong,
|
||||
#header #languages-block-top div.current.active:after {
|
||||
background: #2b2b2b;
|
||||
background: #b7b7b7;
|
||||
color: white;
|
||||
}
|
||||
#header #contact-link {
|
||||
border-color: #656565;
|
||||
border-color: #c6c6c6;
|
||||
}
|
||||
#header #contact-link a {
|
||||
color: white;
|
||||
color: #333333;
|
||||
}
|
||||
#header #contact-link a:hover, #header #contact-link a.active {
|
||||
background: #2b2b2b;
|
||||
background: #b7b7b7;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#search_block_top .btn.button-search {
|
||||
background: #666666;
|
||||
background: #f44051;
|
||||
}
|
||||
#search_block_top .btn.button-search:hover {
|
||||
color: white;
|
||||
background: #333333;
|
||||
}
|
||||
|
||||
#search_block_top #search_query_top {
|
||||
background: white;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
#header_right #header_user #shopping_cart a {
|
||||
background: #666666;
|
||||
background: #f44051;
|
||||
color: white;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:after {
|
||||
@@ -94,27 +83,26 @@ body {
|
||||
|
||||
.sf-menu {
|
||||
background: white;
|
||||
border: 1px solid #f2f2f2;
|
||||
border-bottom: 3px solid #f2f2f2;
|
||||
border-bottom: 3px solid #e8e8e8;
|
||||
}
|
||||
.sf-menu > li {
|
||||
border-right: 1px solid #d6d4d4;
|
||||
border-right: 1px solid #e8e8e8;
|
||||
}
|
||||
.sf-menu > li a {
|
||||
border-bottom: 3px solid #f2f2f2;
|
||||
.sf-menu > li > a {
|
||||
border-bottom: 3px solid #e8e8e8;
|
||||
}
|
||||
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
|
||||
color: #fff;
|
||||
background: #666666;
|
||||
border-bottom-color: #666666;
|
||||
background: #f44051;
|
||||
border-bottom-color: #ce2434;
|
||||
}
|
||||
|
||||
#home-page-tabs {
|
||||
background: white;
|
||||
background: #f6f6f6;
|
||||
}
|
||||
#home-page-tabs > li.active a,
|
||||
#home-page-tabs > li a:hover {
|
||||
background: #333333;
|
||||
background: #f44051;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@@ -125,54 +113,53 @@ body {
|
||||
.new:before, .new:after,
|
||||
.sale:before,
|
||||
.sale:after {
|
||||
border-color: #f44051 transparent transparent transparent;
|
||||
border-color: #ad2b34 transparent transparent transparent;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container {
|
||||
background: white;
|
||||
background: #f6f6f6;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
background: #474747;
|
||||
background: white;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link {
|
||||
background: #474747;
|
||||
background: #fbfbfb;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link img {
|
||||
background: #474747;
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li:hover .product-container {
|
||||
background: #5c5c5c;
|
||||
.button.lnk_view {
|
||||
text-shadow: none;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
ul.product_list.grid > li:hover .product-container .product-name {
|
||||
color: #aaa;
|
||||
.button.lnk_view span {
|
||||
border: none;
|
||||
padding: 12px 16px;
|
||||
background: #333333;
|
||||
color: white;
|
||||
}
|
||||
ul.product_list.grid > li:hover .product-container .functional-buttons div a, ul.product_list.grid > li:hover .product-container ul.product_list.grid > li .product-container .functional-buttons div label {
|
||||
color: #aaa;
|
||||
}
|
||||
ul.product_list.grid > li:hover .product-container .functional-buttons div a:hover, ul.product_list.grid > li:hover .product-container ul.product_list.grid > li .product-container .functional-buttons div label:hover {
|
||||
color: #fff;
|
||||
.button.lnk_view:hover span {
|
||||
background: #f44051;
|
||||
}
|
||||
|
||||
#cmsinfo_block em {
|
||||
background: #666666;
|
||||
background: #f44051;
|
||||
}
|
||||
|
||||
#facebook_block, #cmsinfo_block {
|
||||
background: #454545;
|
||||
}
|
||||
#facebook_block h4, #cmsinfo_block h4 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#cmsinfo_block h3,
|
||||
#cmsinfo_block .dark {
|
||||
color: white;
|
||||
background: #e8e8e8;
|
||||
}
|
||||
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div {
|
||||
border-color: #1b1b1b;
|
||||
border-color: #d0d0d0;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block {
|
||||
background: #1b1b1b;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
@@ -184,17 +171,13 @@ ul.product_list.grid > li:hover .product-container .functional-buttons div a:hov
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block {
|
||||
background: #1b1b1b;
|
||||
}
|
||||
|
||||
#footer #newsletter_block_left .form-group .form-control {
|
||||
background: #1b1b1b;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small {
|
||||
color: #666666;
|
||||
color: #f44051;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a:hover {
|
||||
color: white;
|
||||
color: #f44051;
|
||||
}
|
||||
|
||||
@@ -1,154 +1,156 @@
|
||||
body {
|
||||
background: #333333;
|
||||
background: #3c281c;
|
||||
}
|
||||
|
||||
.header-container,
|
||||
.columns-container {
|
||||
background: #fff;
|
||||
background: url(../img/bg-theme2.jpg) repeat 50% 0;
|
||||
}
|
||||
|
||||
#header {
|
||||
background: none;
|
||||
}
|
||||
#header .header-row {
|
||||
background: #333333;
|
||||
background: #545454;
|
||||
}
|
||||
#header .header-row .shop-phone {
|
||||
color: #777;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px #404040;
|
||||
}
|
||||
#header .header-row .shop-phone i,
|
||||
#header .header-row .shop-phone strong {
|
||||
color: #719f41;
|
||||
color: #aaa;
|
||||
}
|
||||
#header #currencies-block-top,
|
||||
#header #languages-block-top,
|
||||
#header .header-row #header_user_info {
|
||||
border-color: #515151;
|
||||
border-color: #656565;
|
||||
}
|
||||
#header #currencies-block-top div.current,
|
||||
#header #languages-block-top div.current,
|
||||
#header .header-row #header_user_info a {
|
||||
color: white;
|
||||
color: #fff;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,
|
||||
#header #languages-block-top div.current:hover,
|
||||
#header #languages-block-top div.current.active,
|
||||
#header .header-row #header_user_info a:hover,
|
||||
#header .header-row #header_user_info a.active {
|
||||
background: #2b2b2b;
|
||||
background: #878872;
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current strong,
|
||||
#header #languages-block-top div.current strong {
|
||||
color: #333333;
|
||||
color: #fff;
|
||||
}
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #currencies-block-top div.current strong,
|
||||
#header #languages-block-top div.current:after,
|
||||
#header #languages-block-top div.current strong {
|
||||
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,
|
||||
#header #languages-block-top div.current:hover,
|
||||
#header #languages-block-top div.current.active {
|
||||
background: #878872;
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover strong, #header #currencies-block-top div.current:hover:after, #header #currencies-block-top div.current.active strong, #header #currencies-block-top div.current.active:after,
|
||||
#header #languages-block-top div.current:hover strong,
|
||||
#header #languages-block-top div.current:hover:after,
|
||||
#header #languages-block-top div.current.active strong,
|
||||
#header #languages-block-top div.current.active:after {
|
||||
color: white;
|
||||
#header #header #currencies-block-top ul li.selected,
|
||||
#header #header #currencies-block-top ul li:hover a,
|
||||
#header #header #languages-block-top ul li.selected,
|
||||
#header #header #languages-block-top ul li:hover a {
|
||||
background: #b7b7b7;
|
||||
}
|
||||
#header #contact-link {
|
||||
border-color: #515151;
|
||||
border-color: #656565;
|
||||
}
|
||||
#header #contact-link a {
|
||||
color: white;
|
||||
color: #fff;
|
||||
}
|
||||
#header #contact-link a:hover, #header #contact-link a.active {
|
||||
background: #2b2b2b;
|
||||
background: #878872;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current:after {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#search_block_top .btn.button-search {
|
||||
background: #719f41;
|
||||
text-shadow: 0 1px #567931;
|
||||
background: #584336;
|
||||
}
|
||||
#search_block_top .btn.button-search:hover {
|
||||
color: white;
|
||||
background: #333333;
|
||||
text-shadow: 0 1px #333;
|
||||
}
|
||||
|
||||
#search_block_top #search_query_top {
|
||||
border-color: #d6d4d4;
|
||||
background: rgba(248, 248, 248, 0.63);
|
||||
color: #686666;
|
||||
}
|
||||
|
||||
#header_right #header_user #shopping_cart a {
|
||||
background: #719f41;
|
||||
background: #878872;
|
||||
color: white;
|
||||
text-shadow: 0 1px #567931;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:after {
|
||||
color: white;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:hover {
|
||||
color: white;
|
||||
text-shadow: 0 1px #333;
|
||||
text-shadow: 0 1px #333;
|
||||
background: #333333;
|
||||
}
|
||||
|
||||
.sf-menu {
|
||||
background: #f6f6f6;
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
background: #cbccbe;
|
||||
border-bottom: 3px solid #c1c2b4;
|
||||
}
|
||||
.sf-menu > li {
|
||||
border-right: 1px solid #d6d4d4;
|
||||
border-right: 1px solid #d8d9ce;
|
||||
}
|
||||
.sf-menu > li a {
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
.sf-menu > li > a {
|
||||
border-bottom: 3px solid #c1c2b4;
|
||||
color: #515150;
|
||||
}
|
||||
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
|
||||
color: #fff;
|
||||
background: #719f41;
|
||||
border-bottom-color: #598b24;
|
||||
background: #584336;
|
||||
border-bottom-color: #584336;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
border-color: #d6d4d4;
|
||||
}
|
||||
|
||||
#home-page-tabs {
|
||||
background: white;
|
||||
background: none;
|
||||
}
|
||||
#home-page-tabs > li {
|
||||
border-color: #d6d4d4;
|
||||
}
|
||||
#home-page-tabs > li.active a,
|
||||
#home-page-tabs > li a:hover {
|
||||
background: #719f41;
|
||||
background: #584336;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.new,
|
||||
.sale {
|
||||
background: #719f41;
|
||||
background: #584336;
|
||||
}
|
||||
.new:before, .new:after,
|
||||
.sale:before,
|
||||
.sale:after {
|
||||
border-color: #719f41 transparent transparent transparent;
|
||||
border-color: #584336 transparent transparent transparent;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container {
|
||||
background: white;
|
||||
background: none;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
background: white;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link {
|
||||
background: white;
|
||||
background: #f1e8e3;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link img {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.price.product-price {
|
||||
color: #719f41;
|
||||
}
|
||||
|
||||
.price-percent-reduction {
|
||||
background: #719f41;
|
||||
border-color: #719f41;
|
||||
background: #f1e8e3;
|
||||
}
|
||||
|
||||
.button.lnk_view {
|
||||
@@ -157,66 +159,135 @@ ul.product_list.grid > li .product-container .product-image-container .product_i
|
||||
border: none;
|
||||
}
|
||||
.button.lnk_view span {
|
||||
border: none;
|
||||
border: 1px solid #9a9a9a;
|
||||
padding: 12px 16px;
|
||||
background: #333333;
|
||||
background: #f2f2f2;
|
||||
color: white;
|
||||
}
|
||||
.button.lnk_view:hover span {
|
||||
background: #719f41;
|
||||
background: #b7b7b7;
|
||||
}
|
||||
|
||||
.product-name {
|
||||
color: #878872;
|
||||
}
|
||||
|
||||
.button.ajax_add_to_cart_button {
|
||||
background: #584336;
|
||||
}
|
||||
|
||||
.price-percent-reduction {
|
||||
background: #584336;
|
||||
border-color: #584336;
|
||||
}
|
||||
|
||||
.price,
|
||||
.price.product-price {
|
||||
color: #584336;
|
||||
}
|
||||
|
||||
.old-price {
|
||||
color: #b1b0b0;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container:hover {
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
-moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
}
|
||||
|
||||
.button.lnk_view span {
|
||||
color: #fff;
|
||||
background: #878872;
|
||||
border-color: #878872;
|
||||
}
|
||||
|
||||
.button.lnk_view:hover span {
|
||||
color: #fff;
|
||||
background: #584336;
|
||||
border-color: #584336;
|
||||
}
|
||||
|
||||
#cmsinfo_block em {
|
||||
background: #333333;
|
||||
background: #584336;
|
||||
text-shadow: 0 1px #4e3c30;
|
||||
}
|
||||
|
||||
#facebook_block, #cmsinfo_block {
|
||||
background: #e8e8e8;
|
||||
background: #adae9d;
|
||||
}
|
||||
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div {
|
||||
border-color: #d0d0d0;
|
||||
border-color: #c6c7bb;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block {
|
||||
background: #3f3f3f;
|
||||
background: none;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
background: #3f3f3f;
|
||||
background: #584336;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.footer-container {
|
||||
background: url(../img/footer-bg.gif) repeat-x;
|
||||
background: url(../img/footer-bg2.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a:hover {
|
||||
color: #719f41;
|
||||
#facebook_block h4, #cmsinfo_block h4,
|
||||
#cmsinfo_block h3,
|
||||
#cmsinfo_block p strong {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#facebook_block p, #cmsinfo_block p {
|
||||
color: #e7e7e2;
|
||||
}
|
||||
|
||||
#footer #newsletter_block_left .form-group .form-control {
|
||||
background: #3f3f3f;
|
||||
background: #534034;
|
||||
color: #fff;
|
||||
border-color: #79695e;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small {
|
||||
color: #fff;
|
||||
text-shadow: 0 1px #47362c;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small:hover {
|
||||
color: #e4dfb9;
|
||||
}
|
||||
|
||||
#footer #newsletter_block_left h4,
|
||||
.footer-container #footer #social_block h4 {
|
||||
#footer #newsletter_block_left h4 {
|
||||
text-shadow: 0 1px #47362c;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a {
|
||||
color: #fff;
|
||||
text-shadow: 0 1px #47362c;
|
||||
}
|
||||
.footer-container #footer #social_block ul li a:hover {
|
||||
color: #e4dfb9;
|
||||
}
|
||||
|
||||
.footer-container #footer a {
|
||||
color: #fff;
|
||||
}
|
||||
.footer-container #footer a:hover {
|
||||
color: #e4dfb9;
|
||||
}
|
||||
|
||||
.footer-container #footer #block_contact_infos > div ul li {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.footer-container #footer h4,
|
||||
.footer-container #footer h4 a {
|
||||
color: #719f41;
|
||||
}
|
||||
|
||||
.footer-container #footer .bottom-footer {
|
||||
color: #719f41;
|
||||
}
|
||||
.footer-container #footer .bottom-footer a {
|
||||
color: #719f41;
|
||||
}
|
||||
.footer-container #footer .bottom-footer a:hover {
|
||||
.footer-container #footer .bottom-footer div {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.footer-container #footer #block_contact_infos,
|
||||
.footer-container #footer .bottom-footer div {
|
||||
border-color: #503e33;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,278 @@
|
||||
body {
|
||||
background: #1b1b1b;
|
||||
}
|
||||
|
||||
.header-container,
|
||||
.columns-container {
|
||||
background: url(../img/bg-theme3.jpg) repeat 50% 0;
|
||||
}
|
||||
|
||||
#header {
|
||||
background: none;
|
||||
}
|
||||
#header .header-row {
|
||||
background: #545454;
|
||||
}
|
||||
#header .header-row .shop-phone {
|
||||
color: #fff;
|
||||
text-shadow: 0 1px #404040;
|
||||
}
|
||||
#header .header-row .shop-phone i,
|
||||
#header .header-row .shop-phone strong {
|
||||
color: #eac12d;
|
||||
}
|
||||
#header #currencies-block-top,
|
||||
#header #languages-block-top,
|
||||
#header .header-row #header_user_info {
|
||||
border-color: #656565;
|
||||
}
|
||||
#header #currencies-block-top div.current,
|
||||
#header #languages-block-top div.current,
|
||||
#header .header-row #header_user_info a {
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,
|
||||
#header #languages-block-top div.current:hover,
|
||||
#header #languages-block-top div.current.active,
|
||||
#header .header-row #header_user_info a:hover,
|
||||
#header .header-row #header_user_info a.active {
|
||||
background: #eac12d;
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current strong,
|
||||
#header #languages-block-top div.current strong {
|
||||
color: #eac12d;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,
|
||||
#header #languages-block-top div.current:hover,
|
||||
#header #languages-block-top div.current.active {
|
||||
background: #333333;
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover strong, #header #currencies-block-top div.current.active strong,
|
||||
#header #languages-block-top div.current:hover strong,
|
||||
#header #languages-block-top div.current.active strong {
|
||||
color: #fff;
|
||||
}
|
||||
#header #header #currencies-block-top ul li.selected,
|
||||
#header #header #currencies-block-top ul li:hover a,
|
||||
#header #header #languages-block-top ul li.selected,
|
||||
#header #header #languages-block-top ul li:hover a {
|
||||
background: #eac12d;
|
||||
}
|
||||
#header #contact-link {
|
||||
border-color: #656565;
|
||||
}
|
||||
#header #contact-link a {
|
||||
color: white;
|
||||
}
|
||||
#header #contact-link a:hover, #header #contact-link a.active {
|
||||
background: #333333;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current:after {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#search_block_top .btn.button-search {
|
||||
background: #eac12d;
|
||||
}
|
||||
#search_block_top .btn.button-search:hover {
|
||||
color: white;
|
||||
background: #333333;
|
||||
}
|
||||
#search_block_top #search_query_top {
|
||||
border-color: #dfd8ca;
|
||||
background: #fff;
|
||||
color: #686666;
|
||||
}
|
||||
|
||||
#header_right #header_user #shopping_cart a {
|
||||
background: #eac12d;
|
||||
color: white;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:after {
|
||||
color: white;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:hover {
|
||||
color: white;
|
||||
background: #333;
|
||||
}
|
||||
|
||||
.sf-menu {
|
||||
background: #404040;
|
||||
border-bottom: 3px solid #404040;
|
||||
}
|
||||
.sf-menu > li {
|
||||
border-right: 1px solid #565656;
|
||||
}
|
||||
.sf-menu > li > a {
|
||||
border-bottom: 3px solid #404040;
|
||||
color: #fff;
|
||||
}
|
||||
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
|
||||
color: #fff;
|
||||
background: #eac12d;
|
||||
border-bottom-color: #eac12d;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
border-color: #dfd8ca;
|
||||
}
|
||||
|
||||
#home-page-tabs {
|
||||
background: none;
|
||||
}
|
||||
#home-page-tabs > li {
|
||||
border-color: #dfd8ca;
|
||||
}
|
||||
#home-page-tabs > li.active a,
|
||||
#home-page-tabs > li a:hover {
|
||||
background: #eac12d;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.new,
|
||||
.sale {
|
||||
background: #eac12d;
|
||||
}
|
||||
.new:before, .new:after,
|
||||
.sale:before,
|
||||
.sale:after {
|
||||
border-color: #eac12d transparent transparent transparent;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container {
|
||||
background: none;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
background: white;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link {
|
||||
background: #f1e8e3;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link img {
|
||||
background: #f1e8e3;
|
||||
}
|
||||
|
||||
.button.lnk_view {
|
||||
text-shadow: none;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
.button.lnk_view span {
|
||||
border: 1px solid #9a9a9a;
|
||||
padding: 12px 16px;
|
||||
background: #f2f2f2;
|
||||
color: white;
|
||||
}
|
||||
.button.lnk_view:hover span {
|
||||
background: #b7b7b7;
|
||||
}
|
||||
|
||||
.button.ajax_add_to_cart_button {
|
||||
background: #eac12d;
|
||||
}
|
||||
|
||||
.price-percent-reduction {
|
||||
background: #eac12d;
|
||||
border-color: #eac12d;
|
||||
}
|
||||
|
||||
.price,
|
||||
.price.product-price {
|
||||
color: #eac12d;
|
||||
}
|
||||
|
||||
.old-price {
|
||||
color: #b1b0b0;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container:hover {
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
-moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
}
|
||||
|
||||
.button.lnk_view span {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.button.lnk_view:hover span {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#cmsinfo_block em {
|
||||
background: #eac12d;
|
||||
text-shadow: 0 1px #b29322;
|
||||
}
|
||||
|
||||
#facebook_block, #cmsinfo_block {
|
||||
background: #e2e2e2;
|
||||
}
|
||||
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div {
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.footer-container #footer #block_contact_infos > div ul li {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.footer-container #footer #block_contact_infos > div ul li i {
|
||||
color: #908f8f;
|
||||
}
|
||||
|
||||
#facebook_block h4, #cmsinfo_block h4,
|
||||
#cmsinfo_block h3 {
|
||||
color: #191919;
|
||||
}
|
||||
|
||||
#facebook_block p, #cmsinfo_block p {
|
||||
color: #757575;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block {
|
||||
background: none;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
background: #191919;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.footer-container {
|
||||
background: url(../img/footer-bg3.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container #footer a {
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
.footer-container #footer #block_contact_infos,
|
||||
.footer-container #footer .bottom-footer div {
|
||||
border-color: #515151;
|
||||
}
|
||||
|
||||
#footer #newsletter_block_left .form-group .form-control {
|
||||
background: none;
|
||||
border-color: #515151;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small {
|
||||
color: #908f8f;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small:hover {
|
||||
color: #eac12d;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a {
|
||||
color: #908f8f;
|
||||
}
|
||||
.footer-container #footer #social_block ul li a:hover {
|
||||
color: #eac12d;
|
||||
}
|
||||
@@ -0,0 +1,280 @@
|
||||
body {
|
||||
background: #181212;
|
||||
}
|
||||
|
||||
.header-container,
|
||||
.columns-container {
|
||||
background: url(../img/bg-theme5.jpg) repeat 50% 0;
|
||||
}
|
||||
|
||||
#header {
|
||||
background: none;
|
||||
}
|
||||
#header .header-row {
|
||||
background: #181212;
|
||||
}
|
||||
#header .header-row .shop-phone {
|
||||
color: #777;
|
||||
}
|
||||
#header .header-row .shop-phone i,
|
||||
#header .header-row .shop-phone strong {
|
||||
color: #fff;
|
||||
}
|
||||
#header #currencies-block-top,
|
||||
#header #languages-block-top,
|
||||
#header .header-row #header_user_info {
|
||||
border-color: #515151;
|
||||
}
|
||||
#header #currencies-block-top div.current,
|
||||
#header #languages-block-top div.current,
|
||||
#header .header-row #header_user_info a {
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,
|
||||
#header #languages-block-top div.current:hover,
|
||||
#header #languages-block-top div.current.active,
|
||||
#header .header-row #header_user_info a:hover,
|
||||
#header .header-row #header_user_info a.active {
|
||||
background: #b04445;
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current strong,
|
||||
#header #languages-block-top div.current strong {
|
||||
color: #b04445;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,
|
||||
#header #languages-block-top div.current:hover,
|
||||
#header #languages-block-top div.current.active {
|
||||
background: #b04445;
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover strong, #header #currencies-block-top div.current.active strong,
|
||||
#header #languages-block-top div.current:hover strong,
|
||||
#header #languages-block-top div.current.active strong {
|
||||
color: #fff;
|
||||
}
|
||||
#header #header #currencies-block-top ul li.selected,
|
||||
#header #header #currencies-block-top ul li:hover a,
|
||||
#header #header #languages-block-top ul li.selected,
|
||||
#header #header #languages-block-top ul li:hover a {
|
||||
background: #b04445;
|
||||
}
|
||||
#header #contact-link {
|
||||
border-color: #515151;
|
||||
}
|
||||
#header #contact-link a {
|
||||
color: white;
|
||||
}
|
||||
#header #contact-link a:hover, #header #contact-link a.active {
|
||||
background: #b04445;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current:after {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#search_block_top .btn.button-search {
|
||||
background: #b04445;
|
||||
text-shadow: 0 1px #8b3637;
|
||||
}
|
||||
#search_block_top .btn.button-search:hover {
|
||||
color: white;
|
||||
background: #333333;
|
||||
text-shadow: 0 1px #333;
|
||||
}
|
||||
#search_block_top #search_query_top {
|
||||
border-color: #dfd8ca;
|
||||
background: rgba(248, 248, 248, 0.63);
|
||||
color: #686666;
|
||||
}
|
||||
|
||||
#header_right #header_user #shopping_cart a {
|
||||
background: #b04445;
|
||||
color: white;
|
||||
text-shadow: 0 1px #8b3637;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:after {
|
||||
color: white;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:hover {
|
||||
color: white;
|
||||
text-shadow: 0 1px #333;
|
||||
background: #333333;
|
||||
}
|
||||
|
||||
.sf-menu {
|
||||
background: #faf8f4;
|
||||
border-bottom: 3px solid #dfd8ca;
|
||||
}
|
||||
.sf-menu > li {
|
||||
border-right: 1px solid #dfd8ca;
|
||||
}
|
||||
.sf-menu > li > a {
|
||||
border-bottom: 3px solid #dfd8ca;
|
||||
}
|
||||
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
|
||||
color: #fff;
|
||||
background: #b04445;
|
||||
border-bottom-color: #983334;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
border-color: #dfd8ca;
|
||||
}
|
||||
|
||||
#home-page-tabs {
|
||||
background: none;
|
||||
}
|
||||
#home-page-tabs > li {
|
||||
border-color: #dfd8ca;
|
||||
}
|
||||
#home-page-tabs > li.active a,
|
||||
#home-page-tabs > li a:hover {
|
||||
background: #b04445;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.new,
|
||||
.sale {
|
||||
background: #b04445;
|
||||
}
|
||||
.new:before, .new:after,
|
||||
.sale:before,
|
||||
.sale:after {
|
||||
border-color: #b04445 transparent transparent transparent;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container {
|
||||
background: none;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
background: white;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link {
|
||||
background: #f1e8e3;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link img {
|
||||
background: #f1e8e3;
|
||||
}
|
||||
|
||||
.button.lnk_view {
|
||||
text-shadow: none;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
.button.lnk_view span {
|
||||
border: 1px solid #9a9a9a;
|
||||
padding: 12px 16px;
|
||||
background: #f2f2f2;
|
||||
color: white;
|
||||
}
|
||||
.button.lnk_view:hover span {
|
||||
background: #b7b7b7;
|
||||
}
|
||||
|
||||
.button.ajax_add_to_cart_button {
|
||||
background: #b04445;
|
||||
}
|
||||
|
||||
.price-percent-reduction {
|
||||
background: #b04445;
|
||||
border-color: #b04445;
|
||||
}
|
||||
|
||||
.price,
|
||||
.price.product-price {
|
||||
color: #b04445;
|
||||
}
|
||||
|
||||
.old-price {
|
||||
color: #b1b0b0;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container:hover {
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
-moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
}
|
||||
|
||||
.button.lnk_view span {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.button.lnk_view:hover span {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#cmsinfo_block em {
|
||||
background: #b04445;
|
||||
text-shadow: 0 1px #8b3637;
|
||||
}
|
||||
|
||||
#facebook_block, #cmsinfo_block {
|
||||
background: #e5ded1;
|
||||
}
|
||||
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div {
|
||||
border-color: #cec7bc;
|
||||
}
|
||||
|
||||
.footer-container #footer #block_contact_infos > div ul li {
|
||||
color: #b5a78d;
|
||||
}
|
||||
|
||||
.footer-container #footer #block_contact_infos > div ul li i {
|
||||
color: #b04445;
|
||||
}
|
||||
|
||||
#facebook_block h4, #cmsinfo_block h4,
|
||||
#cmsinfo_block h3 {
|
||||
color: #181212;
|
||||
}
|
||||
|
||||
#facebook_block p, #cmsinfo_block p {
|
||||
color: #3d211f;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block {
|
||||
background: none;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
background: #1f1818;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.footer-container {
|
||||
background: url(../img/footer-bg5.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container #footer a {
|
||||
color: #b5a78d;
|
||||
}
|
||||
|
||||
.footer-container #footer #block_contact_infos,
|
||||
.footer-container #footer .bottom-footer div {
|
||||
border-color: #2e2828;
|
||||
}
|
||||
|
||||
#footer #newsletter_block_left .form-group .form-control {
|
||||
background: #1f1919;
|
||||
border-color: #89837f;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small {
|
||||
color: #fff;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small:hover {
|
||||
color: #b04445;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a {
|
||||
color: #f3eee6;
|
||||
}
|
||||
.footer-container #footer #social_block ul li a:hover {
|
||||
color: #b04445;
|
||||
}
|
||||
@@ -1,132 +1,152 @@
|
||||
body {
|
||||
background: #282828;
|
||||
background: #333333;
|
||||
}
|
||||
|
||||
.header-container,
|
||||
.columns-container {
|
||||
background: #f6f6f6;
|
||||
background: white;
|
||||
}
|
||||
|
||||
#header {
|
||||
background: none;
|
||||
}
|
||||
#header .header-row {
|
||||
background: #dadada;
|
||||
background: #333333;
|
||||
}
|
||||
#header .header-row .shop-phone {
|
||||
color: #333333;
|
||||
color: #777;
|
||||
}
|
||||
#header .header-row .shop-phone i,
|
||||
#header .header-row .shop-phone strong {
|
||||
color: #f44051;
|
||||
color: #719f41;
|
||||
}
|
||||
#header #currencies-block-top,
|
||||
#header #languages-block-top,
|
||||
#header .header-row #header_user_info {
|
||||
border-color: #c6c6c6;
|
||||
border-color: #515151;
|
||||
}
|
||||
#header #currencies-block-top div.current,
|
||||
#header #languages-block-top div.current,
|
||||
#header .header-row #header_user_info a {
|
||||
color: #333333;
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,
|
||||
#header #languages-block-top div.current:hover,
|
||||
#header #languages-block-top div.current.active,
|
||||
#header .header-row #header_user_info a:hover,
|
||||
#header .header-row #header_user_info a.active {
|
||||
background: #b7b7b7;
|
||||
background: #2b2b2b;
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current strong,
|
||||
#header #languages-block-top div.current strong {
|
||||
color: #333333;
|
||||
color: #719f41;
|
||||
}
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current:after {
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover strong, #header #currencies-block-top div.current:hover:after, #header #currencies-block-top div.current.active strong, #header #currencies-block-top div.current.active:after,
|
||||
#header #languages-block-top div.current:hover strong,
|
||||
#header #languages-block-top div.current:hover:after,
|
||||
#header #languages-block-top div.current.active strong,
|
||||
#header #languages-block-top div.current.active:after {
|
||||
background: #b7b7b7;
|
||||
color: white;
|
||||
}
|
||||
#header #contact-link {
|
||||
border-color: #c6c6c6;
|
||||
border-color: #515151;
|
||||
}
|
||||
#header #contact-link a {
|
||||
color: #333333;
|
||||
color: white;
|
||||
}
|
||||
#header #contact-link a:hover, #header #contact-link a.active {
|
||||
background: #b7b7b7;
|
||||
background: #2b2b2b;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#search_block_top .btn.button-search {
|
||||
background: #f44051;
|
||||
background: #719f41;
|
||||
text-shadow: 0 1px #567931;
|
||||
}
|
||||
#search_block_top .btn.button-search:hover {
|
||||
color: white;
|
||||
background: #333333;
|
||||
text-shadow: 0 1px #333;
|
||||
}
|
||||
|
||||
#search_block_top #search_query_top {
|
||||
color: #686666;
|
||||
}
|
||||
|
||||
#header_right #header_user #shopping_cart a {
|
||||
background: #f44051;
|
||||
background: #719f41;
|
||||
color: white;
|
||||
text-shadow: 0 1px #567931;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:after {
|
||||
color: white;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:hover {
|
||||
color: white;
|
||||
text-shadow: 0 1px #333;
|
||||
background: #333333;
|
||||
}
|
||||
|
||||
.sf-menu {
|
||||
background: white;
|
||||
border-bottom: 3px solid #e8e8e8;
|
||||
background: #f6f6f6;
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
}
|
||||
.sf-menu > li {
|
||||
border-right: 1px solid #e8e8e8;
|
||||
border-right: 1px solid #d6d4d4;
|
||||
}
|
||||
.sf-menu > li a {
|
||||
border-bottom: 3px solid #e8e8e8;
|
||||
.sf-menu > li > a {
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
}
|
||||
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
|
||||
color: #fff;
|
||||
background: #f44051;
|
||||
border-bottom-color: #ce2434;
|
||||
background: #719f41;
|
||||
border-bottom-color: #598b24;
|
||||
}
|
||||
|
||||
#home-page-tabs {
|
||||
background: #f6f6f6;
|
||||
background: white;
|
||||
}
|
||||
#home-page-tabs > li.active a,
|
||||
#home-page-tabs > li a:hover {
|
||||
background: #f44051;
|
||||
background: #719f41;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.new,
|
||||
.sale {
|
||||
background: #f44051;
|
||||
background: #719f41;
|
||||
}
|
||||
.new:before, .new:after,
|
||||
.sale:before,
|
||||
.sale:after {
|
||||
border-color: #ad2b34 transparent transparent transparent;
|
||||
border-color: #719f41 transparent transparent transparent;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container {
|
||||
background: #f6f6f6;
|
||||
background: white;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
background: white;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link {
|
||||
background: #fbfbfb;
|
||||
background: white;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link img {
|
||||
background: #fbfbfb;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.price.product-price {
|
||||
color: #719f41;
|
||||
}
|
||||
|
||||
.price-percent-reduction {
|
||||
background: #719f41;
|
||||
border-color: #719f41;
|
||||
}
|
||||
|
||||
.button.lnk_view {
|
||||
@@ -141,11 +161,12 @@ ul.product_list.grid > li .product-container .product-image-container .product_i
|
||||
color: white;
|
||||
}
|
||||
.button.lnk_view:hover span {
|
||||
background: #f44051;
|
||||
background: #719f41;
|
||||
}
|
||||
|
||||
#cmsinfo_block em {
|
||||
background: #f44051;
|
||||
background: #719f41;
|
||||
text-shadow: 0 1px #567931;
|
||||
}
|
||||
|
||||
#facebook_block, #cmsinfo_block {
|
||||
@@ -158,26 +179,43 @@ ul.product_list.grid > li .product-container .product-image-container .product_i
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block {
|
||||
background: #1b1b1b;
|
||||
background: #3f3f3f;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
background: #1b1b1b;
|
||||
background: #3f3f3f;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.footer-container {
|
||||
background: url(../img/footer-bg1.gif) repeat-x;
|
||||
background: url(../img/footer-bg.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
|
||||
#footer #newsletter_block_left .form-group .form-control {
|
||||
background: #1b1b1b;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small {
|
||||
color: #f44051;
|
||||
.footer-container #footer #social_block ul li a:hover {
|
||||
color: #719f41;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a:hover {
|
||||
color: #f44051;
|
||||
#footer #newsletter_block_left .form-group .form-control {
|
||||
background: #3f3f3f;
|
||||
}
|
||||
|
||||
#footer #newsletter_block_left h4,
|
||||
.footer-container #footer #social_block h4 {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.footer-container #footer h4,
|
||||
.footer-container #footer h4 a {
|
||||
color: #719f41;
|
||||
}
|
||||
|
||||
.footer-container #footer .bottom-footer {
|
||||
color: #719f41;
|
||||
}
|
||||
.footer-container #footer .bottom-footer a {
|
||||
color: #719f41;
|
||||
}
|
||||
.footer-container #footer .bottom-footer a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
@@ -0,0 +1,245 @@
|
||||
body {
|
||||
background: #282828;
|
||||
}
|
||||
|
||||
.header-container,
|
||||
.columns-container {
|
||||
background: url(../img/bg-theme6.jpg) repeat 50% 0;
|
||||
}
|
||||
|
||||
#header {
|
||||
background: none;
|
||||
}
|
||||
#header .header-row {
|
||||
background: #333333;
|
||||
}
|
||||
#header .header-row .shop-phone {
|
||||
color: #777;
|
||||
}
|
||||
#header .header-row .shop-phone i,
|
||||
#header .header-row .shop-phone strong {
|
||||
color: #fff;
|
||||
}
|
||||
#header #currencies-block-top,
|
||||
#header #languages-block-top,
|
||||
#header .header-row #header_user_info {
|
||||
border-color: #515151;
|
||||
}
|
||||
#header #currencies-block-top div.current,
|
||||
#header #languages-block-top div.current,
|
||||
#header .header-row #header_user_info a {
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,
|
||||
#header #languages-block-top div.current:hover,
|
||||
#header #languages-block-top div.current.active,
|
||||
#header .header-row #header_user_info a:hover,
|
||||
#header .header-row #header_user_info a.active {
|
||||
background: #327082;
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current strong,
|
||||
#header #languages-block-top div.current strong {
|
||||
color: #e4dfb9;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,
|
||||
#header #languages-block-top div.current:hover,
|
||||
#header #languages-block-top div.current.active {
|
||||
background: #327082;
|
||||
color: white;
|
||||
}
|
||||
#header #header #currencies-block-top ul li.selected,
|
||||
#header #header #currencies-block-top ul li:hover a,
|
||||
#header #header #languages-block-top ul li.selected,
|
||||
#header #header #languages-block-top ul li:hover a {
|
||||
background: #327082;
|
||||
}
|
||||
#header #contact-link {
|
||||
border-color: #515151;
|
||||
}
|
||||
#header #contact-link a {
|
||||
color: white;
|
||||
}
|
||||
#header #contact-link a:hover, #header #contact-link a.active {
|
||||
background: #327082;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current:after {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#search_block_top .btn.button-search {
|
||||
background: #327082;
|
||||
text-shadow: 0 1px #265563;
|
||||
}
|
||||
#search_block_top .btn.button-search:hover {
|
||||
color: white;
|
||||
background: #333333;
|
||||
text-shadow: 0 1px #333;
|
||||
}
|
||||
#search_block_top #search_query_top {
|
||||
border-color: #d6d4d4;
|
||||
background: rgba(248, 248, 248, 0.63);
|
||||
color: #686666;
|
||||
}
|
||||
|
||||
#header_right #header_user #shopping_cart a {
|
||||
background: #327082;
|
||||
color: white;
|
||||
text-shadow: 0 1px #265563;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:after {
|
||||
color: white;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:hover {
|
||||
color: white;
|
||||
text-shadow: 0 1px #333;
|
||||
background: #333333;
|
||||
}
|
||||
|
||||
.sf-menu {
|
||||
background: #f6f6f6;
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
}
|
||||
.sf-menu > li {
|
||||
border-right: 1px solid #d6d4d4;
|
||||
}
|
||||
.sf-menu > li > a {
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
}
|
||||
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
|
||||
color: #fff;
|
||||
background: #327082;
|
||||
border-bottom-color: #1f6276;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
border-color: #d6d4d4;
|
||||
}
|
||||
|
||||
#home-page-tabs {
|
||||
background: none;
|
||||
}
|
||||
#home-page-tabs > li {
|
||||
border-color: #d6d4d4;
|
||||
}
|
||||
#home-page-tabs > li.active a,
|
||||
#home-page-tabs > li a:hover {
|
||||
background: #327082;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.new,
|
||||
.sale {
|
||||
background: #327082;
|
||||
}
|
||||
.new:before, .new:after,
|
||||
.sale:before,
|
||||
.sale:after {
|
||||
border-color: #327082 transparent transparent transparent;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container {
|
||||
background: none;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
background: white;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link {
|
||||
background: #f1e8e3;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link img {
|
||||
background: #f1e8e3;
|
||||
}
|
||||
|
||||
.button.lnk_view {
|
||||
text-shadow: none;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
.button.lnk_view span {
|
||||
border: 1px solid #9a9a9a;
|
||||
padding: 12px 16px;
|
||||
background: #f2f2f2;
|
||||
color: white;
|
||||
}
|
||||
.button.lnk_view:hover span {
|
||||
background: #b7b7b7;
|
||||
}
|
||||
|
||||
.button.ajax_add_to_cart_button {
|
||||
background: #327082;
|
||||
}
|
||||
|
||||
.price-percent-reduction {
|
||||
background: #327082;
|
||||
border-color: #327082;
|
||||
}
|
||||
|
||||
.price,
|
||||
.price.product-price {
|
||||
color: #327082;
|
||||
}
|
||||
|
||||
.old-price {
|
||||
color: #b1b0b0;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container:hover {
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
-moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
}
|
||||
|
||||
.button.lnk_view span {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.button.lnk_view:hover span {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#cmsinfo_block em {
|
||||
background: #327082;
|
||||
text-shadow: 0 1px #265563;
|
||||
}
|
||||
|
||||
#facebook_block, #cmsinfo_block {
|
||||
background: rgba(230, 230, 230, 0.5);
|
||||
}
|
||||
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div {
|
||||
border-color: #d8d8d8;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block {
|
||||
background: none;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
background: #3f3f3f;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.footer-container {
|
||||
background: url(../img/footer-bg.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
|
||||
#footer #newsletter_block_left .form-group .form-control {
|
||||
background: #3c3c3c;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small {
|
||||
color: #fff;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small:hover {
|
||||
color: #e4dfb9;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a:hover {
|
||||
color: #e4dfb9;
|
||||
}
|
||||
@@ -4,7 +4,7 @@ body {
|
||||
|
||||
.header-container,
|
||||
.columns-container {
|
||||
background: #f7f5eb;
|
||||
background: url(../img/bg-theme7.jpg) repeat 50% 0;
|
||||
}
|
||||
|
||||
#header {
|
||||
@@ -14,11 +14,11 @@ body {
|
||||
background: #333333;
|
||||
}
|
||||
#header .header-row .shop-phone {
|
||||
color: white;
|
||||
color: #777;
|
||||
}
|
||||
#header .header-row .shop-phone i,
|
||||
#header .header-row .shop-phone strong {
|
||||
color: #eea200;
|
||||
color: #fff;
|
||||
}
|
||||
#header #currencies-block-top,
|
||||
#header #languages-block-top,
|
||||
@@ -35,20 +35,24 @@ body {
|
||||
#header #languages-block-top div.current.active,
|
||||
#header .header-row #header_user_info a:hover,
|
||||
#header .header-row #header_user_info a.active {
|
||||
background: #b7b7b7;
|
||||
background: #2b2b2b;
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current strong,
|
||||
#header #languages-block-top div.current strong {
|
||||
color: #43bebd;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,
|
||||
#header #languages-block-top div.current:hover,
|
||||
#header #languages-block-top div.current.active {
|
||||
background: #2b2b2b;
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover strong, #header #currencies-block-top div.current:hover:after, #header #currencies-block-top div.current.active strong, #header #currencies-block-top div.current.active:after,
|
||||
#header #languages-block-top div.current:hover strong,
|
||||
#header #languages-block-top div.current:hover:after,
|
||||
#header #languages-block-top div.current.active strong,
|
||||
#header #languages-block-top div.current.active:after {
|
||||
background: #b7b7b7;
|
||||
color: white;
|
||||
#header #header #currencies-block-top ul li.selected,
|
||||
#header #header #currencies-block-top ul li:hover a,
|
||||
#header #header #languages-block-top ul li.selected,
|
||||
#header #header #languages-block-top ul li:hover a {
|
||||
background: #43bebd;
|
||||
}
|
||||
#header #contact-link {
|
||||
border-color: #515151;
|
||||
@@ -57,63 +61,84 @@ body {
|
||||
color: white;
|
||||
}
|
||||
#header #contact-link a:hover, #header #contact-link a.active {
|
||||
background: #b7b7b7;
|
||||
background: #2b2b2b;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current:after {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#search_block_top .btn.button-search {
|
||||
background: #eea200;
|
||||
background: #43bebd;
|
||||
text-shadow: 0 1px #379c9c;
|
||||
}
|
||||
#search_block_top .btn.button-search:hover {
|
||||
color: white;
|
||||
background: #b7b7b7;
|
||||
background: #333333;
|
||||
text-shadow: 0 1px #333;
|
||||
}
|
||||
#search_block_top #search_query_top {
|
||||
border-color: #d6d4d4;
|
||||
background: rgba(248, 248, 248, 0.63);
|
||||
color: #686666;
|
||||
}
|
||||
|
||||
#header_right #header_user #shopping_cart a {
|
||||
background: #eea200;
|
||||
background: #43bebd;
|
||||
color: white;
|
||||
text-shadow: 0 1px #379c9c;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:after {
|
||||
color: white;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:hover {
|
||||
color: white;
|
||||
background: #b7b7b7;
|
||||
text-shadow: 0 1px #333;
|
||||
background: #333333;
|
||||
}
|
||||
|
||||
.sf-menu {
|
||||
background: #fffef6;
|
||||
border-bottom: 3px solid #e2dec8;
|
||||
background: #f6f6f6;
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
}
|
||||
.sf-menu > li {
|
||||
border-right: 1px solid #e2dec8;
|
||||
border-right: 1px solid #d6d4d4;
|
||||
}
|
||||
.sf-menu > li a {
|
||||
border-bottom: 3px solid #e2dec8;
|
||||
.sf-menu > li > a {
|
||||
border-bottom: 3px solid #e9e9e9;
|
||||
}
|
||||
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
|
||||
color: #fff;
|
||||
background: #eea200;
|
||||
border-bottom-color: #da9400;
|
||||
background: #43bebd;
|
||||
border-bottom-color: #2aa2a1;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
border-color: #d6d4d4;
|
||||
}
|
||||
|
||||
#home-page-tabs {
|
||||
background: none;
|
||||
}
|
||||
#home-page-tabs > li {
|
||||
border-color: #d6d4d4;
|
||||
}
|
||||
#home-page-tabs > li.active a,
|
||||
#home-page-tabs > li a:hover {
|
||||
background: #eea200;
|
||||
background: #43bebd;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.new,
|
||||
.sale {
|
||||
background: #eea200;
|
||||
background: #43bebd;
|
||||
}
|
||||
.new:before, .new:after,
|
||||
.sale:before,
|
||||
.sale:after {
|
||||
border-color: #eea200 transparent transparent transparent;
|
||||
border-color: #43bebd transparent transparent transparent;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container {
|
||||
@@ -144,17 +169,51 @@ ul.product_list.grid > li .product-container .product-image-container .product_i
|
||||
background: #b7b7b7;
|
||||
}
|
||||
|
||||
.button.ajax_add_to_cart_button {
|
||||
background: #43bebd;
|
||||
}
|
||||
|
||||
.price-percent-reduction {
|
||||
background: #43bebd;
|
||||
border-color: #43bebd;
|
||||
}
|
||||
|
||||
.price,
|
||||
.price.product-price {
|
||||
color: #43bebd;
|
||||
}
|
||||
|
||||
.old-price {
|
||||
color: #b1b0b0;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container:hover {
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
-moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
}
|
||||
|
||||
.button.lnk_view span {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.button.lnk_view:hover span {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#cmsinfo_block em {
|
||||
background: #eea200;
|
||||
background: #43bebd;
|
||||
text-shadow: 0 1px #379c9c;
|
||||
}
|
||||
|
||||
#facebook_block, #cmsinfo_block {
|
||||
background: #f0eee1;
|
||||
background: rgba(230, 230, 230, 0.5);
|
||||
}
|
||||
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div {
|
||||
border-color: #e9e6d6;
|
||||
border-color: #d8d8d8;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block {
|
||||
@@ -175,9 +234,12 @@ ul.product_list.grid > li .product-container .product-image-container .product_i
|
||||
background: #3c3c3c;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small {
|
||||
color: #eea200;
|
||||
color: #fff;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small:hover {
|
||||
color: #43bebd;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a:hover {
|
||||
color: #eea200;
|
||||
color: #43bebd;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,245 @@
|
||||
body {
|
||||
background: #282828;
|
||||
}
|
||||
|
||||
.header-container,
|
||||
.columns-container {
|
||||
background: url(../img/bg-theme8.jpg) repeat 50% 0;
|
||||
}
|
||||
|
||||
#header {
|
||||
background: none;
|
||||
}
|
||||
#header .header-row {
|
||||
background: #333333;
|
||||
}
|
||||
#header .header-row .shop-phone {
|
||||
color: #777;
|
||||
}
|
||||
#header .header-row .shop-phone i,
|
||||
#header .header-row .shop-phone strong {
|
||||
color: #eea200;
|
||||
}
|
||||
#header #currencies-block-top,
|
||||
#header #languages-block-top,
|
||||
#header .header-row #header_user_info {
|
||||
border-color: #515151;
|
||||
}
|
||||
#header #currencies-block-top div.current,
|
||||
#header #languages-block-top div.current,
|
||||
#header .header-row #header_user_info a {
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,
|
||||
#header #languages-block-top div.current:hover,
|
||||
#header #languages-block-top div.current.active,
|
||||
#header .header-row #header_user_info a:hover,
|
||||
#header .header-row #header_user_info a.active {
|
||||
background: #2b2b2b;
|
||||
color: white;
|
||||
}
|
||||
#header #currencies-block-top div.current strong,
|
||||
#header #languages-block-top div.current strong {
|
||||
color: #eea200;
|
||||
}
|
||||
#header #currencies-block-top div.current:hover, #header #currencies-block-top div.current.active,
|
||||
#header #languages-block-top div.current:hover,
|
||||
#header #languages-block-top div.current.active {
|
||||
background: #2b2b2b;
|
||||
color: white;
|
||||
}
|
||||
#header #header #currencies-block-top ul li.selected,
|
||||
#header #header #currencies-block-top ul li:hover a,
|
||||
#header #header #languages-block-top ul li.selected,
|
||||
#header #header #languages-block-top ul li:hover a {
|
||||
background: #eea200;
|
||||
}
|
||||
#header #contact-link {
|
||||
border-color: #515151;
|
||||
}
|
||||
#header #contact-link a {
|
||||
color: white;
|
||||
}
|
||||
#header #contact-link a:hover, #header #contact-link a.active {
|
||||
background: #2b2b2b;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#header #currencies-block-top div.current:after,
|
||||
#header #languages-block-top div.current:after {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#search_block_top .btn.button-search {
|
||||
background: #eea200;
|
||||
text-shadow: 0 1px #b57b00;
|
||||
}
|
||||
#search_block_top .btn.button-search:hover {
|
||||
color: white;
|
||||
background: #333333;
|
||||
text-shadow: 0 1px #333;
|
||||
}
|
||||
#search_block_top #search_query_top {
|
||||
border-color: #e2dec8;
|
||||
background: rgba(248, 248, 248, 0.63);
|
||||
color: #686666;
|
||||
}
|
||||
|
||||
#header_right #header_user #shopping_cart a {
|
||||
background: #eea200;
|
||||
color: white;
|
||||
text-shadow: 0 1px #b57b00;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:after {
|
||||
color: white;
|
||||
}
|
||||
#header_right #header_user #shopping_cart a:hover {
|
||||
color: white;
|
||||
text-shadow: 0 1px #333;
|
||||
background: #333333;
|
||||
}
|
||||
|
||||
.sf-menu {
|
||||
background: #fffef6;
|
||||
border-bottom: 3px solid #e2dec8;
|
||||
}
|
||||
.sf-menu > li {
|
||||
border-right: 1px solid #e2dec8;
|
||||
}
|
||||
.sf-menu > li > a {
|
||||
border-bottom: 3px solid #e2dec8;
|
||||
}
|
||||
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
|
||||
color: #fff;
|
||||
background: #eea200;
|
||||
border-bottom-color: #da9400;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
border-color: #e2dec8;
|
||||
}
|
||||
|
||||
#home-page-tabs {
|
||||
background: none;
|
||||
}
|
||||
#home-page-tabs > li {
|
||||
border-color: #e2dec8;
|
||||
}
|
||||
#home-page-tabs > li.active a,
|
||||
#home-page-tabs > li a:hover {
|
||||
background: #eea200;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.new,
|
||||
.sale {
|
||||
background: #eea200;
|
||||
}
|
||||
.new:before, .new:after,
|
||||
.sale:before,
|
||||
.sale:after {
|
||||
border-color: #eea200 transparent transparent transparent;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container {
|
||||
background: none;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
background: white;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link {
|
||||
background: #f1e8e3;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .product_img_link img {
|
||||
background: #f1e8e3;
|
||||
}
|
||||
|
||||
.button.lnk_view {
|
||||
text-shadow: none;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
.button.lnk_view span {
|
||||
border: 1px solid #9a9a9a;
|
||||
padding: 12px 16px;
|
||||
background: #f2f2f2;
|
||||
color: white;
|
||||
}
|
||||
.button.lnk_view:hover span {
|
||||
background: #b7b7b7;
|
||||
}
|
||||
|
||||
.button.ajax_add_to_cart_button {
|
||||
background: #eea200;
|
||||
}
|
||||
|
||||
.price-percent-reduction {
|
||||
background: #eea200;
|
||||
border-color: #eea200;
|
||||
}
|
||||
|
||||
.price,
|
||||
.price.product-price {
|
||||
color: #eea200;
|
||||
}
|
||||
|
||||
.old-price {
|
||||
color: #b1b0b0;
|
||||
}
|
||||
|
||||
ul.product_list.grid > li .product-container:hover {
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
-moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
|
||||
}
|
||||
|
||||
.button.lnk_view span {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.button.lnk_view:hover span {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#cmsinfo_block em {
|
||||
background: #eea200;
|
||||
text-shadow: 0 1px #b57b00;
|
||||
}
|
||||
|
||||
#facebook_block, #cmsinfo_block {
|
||||
background: rgba(219, 213, 185, 0.5);
|
||||
}
|
||||
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div {
|
||||
border-color: #dbd5b9;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block {
|
||||
background: none;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
background: #3f3f3f;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.footer-container {
|
||||
background: url(../img/footer-bg.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
|
||||
#footer #newsletter_block_left .form-group .form-control {
|
||||
background: #3c3c3c;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small {
|
||||
color: #fff;
|
||||
}
|
||||
#footer #newsletter_block_left .form-group .button-small:hover {
|
||||
color: #eea200;
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a:hover {
|
||||
color: #eea200;
|
||||
}
|
||||
@@ -29,7 +29,7 @@
|
||||
<!--[if gt IE 8]> <html class="no-js ie9" lang="{$lang_iso}"> <![endif]-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">
|
||||
<head>
|
||||
<title>{$meta_title|escape:'html':'UTF-8'}</title>
|
||||
<title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
|
||||
{if isset($meta_description) AND $meta_description}
|
||||
<meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
|
||||
{/if}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
@@ -591,13 +591,14 @@ var ajaxCart = {
|
||||
var h = parseInt($(window).height());
|
||||
var s = parseInt($(window).scrollTop());
|
||||
var t = $('#layer_cart').outerHeight(true);
|
||||
//alert(h+' '+s+' '+t);
|
||||
if (t < h)
|
||||
var n = parseInt(((h-t) / 2) + s) + 'px';
|
||||
var n = parseInt(((h-t) / 2) + s - t/2) + 'px';
|
||||
$('.layer_cart_overlay').css('width','100%');
|
||||
$('.layer_cart_overlay').css('height','100%');
|
||||
$('.layer_cart_overlay').show();
|
||||
$('#layer_cart').css({'top': n}).fadeIn('fast');
|
||||
$.scrollTo('#layer_cart', 400);
|
||||
//$.scrollTo('#layer_cart', 400);
|
||||
crossselling_serialScroll();
|
||||
},
|
||||
|
||||
|
||||
@@ -352,7 +352,7 @@ var contentOnly = {if $content_only}true{else}false{/if}
|
||||
|
||||
<div class="price">
|
||||
<p class="our_price_display" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
|
||||
<link itemprop="availability" href="http://schema.org/InStock">
|
||||
<link itemprop="availability" {if $product->quantity <= 0}href="http://schema.org/OutOfStock"{else}href="http://schema.org/InStock"{/if}>
|
||||
{if $priceDisplay >= 0 && $priceDisplay <= 2}
|
||||
<span id="our_price_display" itemprop="price">{convertPrice price=$productPrice}</span>
|
||||
<!--{if $tax_enabled && ((isset($display_tax_label) && $display_tax_label == 1) OR !isset($display_tax_label))}
|
||||
|
||||
@@ -47,6 +47,7 @@ textarea {resize:none;}
|
||||
.columns-container {background:$light-background;}
|
||||
#columns {
|
||||
z-index:1;
|
||||
position:relative;
|
||||
padding-bottom:50px;
|
||||
}
|
||||
#left_column {}
|
||||
|
||||
Reference in New Issue
Block a user