diff --git a/frontend/web/css/style.css b/frontend/web/css/style.css index fa7a22a..727b31e 100755 --- a/frontend/web/css/style.css +++ b/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); -- libgit2 0.21.4