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 * { text-decoration: underline; }
  69
  70 /*tr:hover, tr:hover * { */
  71 .odd:hover, .odd:hover *,
  72 .even:hover, .even:hover * {
  73         background-color: black;
  74 }
  75
  76 tr:hover * a {  text-decoration: underline;}
  77
  78 :invalid {      background-color: pink; }
  79 :focus {        color:darkblue; }
  80
  81 /* Helpful Classes */
  82
  83 *.hide {        margin:0; padding:0; width:0; height:0; border:none; display:none; }
  84 *.red {         color: red; }
  85 *.yellow {      color: yellow;}
  86 *.blue {        color: blue;}
  87 *.green {       color: green;}
  88 *.white {       color: white;}
  89
  90 /* Icon Classes */
  91
  92 *.icon {
  93         display:inline-block; width:16px; height:16px;
  94         margin:0; padding:0; overflow:hidden;
  95         text-decoration: none; text-indent: 99999px;
  96         background-repeat:no-repeat;
  97 }
  98
  99 .btntd { min-width:75px; }
 100
 101 *.iplay         { background-image: url(icons/playlist.png); }
 102 *.irplay        { background-image: url(icons/recursive.png); }
 103 *.ifplay        { background-image: url(icons/play.png); }
 104 *.ifstop        { background-image: url(icons/stop.png); }
 105 *.ifolder       { background-image: url(icons/folder.png); margin-right: 3px; }
 106 *.ilogout       { background-image: url(icons/logout.png); }
 107 *.isearch       { background-image: url(icons/search.png); }
 108 *.ihome         { background-image: url(icons/home.png); }
 109 *.iback         { background-image: url(icons/back.png); }
 110 *.ihelp         { background-image: url(icons/help.png); }
 111
 112 */