X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;f=static%2Fcommon.css;h=312176ce6611784137bfa48cf4f8b77b3052741c;hb=f4c4e153c96212279fac9dd8eae13c76ea62be3c;hp=94c0c2904e6ec4d845fb3d903d3a84c9e248721d;hpb=cf7e00db16a1ff076df29fc9d4531ea0b19c6243;p=serve0

diff --git a/static/common.css b/static/common.css
index 94c0c29..312176c 100644
--- a/static/common.css
+++ b/static/common.css
@@ -115,16 +115,17 @@ body.playctl:before {
 input[name=topmenu] {display: none;}
 input[name=topmenu] + label {
   position: relative;
-  top: -3em;
-  max-width: 25%;
-  margin: .5em 0 0 0;
+  top: -2.5em;
   display: inline-block;
   text-decoration: none;
-  padding: .5em 1.5em;
+  padding: .5em .5em;
   line-height: 1.25em;
   transition: none;
   border: 1px none #FFF;
+  text-align: center;
 }
+@media (min-width: 620px){input[name=topmenu] + label { padding: .5em 1.5em; }}
+
 input[name=topmenu]:checked + label {
   background-color: #333;
   margin-left: -1px; margin-top: -1px;
@@ -384,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){
@@ -444,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 {