enable some PulseAudio features, put some player controls in extra panel

[serve0] / static / common.css

diff --git a/static/common.css b/static/common.css
index 858a1be147e8c830305d2f3237dee925cc92784b..6ccd0c2197e54cbc5de723215e29c069a85d3c15 100644 (file)
--- a/static/common.css
+++ b/static/common.css
@@ -362,36 +362,38 @@ p.quicklinks input:checked + a { display: none;}
   width: 100%;
 }
 
-#playctl form fieldset {
+form.playctl fieldset {
   display: block;
   position: relative;
   width: 100%;
   border: none;
   text-align: center;
 }
-#playctl form fieldset.playback  { height: 12em; }
-#playctl form fieldset.playback button {
+form.playctl fieldset.playback  { height: 12em; }
+form.playctl fieldset.playback button {
   position: absolute;
   height: 6em;
   padding-top: 1em;
   background-color: #EEE;
   border: 1px solid #333;
 }
-#playctl form fieldset.playback button[value="-60"] {top: 6em; left: 0; width: 20%;}
-#playctl form fieldset.playback button[value="-10"] {top: 6em; left: 20%; width: 30%;}
-#playctl form fieldset.playback button[value="stop"] {top: 0; left: 0; width: 40%;}
-#playctl form fieldset.playback button[value="pause"] {top: 0; right: 0; width: 60%;}
-#playctl form fieldset.playback button[value="+10"] {top: 6em; right: 20%; width: 30%;}
-#playctl form fieldset.playback button[value="+60"] {top: 6em; right: 0; width: 20%;}
-
-#playctl form fieldset.volume { height: 7em; }
-#playctl form fieldset.volume button[name="amp"] {position: absolute; width: 50%; height: 4em; top: 0;}
-#playctl form fieldset.volume button[value="off"] {left:0;}
-#playctl form fieldset.volume button[value="on"] {right:0;}
-#playctl form fieldset.volume button[name="vol"] {position: relative; display: inline-block; top: 5em; width: 4%;}
-#playctl form fieldset.volume button[name="vol"].selected { background-color: #FA6;}
-#playctl form fieldset.volume button[name="vol"][value="100"],
-#playctl form fieldset.volume button[name="vol"][value="0"] { width: 4%;}
+form.playctl fieldset.playback button[value="-60"] {top: 6em; left: 0; width: 20%;}
+form.playctl fieldset.playback button[value="-10"] {top: 6em; left: 20%; width: 30%;}
+form.playctl fieldset.playback button[value="stop"] {top: 0; left: 0; width: 40%;}
+form.playctl fieldset.playback button[value="pause"] {top: 0; right: 0; width: 60%;}
+form.playctl fieldset.playback button[value="+10"] {top: 6em; right: 20%; width: 30%;}
+form.playctl fieldset.playback button[value="+60"] {top: 6em; right: 0; width: 20%;}
+
+form.playctl fieldset.volume { height: 3em; }
+form#advctl.playctl fieldset.volume { height: 4em; }
+form.playctl fieldset.volume button[name="amp"] {position: absolute; width: 50%; height: 4em; top: 0;}
+form.playctl fieldset.volume button[value="off"] {left:0;}
+form.playctl fieldset.volume button[value="on"] {right:0;}
+form.playctl fieldset.volume button[name="vol"] {position: relative; display: inline-block; width: 4%;}
+form.playctl fieldset.volume button[name="vol"].selected { background-color: #FA6;}
+form.playctl fieldset.volume button[name="vol"][value="100"],
+form.playctl fieldset.volume button[name="vol"][value="0"] { width: 4%;}
+form.playctl fieldset.pasink button { width: 100%; height: 3em;}
 
 span.progress {
   display: block;