replace new css files location to modules/themeconfigurator/css
This commit is contained in:
Alexander Grosul
@@ -0,0 +1,172 @@
|
||||
@import 'compass';
|
||||
@import 'bootstrap_lib/_variables';
|
||||
$header-background:#dadada;
|
||||
$color-style1:#f44051;
|
||||
$color1-style1:#333;
|
||||
$color2-style1:#b7b7b7;
|
||||
|
||||
body{background:#282828}
|
||||
.header-container,
|
||||
.columns-container{background:#f6f6f6}
|
||||
|
||||
//-------- HEADER
|
||||
#header {
|
||||
background:none;
|
||||
.header-row {
|
||||
background:$header-background;
|
||||
.shop-phone{
|
||||
color:$color1-style1;
|
||||
i,
|
||||
strong{color:$color-style1}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
#currencies-block-top,
|
||||
#languages-block-top,
|
||||
.header-row #header_user_info{
|
||||
border-color:#c6c6c6;
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current,
|
||||
.header-row #header_user_info a
|
||||
{
|
||||
color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:$color2-style1;
|
||||
color:white
|
||||
}
|
||||
|
||||
}
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current{
|
||||
strong{color:$color1-style1;}
|
||||
}
|
||||
|
||||
#currencies-block-top div.current,
|
||||
#languages-block-top div.current
|
||||
{&:hover,
|
||||
&.active {
|
||||
strong,
|
||||
&:after
|
||||
{
|
||||
background:$color2-style1;
|
||||
color:white}
|
||||
}
|
||||
}
|
||||
|
||||
#contact-link{
|
||||
border-color:#c6c6c6;
|
||||
a{color:$color1-style1;
|
||||
&:hover, &.active {
|
||||
background:$color2-style1;
|
||||
color:white
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
#search_block_top .btn.button-search{background:$color-style1;
|
||||
&:hover{color:white;
|
||||
background:$color1-style1}
|
||||
}
|
||||
|
||||
#header_right #header_user #shopping_cart a{
|
||||
background:$color-style1;
|
||||
color:white;
|
||||
&:after{color:white}
|
||||
&:hover{color:white;
|
||||
background:$color1-style1}
|
||||
}
|
||||
|
||||
.sf-menu{
|
||||
background:white;
|
||||
border-bottom:3px solid #e8e8e8;
|
||||
>li{
|
||||
border-right:1px solid #e8e8e8;
|
||||
a{border-bottom: 3px solid #e8e8e8;}
|
||||
&.sfHover > a, > a:hover, &.sfHoverForce > a
|
||||
{color:#fff;background:$color-style1;
|
||||
border-bottom-color:#ce2434;}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
//-------- columns-container
|
||||
|
||||
#home-page-tabs{
|
||||
background:#f6f6f6;
|
||||
> li.active a,
|
||||
> li a:hover{
|
||||
background:$color-style1;
|
||||
color:white
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.new,
|
||||
.sale
|
||||
{background:$color-style1;
|
||||
&:before,
|
||||
&:after{
|
||||
border-color: #ad2b34 transparent transparent transparent ;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
ul.product_list.grid > li .product-container{
|
||||
background:#f6f6f6;
|
||||
.product-image-container{
|
||||
background:white;
|
||||
.product_img_link{background:#fbfbfb;
|
||||
img{background:#fbfbfb;}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.button.lnk_view {
|
||||
text-shadow:none;
|
||||
padding:0;
|
||||
border:none;
|
||||
span {
|
||||
border:none;
|
||||
padding:12px 16px;
|
||||
background:$color1-style1;
|
||||
color:white;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
span {
|
||||
background:$color-style1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#cmsinfo_block em{background:$color-style1;}
|
||||
#facebook_block, #cmsinfo_block{background:#e8e8e8}
|
||||
#cmsinfo_block,
|
||||
#cmsinfo_block > div + div{border-color:#d0d0d0;}
|
||||
|
||||
.footer-container #footer #social_block { background:#1b1b1b;padding-bottom:15px;}
|
||||
.footer-container {
|
||||
background:#1b1b1b;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
background:url(../img/footer-bg1.gif) repeat-x;
|
||||
}
|
||||
}
|
||||
#footer #newsletter_block_left .form-group{
|
||||
.form-control{background:#1b1b1b;}
|
||||
.button-small {color:$color-style1;}
|
||||
}
|
||||
|
||||
.footer-container #footer #social_block ul li a:hover{color:$color-style1;}
|
||||
|
||||
|
||||
@@ -0,0 +1,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;}
|
||||
|
||||
|
||||
@@ -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}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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;}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user