Advertisement
s-sols

Untitled

May 26th, 2024
559
0
8 days
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.04 KB | None | 0 0
  1. @media screen and (min-width: 1200px) {
  2.     body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider {
  3.         height: 270px;
  4.     }
  5.  
  6.         body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider img {
  7.             margin: 0 2.5px;
  8.         }
  9. }
  10.  
  11. @media screen and (max-width: 1199px) and (min-width: 992px) {
  12.     body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider {
  13.         width: 100%;
  14.         height: 227.02px;
  15.     }
  16.  
  17.         body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider img {
  18.             height: 227.02px;
  19.         }
  20. }
  21.  
  22. @media screen and (max-width: 991px) and (min-width: 768px) {
  23.     body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider {
  24.         width: 100%;
  25.         height: 264.48px;
  26.     }
  27.  
  28.         body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider img {
  29.             height: 264.48px;
  30.         }
  31. }
  32.  
  33. @media screen and (max-width: 991px) {
  34.     body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider .lp-listing-slide-wrap {
  35.         width: 33.333%;
  36.         float: left;
  37.     }
  38. }
  39.  
  40. @media screen and (max-width: 767px) {
  41.     body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider {
  42.         height: auto;
  43.         aspect-ratio: 655 / 236.938;
  44.     }
  45.  
  46.         body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider:not(:has(.slick-track)) .lp-listing-slide-wrap {
  47.             padding: 0 2px;
  48.         }
  49.  
  50.  
  51.             body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider:not(:has(.slick-track)) .lp-listing-slide-wrap:nth-of-type(4) {
  52.                 opacity: 0;
  53.             }
  54. }
  55.  
  56. @media screen and (max-width: 479px) {
  57.     body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider {
  58.         aspect-ratio: 436 / 236.94;
  59.     }
  60.  
  61.         body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider .lp-listing-slide-wrap {
  62.             width: 50%;
  63.             float: left;
  64.         }
  65.  
  66.         body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider:not(:has(.slick-track)) .lp-listing-slide-wrap:nth-of-type(1n + 3) {
  67.             display: none;
  68.         }
  69. }
  70.  
  71. @media screen and (max-width: 319px) {
  72.     body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider:not(:has(.slick-track)) .lp-listing-slide-wrap {
  73.         padding: 0;
  74.     }
  75.  
  76.     body.single-listing:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .lp-listing-top-title-header .lp-style3-header-wrap .lp-listing-slider {
  77.         aspect-ratio: 145 * 2 / 159.79;
  78.     }
  79. }
  80.  
  81. /* Mobile */
  82.  
  83. body.single-listing.seraph-accel-view-mobile:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .listing-app-view .app-view-gallery:not(:has(.slick-track)) .slide-img:nth-of-type(1n + 2) {
  84.     display: none;
  85.     width: 100% !important;
  86. }
  87.  
  88. body.single-listing.seraph-accel-view-mobile:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .listing-app-view .app-view-gallery .slick-track .slide-img {
  89.     transition: none !important;
  90. }
  91.  
  92. body.single-listing.seraph-accel-view-mobile:is(.seraph-accel-js-lzl-ing, .seraph-accel-js-lzl-ing-ani) .listing-app-view .app-view-gallery:not(:has(.slick-track)) .slide-img img {
  93.     width: 100% !important;
  94. }
  95.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement