better styles for playback progressbar element in light theme

4 years ago · 66f7773598
parent 59492c28c3
commit 66f7773598
1 changed files with 27 additions and 0 deletions
--- a/airsonic-main/src/main/webapp/style/mediaelement-light.css
+++ b/airsonic-main/src/main/webapp/style/mediaelement-light.css
@ -90,3 +90,30 @@
 .mejs__captions-layer a {
    color: #000;
 }
+
+
+/* HACKS */
+.mejs__time-total {
+    background: white;
+    border-radius:3px;
+}
+.mejs__time-loaded {
+    background: rgb(142, 191, 255);
+    border-radius:3px;
+}
+.mejs__time-current, .mejs__time-handle-content {
+    background: #00448c;
+    border-radius:3px;
+}
+.mejs__time-hovered.negative {
+    background: rgba(255, 255, 255, 0.4);
+}
+
+.mejs__container {
+    width: 500px !important;
+}
+
+div#player {
+    width: 500px !important;
+}
+