enable live status bar via chunked encoding

[serve0] / static / common.css

diff --git a/static/common.css b/static/common.css
index 96f15beaa3c4bb12b53f81e65b34128e89851a7d..667c8ab9f090293e0568805832ec0a3b12f63a97 100644 (file)
--- a/static/common.css
+++ b/static/common.css
@@ -150,6 +150,9 @@ div.panel {
   overflow: visible;
 }
 
+body.playctl .panel#search,
+body.playctl .panel#foot { padding-right: .25em; }
+
 .panel:target {
   max-height: 100%;
   overflow-y: scroll;
@@ -248,19 +251,18 @@ div.panel {
 }
 
 #advfilter .quicklinks {width: 100%;}
-#advfilter .quicklinks :first-child {width: 100%;}
-#advfilter .quicklinks input { display: none; }
-#advfilter .quicklinks a {
-  display: none;
+
+.quicklinks :first-child {width: 100%;}
+.quicklinks input { display: block; }
+.quicklinks a {
+  display: block;
   word-wrap: break-word;
   margin-left: 10%;
   margin-bottom: .75em;
   margin-top: -1.5em;
 }
-#advfilter .quicklinks:hover input,
-#advfilter .quicklinks:hover a {display: block;}
-#advfilter .quicklinks input:checked,
-#advfilter .quicklinks input:checked + a { display: none;}
+.quicklinks input:checked,
+.quicklinks input:checked + a { display: none;}
 
 /* == Thumblist == */
 
@@ -369,6 +371,23 @@ div.panel {
 #playctl form button[name="vol"][value="100"],
 #playctl form button[name="vol"][value="0"] { width: 6%;}
 
+span.progress {
+  display: block;
+  position: fixed;
+  bottom: 2.5em;
+  width: 100%; left:0; right: 0;
+  color: white;
+  background-color: black;
+  border-top: 1px solid white;
+  padding: 0;
+  height: 1em;
+}
+span.progress > * {
+  display: block;
+  text-align: center;
+  background-color: #333;
+}
+
 @media (min-width: 460px){
   #playctl form button {
     max-width: 4em;