X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;f=static%2Fcommon.css;h=c73b25fb038be91e24ac0caecef9c76c1c82b425;hb=71ab2a7fb405c5b0394509ac81acfe35fe2c5ffb;hp=ede3339a84f87ed206d7b41e3007a1431d676406;hpb=8558bcda00c4ec0fb953ff64e4b44e985b37951e;p=serve0

diff --git a/static/common.css b/static/common.css
index ede3339..c73b25f 100644
--- a/static/common.css
+++ b/static/common.css
@@ -385,7 +385,9 @@ p.quicklinks input:checked + a { display: none;}
   width: 100%;
 }
 .panel#tagger input[type=submit],
-.panel#tagger button {
+.panel#tagger button,
+.panel#preferences button,
+.panel#preferences input[type=submit] {
   min-width: 10em; height: 3em;
 }
 @media (min-width: 460px){
@@ -445,10 +447,19 @@ 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.volume button[name="vol"] {
+  position: relative; display: inline-block;
+  width: 4%;
+  border: 1px solid black; border-right: none;
+}
+form.playctl fieldset.volume button[name="vol"].selected { width: 2%; background-color: #FA6;}
+form.playctl fieldset.volume button[name="vol"].lselected,
+form.playctl fieldset.volume button[name="vol"].gselected { width: 7.5%;}
+form.playctl fieldset.volume button[name="vol"].llselected,
+form.playctl fieldset.volume button[name="vol"].ggselected { width: 6.5%;}
+
+/*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 {
@@ -470,3 +481,4 @@ span.progress > span {
   background-color: #333;
   min-width: 2em;
 }
+