Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 752 строка подправить
- /*заменил span и инл-блок*/
- .content .bl2__stores .bl2__stores_item p .bl2__stores_item-disc-number {
- font-size: 25px;
- font-family: Geometria;
- color: #282828;
- display: inline-block;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p .bl2__stores_item-disc-number {
- padding-left: 20px;
- }
- вниз что добавляли заменить на это
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC:before {
- background: url("../img/stores_before--HC.png") no-repeat center top;
- background-size: 100% 14px;
- top: -14px;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .stores {
- border-left: 2px solid #d4236e;
- border-right: 2px solid #fe7542;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p:before {
- background: url("../img/item-triangle-left.png") no-repeat;
- background-size: cover;
- width: 9px;
- height: 7px;
- left: -2px;
- border: none;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC:hover p:before {
- border: none;
- background: url("../img/item-triangle-left-hovered.png") no-repeat;
- background-size: cover;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p:after {
- background: url("../img/item-triangle-right.png") no-repeat;
- background-size: cover;
- width: 8px;
- height: 6px;
- right: -2px;
- border: none;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC:hover p:after {
- border: none;
- background: url("../img/item-triangle-right-hovered.png") no-repeat;
- background-size: cover;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p {
- border-left: 2px solid #d4236e;
- border-right: 2px solid #fe7542;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-right {
- position: relative;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-right:after {
- content: '';
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 2px;
- background: #d4236e; /* Old browsers */
- background: -moz-linear-gradient(left, #d4236e 0%, #fe7542 100%); /* FF3.6-15 */
- background: -webkit-linear-gradient(left, #d4236e 0%,#fe7542 100%); /* Chrome10-25,Safari5.1-6 */
- background: linear-gradient(to right, #d4236e 0%,#fe7542 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
- }
- .content .bl2__stores .bl2__stores_item p span {
- position: relative;
- display: inline-block;
- }
- .content .bl2__stores .bl2__stores_item p .bl2__stores_item-discount {
- width: 100%;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p .bl2__stores_item-disc-number:before {
- content: '';
- position: absolute;
- bottom: 6px;
- left: 0;
- margin-right: 7px;
- background: url("../img/fire.svg") no-repeat center top;
- background-size: cover;
- width: 13px;
- height: 18px;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-left {
- position: relative;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-left:before {
- content: '';
- position: absolute;
- bottom: 100%;
- left: 0;
- width: 2px;
- height: 12px;
- background: #d4236e;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-left:after {
- content: '';
- position: absolute;
- bottom: 100%;
- right: 0;
- width: 2px;
- height: 12px;
- background: #fe7542;
- }
- @media all and (max-width: 1023px) {
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-left:before,
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .bl2__stores_item-mob-left:after {
- display: none;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .stores:before {
- display: none;
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 2px;
- background: #d4236e; /* Old browsers */
- background: -moz-linear-gradient(left, #d4236e 0%, #fe7542 100%); /* FF3.6-15 */
- background: -webkit-linear-gradient(left, #d4236e 0%,#fe7542 100%); /* Chrome10-25,Safari5.1-6 */
- background: linear-gradient(to right, #d4236e 0%,#fe7542 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC:before {
- display: block !important;
- content: '';
- position: absolute;
- z-index: 10000;
- top: 0;
- left: 0;
- width: 100%;
- height: 2px;
- background: #d4236e; /* Old browsers */
- background: -moz-linear-gradient(left, #d4236e 0%, #fe7542 100%); /* FF3.6-15 */
- background: -webkit-linear-gradient(left, #d4236e 0%,#fe7542 100%); /* Chrome10-25,Safari5.1-6 */
- background: linear-gradient(to right, #d4236e 0%,#fe7542 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
- }
- }
- @media all and (max-width: 767px) {
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p .bl2__stores_item-disc-number:before {
- bottom: 2px;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC {
- position: relative;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .stores {
- border-right: none;
- border-left: none;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC:after {
- content: '';
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 2px;
- background: #d4236e; /* Old browsers */
- background: -moz-linear-gradient(left, #d4236e 0%, #fe7542 100%); /* FF3.6-15 */
- background: -webkit-linear-gradient(left, #d4236e 0%,#fe7542 100%); /* Chrome10-25,Safari5.1-6 */
- background: linear-gradient(to right, #d4236e 0%,#fe7542 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC .stores:before {
- display: none;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC p {
- border: none;
- }
- .content .bl2__stores .bl2__stores_item.bl2__stores_item--HC {
- border-left: 2px solid #d4236e;
- border-right: 2px solid #fe7542;
- }
- .content .bl2__stores .bl2__stores_item p .bl2__stores_item-disc-number {
- font-size: 16px;
- }
- .content .bl2__stores .bl2__stores_item p span {
- font-size: 16px;
- }
- .content .bl2__stores .bl2__stores_item p .bl2__stores_item-disc-number:before {
- bottom: 3px;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement