X-Git-Url: http://git.harvie.cz/?a=blobdiff_plain;f=jbx%2Fthemes%2Fdefault%2Fjukebox.css;h=c9ad07ac1d0333410f33592d277743985d7e8c65;hb=ace351a9dabc0f4671f592ea7d63240302407063;hp=04ad2218c041219b22726dff253cf93ed1958f14;hpb=a74cdde6f41804cffbc62f2a3112917f26e66b6e;p=mirrors%2FJukeBox.git diff --git a/jbx/themes/default/jukebox.css b/jbx/themes/default/jukebox.css index 04ad221..c9ad07a 100755 --- a/jbx/themes/default/jukebox.css +++ b/jbx/themes/default/jukebox.css @@ -2,6 +2,9 @@ * Example CSS for Harvie's JuKe!Box */ +*:not(html):not(body):not(.noradius) { border-radius:6px; -moz-border-radius:5px; } +.noradius { border-radius:0; -moz-border-radius:0; } + body { color: lightblue; font-family: monospace; @@ -39,6 +42,7 @@ table { td { border: 0px solid blue; margin: 0px; + padding: 0 3px 0 3px; } .odd * { @@ -57,6 +61,11 @@ td { background-color: #000099; } +.nomarpad { + margin: 0; + padding: 0; +} + .directory { font-weight: bolder; } @@ -64,30 +73,23 @@ td { /* 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; -} - -:invalid { - background-color: pink; -} +tr:hover * a { text-decoration: underline;} -.hide { - margin:0; padding:0; width:0; height:0; border:none; display:none; -} +: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;} @@ -96,18 +98,27 @@ tr:hover * a { /* Icon Classes */ -*.icon { text-decoration: none; width: 16px; height: 16px; display: inline; font-size: 0; padding: 12px 16px 4px 0; margin:0; background-repeat:no-repeat; } -*.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); } */