jbx/themes/default/jukebox.css

   1 /*
   2  * Example CSS for Harvie's JuKe!Box
   3  */
   4
   5 body {
   6         color: lightblue;
   7         font-family: monospace;
   8
   9         margin: 5px;
  10         background-color: black;
  11         background-image: url(corner.gif);
  12         background-repeat: no-repeat;
  13 }
  14
  15 a {
  16         color: white;
  17         text-decoration: none;
  18 }
  19
  20 h1 {
  21         color: white;
  22         margin: 15px 0 0 20px;
  23 }
  24
  25 input {
  26         border: 1px solid lightblue;
  27 }
  28
  29 table * {
  30         background-color: darkblue;
  31         color: white;
  32 }
  33
  34 table {
  35         border: 0px solid blue;
  36         background-color: black;
  37 }
  38
  39 td {
  40         border: 0px solid blue;
  41         margin: 0px;
  42 }
  43
  44 .odd * {
  45         background-color: darkblue;
  46 }
  47
  48 .even * {
  49         background-color: #000044;
  50 }
  51
  52 .blank {
  53         margin: 0;
  54         padding: 0;
  55         background-image: none;
  56         color: white;
  57         background-color: #000099;
  58 }
  59
  60 .directory {
  61         font-weight: bolder;
  62 }
  63
  64
  65 /* Hovers */
  66
  67 a:hover, a:hover * {
  68         text-decoration: underline;
  69 }
  70
  71 /*tr:hover, tr:hover * { */
  72 .odd:hover, .odd:hover *,
  73 .even:hover, .even:hover * {
  74         background-color: black;
  75 }
  76
  77 tr:hover * a {
  78         text-decoration: underline;
  79 }
  80
  81 :invalid {
  82         background-color: pink;
  83 }
  84
  85 .hide {
  86         margin:0; padding:0; width:0; height:0; border:none; display:none;
  87 }
  88
  89 /* Color Classes */
  90
  91 *.red {         color: red; }
  92 *.yellow {      color: yellow;}
  93 *.blue {        color: blue;}
  94 *.green {       color: green;}
  95 *.white {       color: white;}
  96
  97 /* Icon Classes */
  98
  99 *.icon { text-decoration: none; width: 16px; height: 16px; display: inline; font-size: 0; padding: 12px 16px 4px 0; margin:0; background-repeat:no-repeat; }
 100 *.icon, *.icon * a:hover { text-decoration: none; }
 101
 102 *.iplay         { background-image: url(icons/playlist.png); }
 103 *.irplay        { background-image: url(icons/recursive.png); }
 104 *.ifplay        { background-image: url(icons/play.png); }
 105 *.ifstop        { background-image: url(icons/stop.png); }
 106 *.ifolder       { background-image: url(icons/folder.png); }
 107 *.ilogout       { background-image: url(icons/logout.png); }
 108 *.isearch       { background-image: url(icons/search.png); }
 109 *.ihome         { background-image: url(icons/home.png); }
 110 *.iback         { background-image: url(icons/back.png); }
 111 *.ihelp         { background-image: url(icons/help.png); }
 112
 113 */