added all themes for themeconfigurator
This commit is contained in:
TMMeilleur
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user