Commit d0b123ec3ab681284ca1a73ca2a8bf7eacb3f619

Authored by Виталий
1 parent 70b7f09b

Веталь

Showing 1 changed file with 54 additions and 0 deletions   Show diff stats
frontend/web/css/style.css
... ... @@ -929,4 +929,58 @@ a.active{font-weight:bold;text-decoration: underline;}
929 929 }
930 930 .jcarousel-skin-tango .jcarousel-next-vertical {
931 931 bottom: -13px;
  932 +}
  933 +ul.product-special {
  934 + position: absolute;
  935 + top: 0;
  936 + left: 0;
  937 +}
  938 +ul.product-special li {
  939 + color: #333;
  940 + font-size: 10px;
  941 + text-transform: uppercase;
  942 + font-weight: 700;
  943 + height: 22px;
  944 + line-height: 24px;
  945 + padding: 0 9px;
  946 + position: relative;
  947 + border-top-left-radius: 4px;
  948 + border-bottom-left-radius: 4px;
  949 +}
  950 +ul.product-special li.top {
  951 + background: #fbc665;
  952 +}
  953 +ul.product-special li.top:after {
  954 + content: '';
  955 + position: absolute;
  956 + left: 52px;
  957 + top: 3px;
  958 + border: 11px solid transparent;
  959 + border-top: 5px solid #fbc665;
  960 + transform: rotate(-90deg);
  961 +}
  962 +ul.product-special li.new {
  963 + background: #42b9f6;
  964 +}
  965 +
  966 +ul.product-special li.new:after {
  967 + content: '';
  968 + position: absolute;
  969 + left: 52px;
  970 + top: 3px;
  971 + border: 11px solid transparent;
  972 + border-top: 5px solid #42b9f6;
  973 + transform: rotate(-90deg);
  974 +}
  975 +ul.product-special li.promo {
  976 + background: #f75d50;
  977 +}
  978 +ul.product-special li.promo:after {
  979 + content: '';
  980 + position: absolute;
  981 + left: 52px;
  982 + top: 3px;
  983 + border: 11px solid transparent;
  984 + border-top: 5px solid #f75d50;
  985 + transform: rotate(-90deg);
932 986 }
933 987 \ No newline at end of file
... ...