diff options
| author | metamuffin <metamuffin@disroot.org> | 2024-03-19 21:30:39 +0100 |
|---|---|---|
| committer | metamuffin <metamuffin@disroot.org> | 2024-03-19 21:30:39 +0100 |
| commit | a5b49a157d6b4cb52c8421fec4d65835b310f767 (patch) | |
| tree | 4e0ab07743e73f5efbf9a65d64b027811c48aaeb /web/style | |
| parent | d495f0f93c2d3b5c4c575f39b7d4b93731122b0f (diff) | |
| parent | eec3cc456bd1424ad0eb4ed8d4e22954913f14a7 (diff) | |
| download | jellything-a5b49a157d6b4cb52c8421fec4d65835b310f767.tar jellything-a5b49a157d6b4cb52c8421fec4d65835b310f767.tar.bz2 jellything-a5b49a157d6b4cb52c8421fec4d65835b310f767.tar.zst | |
Merge branch 'master' of codeberg.org:metamuffin/jellything
Diffstat (limited to 'web/style')
| -rw-r--r-- | web/style/js-player.css | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/web/style/js-player.css b/web/style/js-player.css index 1d205a8..2dedb9c 100644 --- a/web/style/js-player.css +++ b/web/style/js-player.css @@ -207,3 +207,47 @@ ul.jsp-track-list { ul.jsp-track-list li.active { background-color: #047a0073; } + +.jsp-volumecontrol input { + appearance: none; + width: 100%; + height: 24px; + background-color: black; + opacity: 0.5; + outline: none; +} +.jsp-volumecontrol input:hover { + opacity: 1; +} +.jsp-volumecontrol input::-webkit-slider-thumb, +.jsp-volumecontrol input::-moz-range-thumb { + width: 24px; + height: 24px; + border-radius: 0px; + background-color: #06ad00; + cursor: ew-resize; + border: 0px solid transparent; +} + +.jsp-volume { + display: inline-block; + margin-left: 2em; + font-family: monospace; + font-size: large; + width: 20em; +} + +.jsp-chapter { + position: absolute; + height: var(--csize); + padding-left: 2px; + border-left: 2px solid rgba(255, 161, 55, 0.548); +} +.jsp-chapter p { + font-size: small; + text-overflow: ellipsis; + overflow: visible; + overflow: hidden; + white-space: nowrap; + width: 100%; +} |