From ddd439f83b05142b67b44a29b6f435bd1c27c169 Mon Sep 17 00:00:00 2001 From: M0RPH3US Date: Sat, 1 Mar 2025 01:45:14 +0530 Subject: [PATCH] Update slideshowpure.css --- slideshowpure.css | 33 ++++++++++++++------------------- 1 file changed, 14 insertions(+), 19 deletions(-) diff --git a/slideshowpure.css b/slideshowpure.css index 66acb6f..c6dd816 100644 --- a/slideshowpure.css +++ b/slideshowpure.css @@ -37,6 +37,7 @@ transform: rotate(360deg); } } + @media only screen and (max-width: 480px) and (orientation: portrait) { .backdrop, .slide { @@ -1832,7 +1833,7 @@ } .dots-container { position: absolute; - top: calc(50% + 21vh); + top: calc(50% + 22vh); right: 3%; z-index: 2; display: flex; @@ -1874,20 +1875,15 @@ #slides-container { position: relative; width: 100vw; - height: 95vh; + height: 98vh; overflow: hidden; margin: 0 auto; - top: -6.8em; + top: -7.5em; } .layout-desktop .sections.homeSectionsContainer { position: relative; z-index: 8; - top: -20em; - } - .layout-mobile .sections.homeSectionsContainer { - position: relative; - z-index: 8; - top: -20em; + top: -36vh; } .slide { transition: opacity 0.5s ease-in-out; @@ -1971,8 +1967,8 @@ width: auto; object-fit: contain; z-index: 4; - top: 10em; - left: 8em; + top: 15vh; + left: 5vw; filter: brightness(1.5); } .featured-content { @@ -2009,7 +2005,7 @@ line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; - left: 7.9em; + left: 5vw; position: absolute; top: 20vh; } @@ -2036,8 +2032,8 @@ } .genre { position: absolute; - top: calc(50% + 50px); - left: 8.4em; + top: calc(50% + 4.5vh); + left: 5vw; text-align: center; color: #fff; font-family: "Archivo Narrow", sans-serif; @@ -2046,11 +2042,11 @@ } .info-container { position: absolute; - top: calc(50% + 0px); + top: calc(50% + -2vh); display: flex; align-items: center; justify-content: center; - left: 2em !important; + left: 5vw !important; color: #fff; z-index: 4; } @@ -2058,7 +2054,6 @@ font-family: "Archivo Narrow", sans-serif; display: flex; align-items: center; - margin: 0 6em; z-index: 5; position: relative; } @@ -2110,8 +2105,8 @@ } .button-container { position: absolute; - top: calc(50% + 20vh); - left: 7.5em; + top: calc(50% + 21vh); + left: 5vw; display: flex; z-index: 5; justify-content: space-between;