Advertisement
Guest User

Untitled

a guest
Apr 27th, 2018
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.36 KB | None | 0 0
  1. 752 строка подправить
  2. /*заменил span и инл-блок*/
  3. .content .bl2__stores .bl2__stores_item p .bl2__stores_item-disc-number {
  4.   font-size: 25px;
  5.   font-family: Geometria;
  6.   color: #282828;
  7.   display: inline-block;
  8. }
  9. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p .bl2__stores_item-disc-number {
  10.   padding-left: 20px;
  11. }
  12.  
  13. вниз что добавляли заменить на это
  14.  
  15. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC:before {
  16.   background: url("../img/stores_before--HC.png") no-repeat center top;
  17.   background-size: 100% 14px;
  18.   top: -14px;
  19. }
  20. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .stores {
  21.   border-left: 2px solid #d4236e;
  22.   border-right: 2px solid #fe7542;
  23. }
  24. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p:before {
  25.   background: url("../img/item-triangle-left.png") no-repeat;
  26.   background-size: cover;
  27.   width: 9px;
  28.   height: 7px;
  29.   left: -2px;
  30.   border: none;
  31. }
  32. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC:hover p:before {
  33.   border: none;
  34.   background: url("../img/item-triangle-left-hovered.png") no-repeat;
  35.   background-size: cover;
  36. }
  37. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p:after {
  38.   background: url("../img/item-triangle-right.png") no-repeat;
  39.   background-size: cover;
  40.   width: 8px;
  41.   height: 6px;
  42.   right: -2px;
  43.   border: none;
  44. }
  45. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC:hover p:after {
  46.   border: none;
  47.   background: url("../img/item-triangle-right-hovered.png") no-repeat;
  48.   background-size: cover;
  49. }
  50. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p {
  51.   border-left: 2px solid #d4236e;
  52.   border-right: 2px solid #fe7542;
  53. }
  54. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-right {
  55.   position: relative;
  56. }
  57. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-right:after {
  58.   content: '';
  59.   position: absolute;
  60.   bottom: 0;
  61.   left: 0;
  62.   width: 100%;
  63.   height: 2px;
  64.   background: #d4236e; /* Old browsers */
  65.   background: -moz-linear-gradient(left, #d4236e 0%, #fe7542 100%); /* FF3.6-15 */
  66.   background: -webkit-linear-gradient(left, #d4236e 0%,#fe7542 100%); /* Chrome10-25,Safari5.1-6 */
  67.   background: linear-gradient(to right, #d4236e 0%,#fe7542 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  68. }
  69. .content .bl2__stores .bl2__stores_item p span {
  70.   position: relative;
  71.   display: inline-block;
  72. }
  73. .content .bl2__stores .bl2__stores_item p .bl2__stores_item-discount {
  74.   width: 100%;
  75. }
  76. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p .bl2__stores_item-disc-number:before {
  77.   content: '';
  78.   position: absolute;
  79.   bottom: 6px;
  80.   left: 0;
  81.   margin-right: 7px;
  82.   background: url("../img/fire.svg") no-repeat center top;
  83.   background-size: cover;
  84.   width: 13px;
  85.   height: 18px;
  86. }
  87. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-left {
  88.   position: relative;
  89. }
  90. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-left:before {
  91.   content: '';
  92.   position: absolute;
  93.   bottom: 100%;
  94.   left: 0;
  95.   width: 2px;
  96.   height: 12px;
  97.   background: #d4236e;
  98. }
  99. .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-left:after {
  100.   content: '';
  101.   position: absolute;
  102.   bottom: 100%;
  103.   right: 0;
  104.   width: 2px;
  105.   height: 12px;
  106.   background: #fe7542;
  107. }
  108. @media all and (max-width: 1023px) {
  109.   .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-left:before,
  110.   .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-left:after {
  111.     display: none;
  112.   }
  113.   .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .stores:before {
  114.     display: none;
  115.     content: '';
  116.     position: absolute;
  117.     top: 0;
  118.     left: 0;
  119.     width: 100%;
  120.     height: 2px;
  121.     background: #d4236e; /* Old browsers */
  122.     background: -moz-linear-gradient(left, #d4236e 0%, #fe7542 100%); /* FF3.6-15 */
  123.     background: -webkit-linear-gradient(left, #d4236e 0%,#fe7542 100%); /* Chrome10-25,Safari5.1-6 */
  124.     background: linear-gradient(to right, #d4236e 0%,#fe7542 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  125.   }
  126.   .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC:before {
  127.     display: block !important;
  128.     content: '';
  129.     position: absolute;
  130.     z-index: 10000;
  131.     top: 0;
  132.     left: 0;
  133.     width: 100%;
  134.     height: 2px;
  135.     background: #d4236e; /* Old browsers */
  136.     background: -moz-linear-gradient(left, #d4236e 0%, #fe7542 100%); /* FF3.6-15 */
  137.     background: -webkit-linear-gradient(left, #d4236e 0%,#fe7542 100%); /* Chrome10-25,Safari5.1-6 */
  138.     background: linear-gradient(to right, #d4236e 0%,#fe7542 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  139.   }
  140. }
  141. @media all and (max-width: 767px) {
  142.   .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p .bl2__stores_item-disc-number:before {
  143.     bottom: 2px;
  144.   }
  145.   .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC {
  146.     position: relative;
  147.   }
  148.   .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .stores {
  149.     border-right: none;
  150.     border-left: none;
  151.   }
  152.  
  153.   .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC:after {
  154.     content: '';
  155.     position: absolute;
  156.     bottom: 0;
  157.     left: 0;
  158.     width: 100%;
  159.     height: 2px;
  160.     background: #d4236e; /* Old browsers */
  161.     background: -moz-linear-gradient(left, #d4236e 0%, #fe7542 100%); /* FF3.6-15 */
  162.     background: -webkit-linear-gradient(left, #d4236e 0%,#fe7542 100%); /* Chrome10-25,Safari5.1-6 */
  163.     background: linear-gradient(to right, #d4236e 0%,#fe7542 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  164.   }
  165.   .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .stores:before {
  166.     display: none;
  167.   }
  168.   .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p {
  169.     border: none;
  170.   }
  171.   .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC {
  172.     border-left: 2px solid #d4236e;
  173.     border-right: 2px solid #fe7542;
  174.   }
  175.   .content .bl2__stores .bl2__stores_item p .bl2__stores_item-disc-number {
  176.    font-size: 16px;
  177.   }
  178.   .content .bl2__stores .bl2__stores_item p span {
  179.     font-size: 16px;
  180.   }
  181.   .content .bl2__stores .bl2__stores_item p .bl2__stores_item-disc-number:before {
  182.     bottom: 3px;
  183.   }
  184. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement