aboutsummaryrefslogtreecommitdiff
path: root/web/style/js-player.css
diff options
context:
space:
mode:
authormetamuffin <metamuffin@disroot.org>2024-03-19 21:30:39 +0100
committermetamuffin <metamuffin@disroot.org>2024-03-19 21:30:39 +0100
commita5b49a157d6b4cb52c8421fec4d65835b310f767 (patch)
tree4e0ab07743e73f5efbf9a65d64b027811c48aaeb /web/style/js-player.css
parentd495f0f93c2d3b5c4c575f39b7d4b93731122b0f (diff)
parenteec3cc456bd1424ad0eb4ed8d4e22954913f14a7 (diff)
downloadjellything-a5b49a157d6b4cb52c8421fec4d65835b310f767.tar
jellything-a5b49a157d6b4cb52c8421fec4d65835b310f767.tar.bz2
jellything-a5b49a157d6b4cb52c8421fec4d65835b310f767.tar.zst
Merge branch 'master' of codeberg.org:metamuffin/jellything
Diffstat (limited to 'web/style/js-player.css')
-rw-r--r--web/style/js-player.css44
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%;
+}