Updating styles
This commit is contained in:
alexey-svistunov committed
1 parent
e7abdee44a
commit
a7aea1d018
23 files changed
+354
-204
No files matched your search
@@ -118,6 +118,7 @@ p.info-account {
|
||||
}
|
||||
}
|
||||
}
|
||||
.label {white-space:normal; display:inline-block; padding:6px 10px;}
|
||||
.required {
|
||||
|
||||
sup {
|
||||
@@ -620,7 +621,7 @@ table.table_block td {
|
||||
.price-percent-reduction {
|
||||
background:#f13340;
|
||||
border:1px solid #d02a2c;
|
||||
font:600 21px/26px $font-custom;
|
||||
font:600 21px/24px $font-custom;
|
||||
color:$light-text-color;
|
||||
padding:0 5px 0 3px;
|
||||
display:inline-block;
|
||||
@@ -774,6 +775,7 @@ table.table_block td {
|
||||
***************************************************************************************************/
|
||||
#home-page-tabs {
|
||||
border:none;
|
||||
background:$light-background;
|
||||
@media (min-width: $screen-sm) { // min 768px
|
||||
padding:10px 0;
|
||||
margin:0 0 0 -18px;
|
||||
@@ -883,7 +885,14 @@ table.table_block td {
|
||||
&:first-child {border-top:none;}
|
||||
}
|
||||
|
||||
.form-group { padding-top:20px; border-top:1px solid $base-border-color;}
|
||||
.form-group {
|
||||
padding-top:20px;
|
||||
border-top:1px solid $base-border-color;
|
||||
|
||||
select {
|
||||
max-width:270px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {margin-top:12px;}
|
||||
}
|
||||
@@ -1596,6 +1605,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
#header {
|
||||
padding-bottom:21px;
|
||||
position:relative;
|
||||
background:$light-background;
|
||||
|
||||
.header-row {
|
||||
background:$dark-background;
|
||||
@@ -1713,7 +1723,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
position:absolute;
|
||||
top:37px;
|
||||
left:0;
|
||||
width:166px;
|
||||
width:157px;
|
||||
background:$dark-background;
|
||||
z-index:2;
|
||||
|
||||
@@ -1772,7 +1782,7 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
font-weight:bold;
|
||||
font-size:12px;
|
||||
line-height:24px;
|
||||
height:26px;
|
||||
min-height:26px;
|
||||
@include border-radius(3px);
|
||||
overflow:hidden;
|
||||
margin-bottom:16px;
|
||||
@@ -1780,19 +1790,16 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
z-index:1;
|
||||
|
||||
.navigation-pipe {
|
||||
float:left;
|
||||
width:18px;
|
||||
display:inline-block;
|
||||
text-indent:-5000px;
|
||||
}
|
||||
.navigation_page { float:left;}
|
||||
|
||||
a {
|
||||
display:inline-block;
|
||||
float:left;
|
||||
background:$light-background;
|
||||
padding:0 8px 0 22px;
|
||||
margin-left:-20px;
|
||||
margin-left:-26px;
|
||||
position:relative;
|
||||
z-index:2;
|
||||
color:$base-text-color;
|
||||
@@ -1807,16 +1814,23 @@ div.star_hover a, div.star a:hover { background-position: 0 -32px }
|
||||
@include border-top-left-radius(3px);
|
||||
@include border-bottom-left-radius(3px);
|
||||
z-index:99;
|
||||
line-height:22px;
|
||||
display:inline-block;
|
||||
height:24px;
|
||||
|
||||
i {
|
||||
vertical-align:-1px;
|
||||
}
|
||||
}
|
||||
|
||||
&:after {
|
||||
display:inline-block;
|
||||
content:".";
|
||||
position:absolute;
|
||||
right:-6px;
|
||||
top:0;
|
||||
width:24px;
|
||||
height:24px;
|
||||
right:-10px;
|
||||
top:3px;
|
||||
width:18px;
|
||||
height:18px;
|
||||
background:$light-background;
|
||||
border-right:1px solid $base-border-color;
|
||||
border-top:1px solid $base-border-color;
|
||||
|
||||
@@ -108,7 +108,15 @@
|
||||
margin-right:10px;
|
||||
|
||||
&#button_order_cart {
|
||||
margin-right:0;
|
||||
margin-right:0;
|
||||
background:#43b155;
|
||||
border-color:#399b49 #369946 #208931 #369946;
|
||||
|
||||
span {
|
||||
border-color:#73ca77;
|
||||
}
|
||||
|
||||
&:hover {background:#359144; color:$light-text-color;}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -54,7 +54,9 @@
|
||||
border:none;
|
||||
}
|
||||
|
||||
.block_content {overflow:hidden;}
|
||||
.block_content {
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom:0;
|
||||
@@ -67,6 +69,7 @@
|
||||
color:$light-text-color;
|
||||
padding:5px 43px 5px 12px;
|
||||
display:inline-block;
|
||||
float:left;
|
||||
|
||||
&:focus {
|
||||
@include box-shadow(black 0px 0px 0px);
|
||||
@@ -74,11 +77,12 @@
|
||||
}
|
||||
|
||||
.button-small {
|
||||
margin-left:-41px;
|
||||
margin-left:-42px;
|
||||
border:none;
|
||||
background:none;
|
||||
text-align:center;
|
||||
color:#908f8f;
|
||||
padding:8px;
|
||||
|
||||
&:before {
|
||||
content:"";
|
||||
@@ -96,10 +100,19 @@
|
||||
}
|
||||
|
||||
.warning_inline {
|
||||
display:inline-block;
|
||||
display:block;
|
||||
color:#f13340;
|
||||
font-size:13px;
|
||||
line-height:26px;
|
||||
line-height:26px;
|
||||
clear:both;
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
display:inline-block;
|
||||
position:relative;
|
||||
top:-35px;
|
||||
margin-bottom:-35px;
|
||||
left:15px;
|
||||
clear:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -15,6 +15,7 @@
|
||||
.page-heading.step-num {
|
||||
position:relative;
|
||||
padding-left:45px;
|
||||
overflow:visible;
|
||||
|
||||
span {
|
||||
font-weight:bold;
|
||||
|
||||
@@ -117,6 +117,8 @@ ul.product_list.grid {
|
||||
|
||||
span {
|
||||
color:$light-text-color;
|
||||
|
||||
&.old-price {color:#b1b0b0;}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -204,27 +206,29 @@ ul.product_list.grid {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
&.hovered {
|
||||
margin-bottom:-300px;
|
||||
padding-bottom:250px;
|
||||
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
&:hover {
|
||||
@include box-shadow(rgba(black, 0.17) 0 0 13px);
|
||||
position:relative;
|
||||
z-index:2;
|
||||
|
||||
.content_price { display:none;}
|
||||
|
||||
.product-image-container {
|
||||
.content_price {
|
||||
display:block;
|
||||
}
|
||||
.quick-view {display:block;}
|
||||
.product-container {
|
||||
@include box-shadow(rgba(black, 0.17) 0 0 13px);
|
||||
position:relative;
|
||||
z-index:10;
|
||||
|
||||
.content_price { display:none;}
|
||||
|
||||
.product-image-container {
|
||||
.content_price {
|
||||
display:block;
|
||||
}
|
||||
|
||||
.button-container, .functional-buttons {display:block;}
|
||||
.quick-view {display:block;}
|
||||
}
|
||||
.functional-buttons, .button-container {display:block}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@media (min-width: $screen-md) { // min 991px
|
||||
&.first-in-line {clear:left;}
|
||||
}
|
||||
@@ -234,7 +238,28 @@ ul.product_list.grid {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#blockpack {
|
||||
ul {
|
||||
>li {
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
&.last-line {
|
||||
border:none;
|
||||
padding-bottom:0;
|
||||
margin-bottom:0;
|
||||
|
||||
&.hovered {
|
||||
margin-bottom:-289px;
|
||||
padding-bottom:250px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: $screen-xs) and (max-width: $screen-xs-max) { // min 480px max 767px
|
||||
&.first-item-of-tablet-line {clear:none;}
|
||||
&.first-item-of-mobile-line {clear:left;}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*******************************************************
|
||||
Product list(List) Styles
|
||||
********************************************************/
|
||||
@@ -456,13 +481,23 @@ ul.product_list.list {
|
||||
margin-bottom:50px;
|
||||
}
|
||||
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
&.hovered {
|
||||
margin-bottom:-290px;
|
||||
}
|
||||
}
|
||||
.availability {display:none;}
|
||||
|
||||
@media (min-width: $screen-lg) { // min 1200px
|
||||
&.last-line {
|
||||
border:none;
|
||||
padding-bottom:0;
|
||||
margin-bottom:0;
|
||||
margin-bottom:0;
|
||||
|
||||
&.hovered {
|
||||
margin-bottom:-290px;
|
||||
padding-bottom:250px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user