diff options
| author | real-zephex <[email protected]> | 2024-05-19 21:38:18 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-19 21:38:18 +0530 |
| commit | f936d0bc251b2e931d0729198da115b00f5a44a1 (patch) | |
| tree | 8ce79c53a479038725e905245c2975bed27fc69e /src/app/web-series/styles/videoPlayer.module.css | |
| parent | style(homepage): removed unnecessary sub text from the homepage cards and cha... (diff) | |
| parent | Merge pull request #28 from real-zephex/improvement-2 (diff) | |
| download | dramalama-f936d0bc251b2e931d0729198da115b00f5a44a1.tar.xz dramalama-f936d0bc251b2e931d0729198da115b00f5a44a1.zip | |
Merge branch 'master' of https://github.com/real-zephex/Dramalama-Next
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 |