Commit 75bc733c24cdb6b6e714c4ddd089b2fe738b0b81
1 parent
66b994f6
Веталь
Showing
1 changed file
with
17 additions
and
12 deletions
Show diff stats
frontend/web/css/style.css
| @@ -109,8 +109,8 @@ a.myorders{color:#f75d50} | @@ -109,8 +109,8 @@ a.myorders{color:#f75d50} | ||
| 109 | } | 109 | } |
| 110 | .products ul{list-style:none;margin:0;padding:0;} | 110 | .products ul{list-style:none;margin:0;padding:0;} |
| 111 | .products ul li.item{float:left;width:192px;margin:0 0 50px 0;text-align:center;position:relative;} | 111 | .products ul li.item{float:left;width:192px;margin:0 0 50px 0;text-align:center;position:relative;} |
| 112 | -.products ul li a.name{display:block;color:#799920;font-size: 15px;text-decoration:none;margin:15px 0 0 0;height:35px;overflow: hidden; box-sizing: border-box;padding: 0 10px;} | ||
| 113 | -.products ul li a.name:hover {text-decoration: underline} | 112 | +.products ul li a.name, .special-products a.name {display:block;color:#799920;font-size: 15px;text-decoration:none;margin:15px 0 0 0;height:35px;overflow: hidden; box-sizing: border-box;padding: 0 10px;} |
| 113 | +.products ul li a.name:hover, .special-products a.name:hover {text-decoration: underline} | ||
| 114 | .products ul li .info{text-align: left;} | 114 | .products ul li .info{text-align: left;} |
| 115 | .pn{border:none;} | 115 | .pn{border:none;} |
| 116 | 116 | ||
| @@ -1108,6 +1108,10 @@ ul.product-special { | @@ -1108,6 +1108,10 @@ ul.product-special { | ||
| 1108 | left: 16px; | 1108 | left: 16px; |
| 1109 | } | 1109 | } |
| 1110 | ul.product-special li { | 1110 | ul.product-special li { |
| 1111 | + width: 100%; | ||
| 1112 | + float: left; | ||
| 1113 | +} | ||
| 1114 | +ul.product-special li div { | ||
| 1111 | color: #333; | 1115 | color: #333; |
| 1112 | font-size: 10px; | 1116 | font-size: 10px; |
| 1113 | text-transform: uppercase; | 1117 | text-transform: uppercase; |
| @@ -1119,12 +1123,13 @@ ul.product-special li { | @@ -1119,12 +1123,13 @@ ul.product-special li { | ||
| 1119 | border-top-left-radius: 4px; | 1123 | border-top-left-radius: 4px; |
| 1120 | border-bottom-left-radius: 4px; | 1124 | border-bottom-left-radius: 4px; |
| 1121 | margin-top: 8px; | 1125 | margin-top: 8px; |
| 1126 | + float: left; | ||
| 1122 | } | 1127 | } |
| 1123 | ul.product-special li:first-child {margin-top: 0} | 1128 | ul.product-special li:first-child {margin-top: 0} |
| 1124 | -ul.product-special li.top { | 1129 | +ul.product-special li.top div { |
| 1125 | background: #fbc665; | 1130 | background: #fbc665; |
| 1126 | } | 1131 | } |
| 1127 | -ul.product-special li.top:after { | 1132 | +ul.product-special li.top div:after { |
| 1128 | content: ''; | 1133 | content: ''; |
| 1129 | position: absolute; | 1134 | position: absolute; |
| 1130 | right: -19px; | 1135 | right: -19px; |
| @@ -1133,27 +1138,27 @@ ul.product-special li.top:after { | @@ -1133,27 +1138,27 @@ ul.product-special li.top:after { | ||
| 1133 | border-top: 5px solid #fbc665; | 1138 | border-top: 5px solid #fbc665; |
| 1134 | transform: rotate(-90deg); | 1139 | transform: rotate(-90deg); |
| 1135 | } | 1140 | } |
| 1136 | -ul.product-special li.new { | 1141 | +ul.product-special li.new div{ |
| 1137 | background: #42b9f6; | 1142 | background: #42b9f6; |
| 1138 | } | 1143 | } |
| 1139 | 1144 | ||
| 1140 | -ul.product-special li.new:after { | 1145 | +ul.product-special li.new div:after { |
| 1141 | content: ''; | 1146 | content: ''; |
| 1142 | position: absolute; | 1147 | position: absolute; |
| 1143 | - right: -19px; | ||
| 1144 | - top: 3px; | 1148 | + right: -18px; |
| 1149 | + top: 2px; | ||
| 1145 | border: 11px solid transparent; | 1150 | border: 11px solid transparent; |
| 1146 | border-top: 5px solid #42b9f6; | 1151 | border-top: 5px solid #42b9f6; |
| 1147 | transform: rotate(-90deg); | 1152 | transform: rotate(-90deg); |
| 1148 | } | 1153 | } |
| 1149 | -ul.product-special li.promo { | 1154 | +ul.product-special li.promo div { |
| 1150 | background: #f75d50; | 1155 | background: #f75d50; |
| 1151 | } | 1156 | } |
| 1152 | -ul.product-special li.promo:after { | 1157 | +ul.product-special li.promo div:after { |
| 1153 | content: ''; | 1158 | content: ''; |
| 1154 | position: absolute; | 1159 | position: absolute; |
| 1155 | - right: -19px; | ||
| 1156 | - top: 3px; | 1160 | + right: -18px; |
| 1161 | + top: 2px; | ||
| 1157 | border: 11px solid transparent; | 1162 | border: 11px solid transparent; |
| 1158 | border-top: 5px solid #f75d50; | 1163 | border-top: 5px solid #f75d50; |
| 1159 | transform: rotate(-90deg); | 1164 | transform: rotate(-90deg); |