Веталь

Виталий
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}
 }
 .products ul{list-style:none;margin:0;padding:0;}
 .products ul li.item{float:left;width:192px;margin:0 0 50px 0;text-align:center;position:relative;}
-.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;}
-.products ul li a.name:hover {text-decoration: underline}
+.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;}
+.products ul li a.name:hover, .special-products a.name:hover {text-decoration: underline}
 .products ul li .info{text-align: left;}
 .pn{border:none;}
  
@@ -1108,6 +1108,10 @@ ul.product-special {
     left: 16px;
 }
 ul.product-special li {
+    width: 100%;
+    float: left;
+}
+ul.product-special li div {
     color: #333;
     font-size: 10px;
     text-transform: uppercase;
@@ -1119,12 +1123,13 @@ ul.product-special li {
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
     margin-top: 8px;
+    float: left;
 }
 ul.product-special li:first-child {margin-top: 0}
-ul.product-special li.top {
+ul.product-special li.top div {
     background: #fbc665;
 }
-ul.product-special li.top:after {
+ul.product-special li.top div:after {
     content: '';
     position: absolute;
     right: -19px;
@@ -1133,27 +1138,27 @@ ul.product-special li.top:after {
     border-top: 5px solid #fbc665;
     transform: rotate(-90deg);
 }
-ul.product-special li.new {
+ul.product-special li.new div{
     background: #42b9f6;
 }
  
-ul.product-special li.new:after {
+ul.product-special li.new div:after {
     content: '';
     position: absolute;
-    right: -19px;
-    top: 3px;
+    right: -18px;
+    top: 2px;
     border: 11px solid transparent;
     border-top: 5px solid #42b9f6;
     transform: rotate(-90deg);
 }
-ul.product-special li.promo {
+ul.product-special li.promo div {
     background: #f75d50;
 }
-ul.product-special li.promo:after {
+ul.product-special li.promo div:after {
     content: '';
     position: absolute;
-    right: -19px;
-    top: 3px;
+    right: -18px;
+    top: 2px;
     border: 11px solid transparent;
     border-top: 5px solid #f75d50;
     transform: rotate(-90deg);