diff options
| author | real-zephex <[email protected]> | 2024-05-19 08:00:13 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-19 08:00:13 +0530 |
| commit | 6ef5bd54d5cdea80adc6972dbcb662908b3e39dd (patch) | |
| tree | 55c1c4ca2823ba62f2184d2de0ac29c4535117a5 /src/app/web-series/styles/videoPlayer.module.css | |
| parent | minor changes to the manga page (diff) | |
| download | dramalama-6ef5bd54d5cdea80adc6972dbcb662908b3e39dd.tar.xz dramalama-6ef5bd54d5cdea80adc6972dbcb662908b3e39dd.zip | |
added series support
Diffstat (limited to 'src/app/web-series/styles/videoPlayer.module.css')
| -rw-r--r-- | src/app/web-series/styles/videoPlayer.module.css | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/src/app/web-series/styles/videoPlayer.module.css b/src/app/web-series/styles/videoPlayer.module.css new file mode 100644 index 0000000..f44776f --- /dev/null +++ b/src/app/web-series/styles/videoPlayer.module.css @@ -0,0 +1,76 @@ +.Main { + margin: 1.5rem 0 0 0; +} + +.EpisodeSeasonInput { + display: flex; + align-items: center; + justify-content: center; +} + +.EpisodeSeasonInput input { + padding: 0.6rem; + margin: 0 0.2rem 0 0.2rem; + border: none; + outline: none; + background-color: #121212a6; + border-radius: 0.5rem; + font-family: "Lexend Deca", serif; + color: white; +} + +.EpisodeSeasonInput button { + padding: 0.5rem; + border: none; + outline: none; + border-radius: 0.5rem; + background-color: #121212a6; + color: white; + cursor: pointer; + font-family: "Atkinson Hyperlegible", serif; +} + + +.EpisodeSeasonInput input::placeholder { + color: gray; +} + +.VideoPlayer iframe { + margin: 1rem 0 2.5rem 0; + width: 100%; + height: 400px; + border-radius: 0.5rem; + border: none; + outline: none; +} + +.VideoPlayer p { + color: white; + margin: 0.5rem 0 0 0; + text-align: center; + font-size: 12px; +} + +@media screen and (max-width: 768px) { + + .EpisodeSeasonInput { + width: 80%; + margin: 0px auto; + } + + .VideoPlayer iframe { + width: 100%; + height: 300px; + margin-bottom: 50px; + } + + .EpisodeSeasonInput input { + padding: 0.4rem; + } + + .EpisodeSeasonInput button { + padding: 0.3rem 0.4rem 0.3rem 0.4rem; + font-size: 14px; + } + +}
\ No newline at end of file |