From b6c5cd7c63c0102bf7dc806ffa39a18b86d08f16 Mon Sep 17 00:00:00 2001 From: Alexander Grosul Date: Mon, 18 Nov 2013 20:07:24 +0200 Subject: [PATCH] replace new css files location to modules/themeconfigurator/css --- .../themeconfigurator/css/theme-style1.css | 183 +++++++++++++++ .../themeconfigurator/css/theme-style2.css | 200 ++++++++++++++++ .../themeconfigurator/css/theme-style3.css | 222 ++++++++++++++++++ .../themeconfigurator/css/theme-style8.css | 183 +++++++++++++++ .../themeconfigurator/sass/theme-style1.scss | 172 ++++++++++++++ .../themeconfigurator/sass/theme-style2.scss | 180 ++++++++++++++ .../themeconfigurator/sass/theme-style3.scss | 197 ++++++++++++++++ .../themeconfigurator/sass/theme-style8.scss | 177 ++++++++++++++ themes/default-bootstrap/css/product_list.css | 27 ++- themes/default-bootstrap/img/footer-bg1.gif | Bin 0 -> 1171 bytes themes/default-bootstrap/index.tpl | 5 + .../modules/blockwishlist/js/ajax-wishlist.js | 14 +- .../js/products-comparison.js | 110 ++++----- .../blockwishlist/blockwishlist_button.tpl | 2 +- .../productcomments_reviews.tpl | 2 +- themes/default-bootstrap/product-compare.tpl | 3 + themes/default-bootstrap/product-list.tpl | 20 +- .../default-bootstrap/sass/product_list.scss | 29 +-- 18 files changed, 1619 insertions(+), 107 deletions(-) create mode 100644 modules/themeconfigurator/css/theme-style1.css create mode 100644 modules/themeconfigurator/css/theme-style2.css create mode 100644 modules/themeconfigurator/css/theme-style3.css create mode 100644 modules/themeconfigurator/css/theme-style8.css create mode 100644 modules/themeconfigurator/sass/theme-style1.scss create mode 100644 modules/themeconfigurator/sass/theme-style2.scss create mode 100644 modules/themeconfigurator/sass/theme-style3.scss create mode 100644 modules/themeconfigurator/sass/theme-style8.scss create mode 100644 themes/default-bootstrap/img/footer-bg1.gif diff --git a/modules/themeconfigurator/css/theme-style1.css b/modules/themeconfigurator/css/theme-style1.css new file mode 100644 index 000000000..e21eac6bb --- /dev/null +++ b/modules/themeconfigurator/css/theme-style1.css @@ -0,0 +1,183 @@ +body { + background: #282828; +} + +.header-container, +.columns-container { + background: #f6f6f6; +} + +#header { + background: none; +} +#header .header-row { + background: #dadada; +} +#header .header-row .shop-phone { + color: #333333; +} +#header .header-row .shop-phone i, +#header .header-row .shop-phone strong { + color: #f44051; +} +#header #currencies-block-top, +#header #languages-block-top, +#header .header-row #header_user_info { + border-color: #c6c6c6; +} +#header #currencies-block-top div.current, +#header #languages-block-top div.current, +#header .header-row #header_user_info a { + 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 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: #b7b7b7; + color: white; +} +#header #contact-link { + border-color: #c6c6c6; +} +#header #contact-link a { + color: #333333; +} +#header #contact-link a:hover, #header #contact-link a.active { + background: #b7b7b7; + color: white; +} + +#search_block_top .btn.button-search { + background: #f44051; +} +#search_block_top .btn.button-search:hover { + color: white; + background: #333333; +} + +#header_right #header_user #shopping_cart a { + background: #f44051; + color: white; +} +#header_right #header_user #shopping_cart a:after { + color: white; +} +#header_right #header_user #shopping_cart a:hover { + color: white; + background: #333333; +} + +.sf-menu { + background: white; + border-bottom: 3px solid #e8e8e8; +} +.sf-menu > li { + border-right: 1px solid #e8e8e8; +} +.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: #f44051; + border-bottom-color: #ce2434; +} + +#home-page-tabs { + background: #f6f6f6; +} +#home-page-tabs > li.active a, +#home-page-tabs > li a:hover { + background: #f44051; + color: white; +} + +.new, +.sale { + background: #f44051; +} +.new:before, .new:after, +.sale:before, +.sale:after { + border-color: #ad2b34 transparent transparent transparent; +} + +ul.product_list.grid > li .product-container { + background: #f6f6f6; +} +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; +} +ul.product_list.grid > li .product-container .product-image-container .product_img_link img { + background: #fbfbfb; +} + +.button.lnk_view { + text-shadow: none; + padding: 0; + border: none; +} +.button.lnk_view span { + border: none; + padding: 12px 16px; + background: #333333; + color: white; +} +.button.lnk_view:hover span { + background: #f44051; +} + +#cmsinfo_block em { + background: #f44051; +} + +#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: 768px) { + .footer-container { + background: url(../img/footer-bg1.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: #f44051; +} diff --git a/modules/themeconfigurator/css/theme-style2.css b/modules/themeconfigurator/css/theme-style2.css new file mode 100644 index 000000000..fd62ffbfb --- /dev/null +++ b/modules/themeconfigurator/css/theme-style2.css @@ -0,0 +1,200 @@ +body { + background: #232323; +} + +.header-container, +.columns-container { + background: #333333; +} + +#header { + background: none; +} +#header .header-row { + background: #545454; +} +#header .header-row .shop-phone { + color: white; + text-shadow: 0 1px #404040; +} +#header .header-row .shop-phone i, +#header .header-row .shop-phone strong { + color: #aaaaaa; + text-shadow: 0 1px #404040; +} +#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 { + 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: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; + color: white; +} +#header #contact-link { + border-color: #656565; +} +#header #contact-link a { + color: white; +} +#header #contact-link a:hover, #header #contact-link a.active { + background: #2b2b2b; + color: white; +} + +#search_block_top .btn.button-search { + background: #666666; +} +#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; + color: white; +} +#header_right #header_user #shopping_cart a:after { + color: white; +} +#header_right #header_user #shopping_cart a:hover { + color: white; + background: #333333; +} + +.sf-menu { + background: white; + border: 1px solid #f2f2f2; + border-bottom: 3px solid #f2f2f2; +} +.sf-menu > li { + border-right: 1px solid #d6d4d4; +} +.sf-menu > li a { + border-bottom: 3px solid #f2f2f2; +} +.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a { + color: #fff; + background: #666666; + border-bottom-color: #666666; +} + +#home-page-tabs { + background: white; +} +#home-page-tabs > li.active a, +#home-page-tabs > li a:hover { + background: #333333; + color: white; +} + +.new, +.sale { + background: #f44051; +} +.new:before, .new:after, +.sale:before, +.sale:after { + border-color: #f44051 transparent transparent transparent; +} + +ul.product_list.grid > li .product-container { + background: white; +} +ul.product_list.grid > li .product-container .product-image-container { + background: #474747; +} +ul.product_list.grid > li .product-container .product-image-container .product_img_link { + background: #474747; +} +ul.product_list.grid > li .product-container .product-image-container .product_img_link img { + background: #474747; +} + +ul.product_list.grid > li:hover .product-container { + background: #5c5c5c; +} +ul.product_list.grid > li:hover .product-container .product-name { + color: #aaa; +} +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; +} + +#cmsinfo_block em { + background: #666666; +} + +#facebook_block, #cmsinfo_block { + background: #454545; +} +#facebook_block h4, #cmsinfo_block h4 { + color: white; +} + +#cmsinfo_block h3, +#cmsinfo_block .dark { + color: white; +} + +#cmsinfo_block, +#cmsinfo_block > div + div { + border-color: #1b1b1b; +} + +.footer-container { + background: #1b1b1b; +} +@media (min-width: 768px) { + .footer-container { + background: url(../img/footer-bg1.gif) repeat-x; + } +} + +.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; +} + +.footer-container #footer #social_block ul li a:hover { + color: white; +} diff --git a/modules/themeconfigurator/css/theme-style3.css b/modules/themeconfigurator/css/theme-style3.css new file mode 100644 index 000000000..ec1100819 --- /dev/null +++ b/modules/themeconfigurator/css/theme-style3.css @@ -0,0 +1,222 @@ +body { + background: #333333; +} + +.header-container, +.columns-container { + background: #fff; +} + +#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: #719f41; +} +#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: #333333; +} +#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 { + 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 #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; +} + +#search_block_top .btn.button-search { + 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: #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: #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: #719f41; + border-bottom-color: #598b24; +} + +#home-page-tabs { + background: white; +} +#home-page-tabs > li.active a, +#home-page-tabs > li a:hover { + background: #719f41; + color: white; +} + +.new, +.sale { + background: #719f41; +} +.new:before, .new:after, +.sale:before, +.sale:after { + border-color: #719f41 transparent transparent transparent; +} + +ul.product_list.grid > li .product-container { + 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: white; +} +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; +} + +.button.lnk_view { + text-shadow: none; + padding: 0; + border: none; +} +.button.lnk_view span { + border: none; + padding: 12px 16px; + background: #333333; + color: white; +} +.button.lnk_view:hover span { + background: #719f41; +} + +#cmsinfo_block em { + background: #333333; +} + +#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: 768px) { + .footer-container { + background: url(../img/footer-bg.gif) repeat-x; + } +} + +.footer-container #footer #social_block ul li a:hover { + color: #719f41; +} + +#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/modules/themeconfigurator/css/theme-style8.css b/modules/themeconfigurator/css/theme-style8.css new file mode 100644 index 000000000..804038e1a --- /dev/null +++ b/modules/themeconfigurator/css/theme-style8.css @@ -0,0 +1,183 @@ +body { + background: #282828; +} + +.header-container, +.columns-container { + background: #f7f5eb; +} + +#header { + background: none; +} +#header .header-row { + background: #333333; +} +#header .header-row .shop-phone { + color: white; +} +#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: #b7b7b7; + color: white; +} +#header #currencies-block-top div.current strong, +#header #languages-block-top div.current strong { + 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: #515151; +} +#header #contact-link a { + color: white; +} +#header #contact-link a:hover, #header #contact-link a.active { + background: #b7b7b7; + color: white; +} + +#search_block_top .btn.button-search { + background: #eea200; +} +#search_block_top .btn.button-search:hover { + color: white; + background: #b7b7b7; +} + +#header_right #header_user #shopping_cart a { + background: #eea200; + color: white; +} +#header_right #header_user #shopping_cart a:after { + color: white; +} +#header_right #header_user #shopping_cart a:hover { + color: white; + background: #b7b7b7; +} + +.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; +} + +#home-page-tabs { + background: none; +} +#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; +} + +#cmsinfo_block em { + background: #eea200; +} + +#facebook_block, #cmsinfo_block { + background: #f0eee1; +} + +#cmsinfo_block, +#cmsinfo_block > div + div { + border-color: #e9e6d6; +} + +.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: #eea200; +} + +.footer-container #footer #social_block ul li a:hover { + color: #eea200; +} diff --git a/modules/themeconfigurator/sass/theme-style1.scss b/modules/themeconfigurator/sass/theme-style1.scss new file mode 100644 index 000000000..993336649 --- /dev/null +++ b/modules/themeconfigurator/sass/theme-style1.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/theme-style2.scss b/modules/themeconfigurator/sass/theme-style2.scss new file mode 100644 index 000000000..bf0198bf1 --- /dev/null +++ b/modules/themeconfigurator/sass/theme-style2.scss @@ -0,0 +1,180 @@ +@import 'compass'; +@import 'bootstrap_lib/_variables'; +$header-background:#545454; +$color-style1:#666; +$color1-style1:#333; +$color2-style1:#b7b7b7; + +body{background:#232323} +.header-container, +.columns-container{background:$color1-style1} + +//-------- HEADER +#header { + background:none; + .header-row { + background:$header-background; + .shop-phone{ + color:white; + text-shadow:0 1px #404040; + i, + strong{color:#aaaaaa;text-shadow:0 1px #404040;} + + } + } + + #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:white; + &:hover, &.active { + color:white + } + + } + #currencies-block-top div.current, + #languages-block-top div.current{ + padding-bottom:11px; + strong, + &:after{color:white;} + } + + #currencies-block-top div.current, + #languages-block-top div.current + {&:hover, + &.active { + strong, + &:after + { + background:#2b2b2b; + color:white} + } + } + + #contact-link{ + border-color:#656565; + a{color:white; + &:hover, &.active { + background:#2b2b2b; + color:white + } + } + } + +} + + + + #search_block_top .btn.button-search{ + background:$color-style1; + + &:hover{color:white; + background:$color1-style1} + + + } + #search_block_top #search_query_top {background:white;color:$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:1px solid #f2f2f2; + border-bottom:3px solid #f2f2f2; + >li{ + border-right:1px solid #d6d4d4; + a{border-bottom: 3px solid #f2f2f2;} + &.sfHover > a, > a:hover, &.sfHoverForce > a + {color:#fff;background:$color-style1; + border-bottom-color:$color-style1;} + } + } + + + +//-------- columns-container + + #home-page-tabs{ + background:white; + > li.active a, + > li a:hover{ + background:$color1-style1; + color:white + } + + } + + + .new, + .sale + {background:#f44051; + &:before, + &:after{ + border-color: #f44051 transparent transparent transparent ; + } + } + + + ul.product_list.grid > li .product-container{ + background:white; + .product-image-container{ + background:#474747; + .product_img_link{background:#474747; + img{background:#474747;} + } + } + } + + ul.product_list.grid > li:hover .product-container{background:#5c5c5c; + .product-name{color:#aaa} + .functional-buttons div a, ul.product_list.grid > li .product-container .functional-buttons div label{color:#aaa; + + &:hover{color:#fff} + } + + } + + + #cmsinfo_block em{background:$color-style1;} + #facebook_block, #cmsinfo_block{background:#454545; + h4{color:white} + + } + #cmsinfo_block h3, + #cmsinfo_block .dark + {color:white} + + #cmsinfo_block, + #cmsinfo_block > div + div{border-color:#1b1b1b;} + .footer-container { + background:#1b1b1b; + @media (min-width: $screen-sm) { // min 768px + background:url(../img/footer-bg1.gif) repeat-x; + } +} +.footer-container #footer #social_block{ background:#1b1b1b;} + + #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:white;} + + \ No newline at end of file diff --git a/modules/themeconfigurator/sass/theme-style3.scss b/modules/themeconfigurator/sass/theme-style3.scss new file mode 100644 index 000000000..e38d6b14a --- /dev/null +++ b/modules/themeconfigurator/sass/theme-style3.scss @@ -0,0 +1,197 @@ +@import 'compass'; +@import 'bootstrap_lib/_variables'; +$color-style1:#719f41; +$color1-style1:#333; +$color2-style1:#b7b7b7; + +body{background:$color1-style1} +.header-container, +.columns-container{background:#fff} + + //-------- 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:$color1-style1;} + } + + + #currencies-block-top div.current, + #languages-block-top div.current{ + &:after, + strong{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:0 1px #567931; + &: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:0 1px #567931; + &: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:$color1-style1;} + #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/theme-style8.scss b/modules/themeconfigurator/sass/theme-style8.scss new file mode 100644 index 000000000..93fcc3f88 --- /dev/null +++ b/modules/themeconfigurator/sass/theme-style8.scss @@ -0,0 +1,177 @@ +@import 'compass'; +@import 'bootstrap_lib/_variables'; + +$header-background:#333333; +$color-style1:#eea200; +$color1-style1:#fff; +$color2-style1:#b7b7b7; + +body{background:#282828} +.header-container, +.columns-container{background:#f7f5eb} + + //-------- 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:#515151; + } + + #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:#515151; + a{color:$color1-style1; + &:hover, &.active { + background:$color2-style1; + color:white + } + } + } + +} + + + #search_block_top .btn.button-search{background:$color-style1; + &:hover{color:white; + background:$color2-style1} + } + + #header_right #header_user #shopping_cart a{ + background:$color-style1; + color:white; + &:after{color:white} + &:hover{color:white; + background:$color2-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 + + #home-page-tabs{ + background:none; + > 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; + } + } + } + + + #cmsinfo_block em{background:$color-style1;} + #facebook_block, #cmsinfo_block{background:#f0eee1} + #cmsinfo_block, + #cmsinfo_block > div + div{border-color:#e9e6d6;} + + .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:$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/product_list.css b/themes/default-bootstrap/css/product_list.css index d0aa2c2e8..d22fb2c79 100644 --- a/themes/default-bootstrap/css/product_list.css +++ b/themes/default-bootstrap/css/product_list.css @@ -192,7 +192,7 @@ ul.product_list.grid > li .product-container .functional-buttons div.wishlist a: content: ""; margin-right: 3px; } -ul.product_list.grid > li .product-container .functional-buttons div.wishlist a.ckecked:before { +ul.product_list.grid > li .product-container .functional-buttons div.wishlist a.checked:before { content: ""; } @media (min-width: 992px) and (max-width: 1199px) { @@ -211,28 +211,29 @@ ul.product_list.grid > li .product-container .functional-buttons div.wishlist a. display: none; } } -ul.product_list.grid > li .product-container .functional-buttons div.compare label:before { +ul.product_list.grid > li .product-container .functional-buttons div.compare a:before { content: ""; display: inline-block; font-family: "FontAwesome"; + margin-right: 3px; } @media (min-width: 992px) and (max-width: 1199px) { - ul.product_list.grid > li .product-container .functional-buttons div.compare label:before { + ul.product_list.grid > li .product-container .functional-buttons div.compare a:before { display: none; } } @media (min-width: 480px) and (max-width: 767px) { - ul.product_list.grid > li .product-container .functional-buttons div.compare label:before { + ul.product_list.grid > li .product-container .functional-buttons div.compare a:before { display: none; } } -ul.product_list.grid > li .product-container .functional-buttons div.compare label.checked:before { +ul.product_list.grid > li .product-container .functional-buttons div.compare a.checked:before { content: ""; } @media (min-width: 1200px) { ul.product_list.grid > li.hovered { margin-bottom: -300px; - padding-bottom: 250px; + padding-bottom: 226px; } ul.product_list.grid > li.hovered .product-container { -webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px; @@ -415,7 +416,7 @@ ul.product_list.list > li .right-block .right-block-content .button-container .b display: none !important; } } -ul.product_list.list > li .right-block .right-block-content .functional-buttons a, ul.product_list.list > li .right-block .right-block-content .functional-buttons label { +ul.product_list.list > li .right-block .right-block-content .functional-buttons a { font-weight: bold; color: #777676; cursor: pointer; @@ -446,13 +447,13 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a:hover:before { background: #333333; } -ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a.ckecked:before { +ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist a.checked:before { content: ""; } ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare { padding-top: 10px; } -ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:before { +ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:before { content: ""; display: inline-block; font-family: "FontAwesome"; @@ -470,13 +471,13 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons padding: 6px 0 0 0; color: white; } -ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:hover { +ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:hover { color: #333333; } -ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:hover:before { +ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:hover:before { background: #333333; } -ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label.checked:before { +ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a.checked:before { background: white; border: 1px solid #929292; color: #929292; @@ -522,7 +523,7 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons } #index ul.product_list.tab-pane > li.last-line.hovered { margin-bottom: -300px; - padding-bottom: 230px; + padding-bottom: 235px; } } @media (min-width: 480px) and (max-width: 767px) { diff --git a/themes/default-bootstrap/img/footer-bg1.gif b/themes/default-bootstrap/img/footer-bg1.gif new file mode 100644 index 0000000000000000000000000000000000000000..1684526ba8e13ee01eff1748f17fdd7694f491b5 GIT binary patch literal 1171 zcmaJ>cYM@T98VEN!Hv6)kcy)Al9$}bphvx25~vWY*J5#-CXZgcCNCyA?phZrs0^*( zLK$ul1>6$>_rksR-io*t7rdOk(m(h#f4sc${r>^ZVyoF* zFhz@M978sgrLyBWFf_=r)9D6MIZYWBYKIb@N81cVRv=*^O=Y43GSbW_I?yr^Q|dTPSJX`@G4E^!_bo$rc^4?r8tfJ z4u%y)F|xsNF^q@>U2bTUV{TAawV=Sj^ldM+kxNDvjdoNF(-ijf{}3E6XLsbopwGA) z(3PNQ6FE%T@EDc`j9^`p`j`gIk>6s{Np~%Y#e~2B_$p5X0;GNewI% z0efSRbi*$|{EC{<8NkYcu1g9siw<#X{lPRDkc!BCATKz(< z5HUmJ6AI82O;b6R6*Y}jMLEdb^EwF zYBv4%?>~S4weinCe*f*)Uw;1S#|=NM|Ngsgzxn#BFTeQwvrj+y_@fU$c>le3-+BA3 zH{W>uwO3zx`K1?Mcz)e;&pz|?Q%^qe_+yVgvUbhthgUuH-~;#HckexS-*x95x365W z{I*+{-LiDa%{Se6!}Zr)yLi#U1=n0X|Eepmxcsttb1&_=4wpgDDbIdBF^E;q+|6*9DdlSLk}5wa2+**Jm|m!_OIP< z-+lJpYtKD~@4nlvyX?Hvj>CrTu>FwjwjI39pc>p_HV(#(h9K&rA!{/if}{$HOOK_HOME_TAB}{if isset($HOOK_HOME_TAB)} {/if} {/if} diff --git a/themes/default-bootstrap/product-list.tpl b/themes/default-bootstrap/product-list.tpl index 725e7885d..593fbedb4 100644 --- a/themes/default-bootstrap/product-list.tpl +++ b/themes/default-bootstrap/product-list.tpl @@ -52,8 +52,8 @@
{$product.legend|escape:'htmlall':'UTF-8'} - {if isset($quick_view) && $quick_view}Quick view{/if} + {if isset($quick_view) && $quick_view}Quick view{/if} {if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}
{if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)} @@ -112,12 +112,10 @@ {/if}
- {hook h='displayProductListFunctionalButtons' product=$product} + {hook h='displayProductListFunctionalButtons' product=$product} {if isset($comparator_max_item) && $comparator_max_item}
- + {l s='Add to Compare'}
{/if}
@@ -125,14 +123,14 @@ {/foreach} - {if $page_name == 'product'} {/if} @@ -192,8 +190,6 @@ $('.display').find('li#list').addClass('selected'); $('.display').find('li#grid').removeAttr('class'); $.totalStorage('display', 'list'); - if (typeof reloadProductComparison != 'undefined') // compare button reload - reloadProductComparison(); if (typeof ajaxCart != 'undefined') // cart button reload ajaxCart.overrideButtonsInThePage(); if (typeof quick_view != 'undefined') // qick view button reload @@ -233,9 +229,7 @@ }); $('.display').find('li#grid').addClass('selected'); $('.display').find('li#list').removeAttr('class'); - $.totalStorage('display', 'grid'); - if (typeof reloadProductComparison != 'undefined')// compare button reload - reloadProductComparison(); + $.totalStorage('display', 'grid'); if (typeof ajaxCart != 'undefined') // cart button reload ajaxCart.overrideButtonsInThePage(); if (typeof quick_view != 'undefined') // qick view button reload diff --git a/themes/default-bootstrap/sass/product_list.scss b/themes/default-bootstrap/sass/product_list.scss index 07e8a736d..670849670 100644 --- a/themes/default-bootstrap/sass/product_list.scss +++ b/themes/default-bootstrap/sass/product_list.scss @@ -194,7 +194,7 @@ ul.product_list.grid { margin-right:3px; } - a.ckecked:before { + a.checked:before { content:""; } @media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px @@ -211,11 +211,12 @@ ul.product_list.grid { } &.compare { - label { + a { &:before { content:""; display:inline-block; font-family:$font-icon; + margin-right:3px; @media (min-width: $screen-md) and (max-width: $screen-md-max) { // min 992px max 1199px display:none; } @@ -238,7 +239,7 @@ ul.product_list.grid { @media (min-width: $screen-lg) { // min 1200px &.hovered { margin-bottom:-300px; - padding-bottom:250px; + padding-bottom:226px; .product-container { @include box-shadow(rgba(black, 0.17) 0 0 13px); @@ -412,7 +413,7 @@ ul.product_list.list { i, &:before {display:none !important;} } } - a, label { + a { font-weight:bold; color:#777676; cursor:pointer; @@ -441,7 +442,7 @@ ul.product_list.list { background:$dark-background; } } - a.ckecked { + a.checked { &:before { content:""; } @@ -451,7 +452,7 @@ ul.product_list.list { .compare { padding-top:10px; - label { + a { &:before { content:""; @@ -475,13 +476,13 @@ ul.product_list.list { background:$dark-background; } } - &.checked { - &:before { - background:$light-background; - border:1px solid #929292; - color:#929292; - padding-top:5px; - } + } + a.checked { + &:before { + background:$light-background; + border:1px solid #929292; + color:#929292; + padding-top:5px; } } } @@ -537,7 +538,7 @@ ul.product_list.list { &.hovered { margin-bottom:-300px; - padding-bottom:230px; + padding-bottom:235px; } } }