X-Git-Url: http://git.harvie.cz/?a=blobdiff_plain;ds=sidebyside;f=jbx%2Fthemes%2Fdefault%2Fjukebox.css;h=ee04dd6e304a923e5e4e1e07751661ff1a9d3305;hb=8cc7aad04ca42bdfef3a9025ce02a592c5e8faa6;hp=04ad2218c041219b22726dff253cf93ed1958f14;hpb=a74cdde6f41804cffbc62f2a3112917f26e66b6e;p=mirrors%2FJukeBox.git diff --git a/jbx/themes/default/jukebox.css b/jbx/themes/default/jukebox.css index 04ad221..ee04dd6 100755 --- a/jbx/themes/default/jukebox.css +++ b/jbx/themes/default/jukebox.css @@ -2,6 +2,8 @@ * Example CSS for Harvie's JuKe!Box */ +*:not(html):not(body) { border-radius:6px; -moz-border-radius:5px; } + body { color: lightblue; font-family: monospace; @@ -39,6 +41,7 @@ table { td { border: 0px solid blue; margin: 0px; + padding: 0 3px 0 3px; } .odd * { @@ -64,30 +67,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,16 +92,22 @@ 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; +} + +.btntd { min-width:100px; } *.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); }