rewriting player

1 files changed, 13 insertions, 6 deletions

diff --git a/web/js-player.css b/web/js-player.css
index 24adf5a..2ab25f3 100644
--- a/web/js-player.css
+++ b/web/js-player.css
@@ -29,7 +29,7 @@
     background-color: #ffffff10;
 }
 
-.jsp .jsp-controls p.jsp-status {
+.jsp-controls p.jsp-status {
     display: inline-block;
     width: 6em;
     text-align: right;
@@ -38,7 +38,7 @@
     margin: 0.4em;
 }
 
-.jsp .jsp-pri {
+.jsp-pri {
     position: relative;
     flex-grow: 1;
     padding: 0px;
@@ -46,19 +46,26 @@
     margin: 0px;
     width: calc(100% - var(--csize) * 2 - 2px);
     height: var(--csize);
+    --pribufsize: calc(var(--csize) * 0.5);
 }
-.jsp .jsp-pri-current {
+.jsp-pri-current {
     z-index: 101;
     position: absolute;
     height: var(--csize);
     background-color: #ffffff20;
 }
-.jsp .jsp-pri-buffered {
+.jsp-pri-buffer {
     z-index: 100;
     position: absolute;
-    height: var(--csize);
+    height: var(--pribufsize);
+}
+.jsp-pri-buffer-buffered {
     background-color: #08fa0018;
 }
+.jsp-pri-buffer-loading {
+    background-color: #ffd00018;
+}
+
 .jsp-overlay {
     position: absolute;
     bottom: var(--csize);
@@ -68,4 +75,4 @@
     margin: 0.2em;
     font-size: larger;
     color: grey;
-}
\ No newline at end of file
+}