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         padding-left: 3px;
  43 }
  44
  45 .odd * {
  46         background-color: darkblue;
  47 }
  48
  49 .even * {
  50         background-color: #000044;
  51 }
  52
  53 .blank {
  54         margin: 0;
  55         padding: 0;
  56         background-image: none;
  57         color: white;
  58         background-color: #000099;
  59 }
  60
  61 .directory {
  62         font-weight: bolder;
  63 }
  64
  65
  66 /* Hovers */
  67
  68 a:hover, a:hover * {
  69         text-decoration: underline;
  70 }
  71
  72 /*tr:hover, tr:hover * { */
  73 .odd:hover, .odd:hover *,
  74 .even:hover, .even:hover * {
  75         background-color: black;
  76 }
  77
  78 tr:hover * a {
  79         text-decoration: underline;
  80 }
  81
  82 :invalid {
  83         background-color: pink;
  84 }
  85
  86 .hide {
  87         margin:0; padding:0; width:0; height:0; border:none; display:none;
  88 }
  89
  90 /* Color Classes */
  91
  92 *.red {         color: red; }
  93 *.yellow {      color: yellow;}
  94 *.blue {        color: blue;}
  95 *.green {       color: green;}
  96 *.white {       color: white;}
  97
  98 /* Icon Classes */
  99
 100 *.icon {
 101         display:inline-block; width:16px; height:16px;
 102         margin:0; padding:0; overflow:hidden;
 103         text-decoration: none; text-indent: 99999px;
 104         background-repeat:no-repeat;
 105 }
 106
 107 .btntd { min-width:75px; }
 108
 109 *.iplay         { background-image: url(icons/playlist.png); }
 110 *.irplay        { background-image: url(icons/recursive.png); }
 111 *.ifplay        { background-image: url(icons/play.png); }
 112 *.ifstop        { background-image: url(icons/stop.png); }
 113 *.ifolder       { background-image: url(icons/folder.png); margin-right: 3px; }
 114 *.ilogout       { background-image: url(icons/logout.png); }
 115 *.isearch       { background-image: url(icons/search.png); }
 116 *.ihome         { background-image: url(icons/home.png); }
 117 *.iback         { background-image: url(icons/back.png); }
 118 *.ihelp         { background-image: url(icons/help.png); }
 119
 120 */