172 lines
3.2 KiB
SCSS
Executable File
172 lines
3.2 KiB
SCSS
Executable File
@import 'compass';
|
|
@import 'bootstrap_lib/_variables';
|
|
$header-background:#dadada;
|
|
$color-style1:#f44051;
|
|
$color1-style1:#fff;
|
|
$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_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;}
|
|
|
|
|