Added "DJ Mode" (splitscreen)

[mirrors/JukeBox.git] / jbx / themes / default / jukebox.css

diff --git a/jbx/themes/default/jukebox.css b/jbx/themes/default/jukebox.css
index 04ad2218c041219b22726dff253cf93ed1958f14..9a8b8e2c68580c3d17842804ba2c9da2c3dc28a1 100755 (executable)
--- 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;
-}
+tr:hover * a { text-decoration: underline;}
 
-:invalid { 
-        background-color: pink;
-}
+:invalid {     background-color: pink; }
+:focus {       border-color:yellow; }
 
-.hide {
-       margin:0; padding:0; width:0; height:0; border:none; display:none;
-}
-
-/* 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 +92,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); }
 
 */