diff options
author | metamuffin <metamuffin@disroot.org> | 2023-10-01 10:14:20 +0200 |
---|---|---|
committer | metamuffin <metamuffin@disroot.org> | 2023-10-01 10:14:20 +0200 |
commit | 3fa55dba1b0ca408a10e7456a6d4308dd114c2f6 (patch) | |
tree | f1f378662406a5f091816ca97c3f1ccfb5210eef /server/src/routes/ui/style/player.css | |
parent | d857684dd6358fb5ff979ca09ac78b5649b0f411 (diff) | |
download | jellything-3fa55dba1b0ca408a10e7456a6d4308dd114c2f6.tar jellything-3fa55dba1b0ca408a10e7456a6d4308dd114c2f6.tar.bz2 jellything-3fa55dba1b0ca408a10e7456a6d4308dd114c2f6.tar.zst |
move stylesheets and refactor js bundler
Diffstat (limited to 'server/src/routes/ui/style/player.css')
-rw-r--r-- | server/src/routes/ui/style/player.css | 102 |
1 files changed, 0 insertions, 102 deletions
diff --git a/server/src/routes/ui/style/player.css b/server/src/routes/ui/style/player.css deleted file mode 100644 index eb1a0a0..0000000 --- a/server/src/routes/ui/style/player.css +++ /dev/null @@ -1,102 +0,0 @@ -/* - This file is part of jellything (https://codeberg.org/metamuffin/jellything) - which is licensed under the GNU Affero General Public License (version 3); see /COPYING. - Copyright (C) 2023 metamuffin <metamuffin.org> - Copyright (C) 2023 tpart -*/ - -input { - color: white; - background-color: black; -} -option { - font-family: "Cantarell", sans-serif; -} - -fieldset { - background-color: var(--background-light); - border-radius: 8px; -} - -form.playerconf { - display: grid; - grid-template-areas: - "h h h" - "v a s" - "b b b"; - gap: 1em; - grid-template-columns: auto auto auto; - grid-template-rows: 3em auto 5em; -} - -legend { - font-size: 1.5em; -} -input[type="radio"] { - appearance: none; - display: inline-block; - width: 1.2em; - height: 1.2em; - border-radius: 8px; - padding: 2px; - background-clip: content-box; - border: 2px solid var(--font); - background-color: transparent; - transition: background-color 0.3s; -} -input[type="radio"]:checked { - background-color: var(--accent-light); -} - -fieldset label { - transition: color 0.2s; -} -fieldset label:hover { - color: var(--accent-light); -} - -.playerconf { - margin: 2em; -} -.playerconf h2 { - grid-area: h; - text-align: center; -} -.playerconf h3 { - grid-area: h; - text-align: center; -} -.playerconf .video { - grid-area: v; -} -.playerconf .audio { - grid-area: a; -} -.playerconf .subtitles { - grid-area: s; -} -.playerconf input[type="submit"] { - grid-area: b; - width: 30%; - height: 3em; - font-size: 1.5em; -} - -.player nav { - opacity: 0; - transition: opacity 0.2s; -} -.player nav:hover { - opacity: 1; -} -.player #main { - margin-top: 0px; - margin-left: 0px; - margin-right: 0px; - margin-bottom: 0px; -} -.player video { - width: 100vw; - height: 100vh; - background-color: black; -} |