* Example CSS for Harvie's JuKe!Box
*/
+*:not(html):not(body) { border-radius:6px; -moz-border-radius:5px; }
+
body {
color: lightblue;
font-family: monospace;
td {
border: 0px solid blue;
margin: 0px;
+ padding: 0 3px 0 3px;
}
.odd * {
/* Hovers */
-a:hover, a:hover * {
- text-decoration: underline;
-}
+a:hover, a:hover * { text-decoration: underline; }
/*tr:hover, tr:hover * { */
-.odd:hover, .odd:hover *,
+tr, .odd:hover, .odd:hover *,
.even:hover, .even:hover * {
background-color: black;
}
-tr:hover * a {
- text-decoration: underline;
-}
+tr:hover * a { text-decoration: underline;}
+:invalid { background-color: pink; }
+:focus { border-color:yellow; }
-/* Color Classes */
+/* Helpful Classes */
+*.hide { margin:0; padding:0; width:0; height:0; border:none; display:none; }
+*.maximize-width { width:100%; }
*.red { color: red; }
*.yellow { color: yellow;}
*.blue { color: blue;}
/* Icon Classes */
-*.icon { text-decoration: none; width: 16px; height: 16px; display: inline; font-size: 0; padding: 12px 16px 4px 0; margin:0; }
-*.icon, *.icon * a:hover { text-decoration: none; }
+*.icon {
+ display:inline-block; width:16px; height:16px;
+ margin:0; padding:0; overflow:hidden;
+ text-decoration: none; text-indent: 99999px;
+ background-repeat:no-repeat;
+}
+
+a.icon:hover { text-indent:18px; background-color:#000022; width:auto; }
+
+.btntd { min-width:120px; }
*.iplay { background-image: url(icons/playlist.png); }
+*.irplay { background-image: url(icons/recursive.png); }
*.ifplay { background-image: url(icons/play.png); }
*.ifstop { background-image: url(icons/stop.png); }
-*.ifolder { background-image: url(icons/folder.png); }
+*.ifolder { background-image: url(icons/folder.png); margin-right: 3px; }
*.ilogout { background-image: url(icons/logout.png); }
-*.isearch { background-image: url(icons/search.png); }
+*.isearch { background-image: url(icons/search.png); position:relative; top:4px; }
*.ihome { background-image: url(icons/home.png); }
*.iback { background-image: url(icons/back.png); }
*.ihelp { background-image: url(icons/help.png); }
+*.idjmode { background-image: url(icons/djmode.png); }
*/