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;
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){
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 {
background-color: #333;
min-width: 2em;
}
+