jbx/themes/default/jukebox.css

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