jbx/themes/default/jukebox.css

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