diff --git a/modules/themeconfigurator/css/live_configurator.css b/modules/themeconfigurator/css/live_configurator.css index dea2d743f..7573563be 100644 --- a/modules/themeconfigurator/css/live_configurator.css +++ b/modules/themeconfigurator/css/live_configurator.css @@ -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;} diff --git a/modules/themeconfigurator/images/banner-img4.jpg b/modules/themeconfigurator/images/banner-img4.jpg index 791d393a7..a8d8d49a5 100644 Binary files a/modules/themeconfigurator/images/banner-img4.jpg and b/modules/themeconfigurator/images/banner-img4.jpg differ diff --git a/modules/themeconfigurator/images/banner-img5.jpg b/modules/themeconfigurator/images/banner-img5.jpg index 0e11f2f32..9e5a537b5 100644 Binary files a/modules/themeconfigurator/images/banner-img5.jpg and b/modules/themeconfigurator/images/banner-img5.jpg differ diff --git a/modules/themeconfigurator/images/banner-img6.jpg b/modules/themeconfigurator/images/banner-img6.jpg index fc376851d..a4ba4f9e0 100644 Binary files a/modules/themeconfigurator/images/banner-img6.jpg and b/modules/themeconfigurator/images/banner-img6.jpg differ diff --git a/modules/themeconfigurator/sass/theme2.scss b/modules/themeconfigurator/sass/theme2.scss new file mode 100644 index 000000000..e2183f9dc --- /dev/null +++ b/modules/themeconfigurator/sass/theme2.scss @@ -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;} + + \ No newline at end of file diff --git a/modules/themeconfigurator/sass/theme3.scss b/modules/themeconfigurator/sass/theme3.scss new file mode 100644 index 000000000..91de21c11 --- /dev/null +++ b/modules/themeconfigurator/sass/theme3.scss @@ -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; + } \ No newline at end of file diff --git a/modules/themeconfigurator/sass/theme4.scss b/modules/themeconfigurator/sass/theme4.scss new file mode 100644 index 000000000..c93b3c387 --- /dev/null +++ b/modules/themeconfigurator/sass/theme4.scss @@ -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;} + } + + \ No newline at end of file diff --git a/modules/themeconfigurator/sass/theme5.scss b/modules/themeconfigurator/sass/theme5.scss new file mode 100644 index 000000000..786cf28cd --- /dev/null +++ b/modules/themeconfigurator/sass/theme5.scss @@ -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;} + } + + \ No newline at end of file diff --git a/modules/themeconfigurator/sass/theme6.scss b/modules/themeconfigurator/sass/theme6.scss new file mode 100644 index 000000000..dcdbd2076 --- /dev/null +++ b/modules/themeconfigurator/sass/theme6.scss @@ -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} + } + } + + \ No newline at end of file diff --git a/modules/themeconfigurator/sass/theme7.scss b/modules/themeconfigurator/sass/theme7.scss new file mode 100644 index 000000000..e01c4b83b --- /dev/null +++ b/modules/themeconfigurator/sass/theme7.scss @@ -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;} + + \ No newline at end of file diff --git a/modules/themeconfigurator/sass/theme8.scss b/modules/themeconfigurator/sass/theme8.scss new file mode 100644 index 000000000..05f20dd70 --- /dev/null +++ b/modules/themeconfigurator/sass/theme8.scss @@ -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;} + + \ No newline at end of file diff --git a/modules/themeconfigurator/sass/theme9.scss b/modules/themeconfigurator/sass/theme9.scss new file mode 100644 index 000000000..01e0de900 --- /dev/null +++ b/modules/themeconfigurator/sass/theme9.scss @@ -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;} + + \ No newline at end of file diff --git a/themes/default-bootstrap/css/global.css b/themes/default-bootstrap/css/global.css index 62b6a02b4..ef7453301 100644 --- a/themes/default-bootstrap/css/global.css +++ b/themes/default-bootstrap/css/global.css @@ -89,6 +89,7 @@ textarea { #columns { z-index: 1; + position: relative; padding-bottom: 50px; } diff --git a/themes/default-bootstrap/css/theme2.css b/themes/default-bootstrap/css/theme2.css index fd62ffbfb..2f692e461 100644 --- a/themes/default-bootstrap/css/theme2.css +++ b/themes/default-bootstrap/css/theme2.css @@ -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; } diff --git a/themes/default-bootstrap/css/theme3.css b/themes/default-bootstrap/css/theme3.css index ec1100819..5e9f0b732 100644 --- a/themes/default-bootstrap/css/theme3.css +++ b/themes/default-bootstrap/css/theme3.css @@ -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; +} diff --git a/themes/default-bootstrap/css/theme4.css b/themes/default-bootstrap/css/theme4.css new file mode 100644 index 000000000..7ace7e45e --- /dev/null +++ b/themes/default-bootstrap/css/theme4.css @@ -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; +} diff --git a/themes/default-bootstrap/css/theme5.css b/themes/default-bootstrap/css/theme5.css new file mode 100644 index 000000000..3b10719b0 --- /dev/null +++ b/themes/default-bootstrap/css/theme5.css @@ -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; +} diff --git a/themes/default-bootstrap/css/theme1.css b/themes/default-bootstrap/css/theme6.css similarity index 65% rename from themes/default-bootstrap/css/theme1.css rename to themes/default-bootstrap/css/theme6.css index e21eac6bb..4c14f4c32 100644 --- a/themes/default-bootstrap/css/theme1.css +++ b/themes/default-bootstrap/css/theme6.css @@ -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; } diff --git a/themes/default-bootstrap/css/theme7.css b/themes/default-bootstrap/css/theme7.css new file mode 100644 index 000000000..223b390d5 --- /dev/null +++ b/themes/default-bootstrap/css/theme7.css @@ -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; +} diff --git a/themes/default-bootstrap/css/theme8.css b/themes/default-bootstrap/css/theme8.css index 804038e1a..6dc6e7974 100644 --- a/themes/default-bootstrap/css/theme8.css +++ b/themes/default-bootstrap/css/theme8.css @@ -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; } diff --git a/themes/default-bootstrap/css/theme9.css b/themes/default-bootstrap/css/theme9.css new file mode 100644 index 000000000..f3794b675 --- /dev/null +++ b/themes/default-bootstrap/css/theme9.css @@ -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; +} diff --git a/themes/default-bootstrap/header.tpl b/themes/default-bootstrap/header.tpl index 7017fce5a..b5e24e60f 100644 --- a/themes/default-bootstrap/header.tpl +++ b/themes/default-bootstrap/header.tpl @@ -29,7 +29,7 @@ - {$meta_title|escape:'html':'UTF-8'} + {$meta_title|escape:'htmlall':'UTF-8'} {if isset($meta_description) AND $meta_description} {/if} diff --git a/themes/default-bootstrap/img/bg-theme2.jpg b/themes/default-bootstrap/img/bg-theme2.jpg new file mode 100644 index 000000000..1d5333c46 Binary files /dev/null and b/themes/default-bootstrap/img/bg-theme2.jpg differ diff --git a/themes/default-bootstrap/img/bg-theme3.jpg b/themes/default-bootstrap/img/bg-theme3.jpg new file mode 100644 index 000000000..85bb79132 Binary files /dev/null and b/themes/default-bootstrap/img/bg-theme3.jpg differ diff --git a/themes/default-bootstrap/img/bg-theme5.jpg b/themes/default-bootstrap/img/bg-theme5.jpg new file mode 100644 index 000000000..b585b4ccb Binary files /dev/null and b/themes/default-bootstrap/img/bg-theme5.jpg differ diff --git a/themes/default-bootstrap/img/bg-theme6.jpg b/themes/default-bootstrap/img/bg-theme6.jpg new file mode 100644 index 000000000..ce59879d7 Binary files /dev/null and b/themes/default-bootstrap/img/bg-theme6.jpg differ diff --git a/themes/default-bootstrap/img/bg-theme7.jpg b/themes/default-bootstrap/img/bg-theme7.jpg new file mode 100644 index 000000000..82f148e71 Binary files /dev/null and b/themes/default-bootstrap/img/bg-theme7.jpg differ diff --git a/themes/default-bootstrap/img/bg-theme8.jpg b/themes/default-bootstrap/img/bg-theme8.jpg new file mode 100644 index 000000000..d33c2b865 Binary files /dev/null and b/themes/default-bootstrap/img/bg-theme8.jpg differ diff --git a/themes/default-bootstrap/img/footer-bg2.gif b/themes/default-bootstrap/img/footer-bg2.gif new file mode 100644 index 000000000..b4b03310d Binary files /dev/null and b/themes/default-bootstrap/img/footer-bg2.gif differ diff --git a/themes/default-bootstrap/img/footer-bg3.gif b/themes/default-bootstrap/img/footer-bg3.gif new file mode 100644 index 000000000..989f6c2b9 Binary files /dev/null and b/themes/default-bootstrap/img/footer-bg3.gif differ diff --git a/themes/default-bootstrap/img/footer-bg5.gif b/themes/default-bootstrap/img/footer-bg5.gif new file mode 100644 index 000000000..6de0ce5d8 Binary files /dev/null and b/themes/default-bootstrap/img/footer-bg5.gif differ diff --git a/themes/default-bootstrap/js/modules/blockcart/ajax-cart.js b/themes/default-bootstrap/js/modules/blockcart/ajax-cart.js index d82206343..230f1731d 100644 --- a/themes/default-bootstrap/js/modules/blockcart/ajax-cart.js +++ b/themes/default-bootstrap/js/modules/blockcart/ajax-cart.js @@ -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(); }, diff --git a/themes/default-bootstrap/product.tpl b/themes/default-bootstrap/product.tpl index b1e59efe2..0ae187a64 100644 --- a/themes/default-bootstrap/product.tpl +++ b/themes/default-bootstrap/product.tpl @@ -352,7 +352,7 @@ var contentOnly = {if $content_only}true{else}false{/if}

- + quantity <= 0}href="http://schema.org/OutOfStock"{else}href="http://schema.org/InStock"{/if}> {if $priceDisplay >= 0 && $priceDisplay <= 2} {convertPrice price=$productPrice}