css/general.css

   1 /*
   2 #525356
   3 */
   4
   5
   6
   7 * {
   8         margin:0;
   9 }
  10
  11 body {
  12         text-align: center;
  13         font-family:arial,sans-serif;
  14         margin-top: 15px;
  15         margin-bottom: 15px;
  16         color:#AEAEAE;
  17 }
  18
  19 a {
  20         text-decoration:none;
  21         color: #AEAEAE;
  22 }
  23
  24 table
  25 {
  26     border-style:none;
  27     padding:0px;
  28     border-collapse: collapse;
  29     border-spacing: 0;
  30
  31 }
  32
  33 img{
  34         border:0px;
  35         margin: 2px 2px 2px 2px;
  36 }
  37
  38 button
  39 {
  40 background  : none;
  41 cursor  : pointer;
  42 border: 0px;
  43 margin      : 0px;
  44 padding     : 0px;
  45 }
  46
  47 .button
  48 {
  49 cursor  : pointer;
  50 }
  51
  52 #heading_tbl {
  53         width: 400px
  54 }
  55
  56 #frame {
  57         text-align: left;
  58         border: 1px solid #000;
  59         width: 400px;
  60         background:url(../images/bg.png) no-repeat #251616;
  61         margin: 0 auto;
  62 }
  63
  64
  65 #nowplaying_heading {
  66         font-size: 1.3em;
  67         font-wieght: bold;
  68         height: 30px;
  69         background: url(../images/control_bg.png) repeat-x;
  70         border-bottom: 1px solid #525356;
  71 }
  72
  73 #nowplaying_content {
  74         margin: 10px 5px 10px 5px;
  75         text-align: center;
  76         border: 1px solid #525356;
  77         width: 380px;
  78         padding: 30px 0px 30px 0px;
  79         background:url(../images/playing_bg.png);
  80         font-weight: bold;
  81         color: #fff;
  82 }
  83
  84 #control_buttons {
  85         text-align:center;
  86         width: 390px;
  87         margin: 10px 5px 10px 5px;
  88 }
  89
  90 #control_buttons table {
  91         margin-left:auto;
  92         margin-right:auto;
  93 }
  94
  95
  96 #control_volume {
  97         text-align:center;
  98         width: 390px;
  99         margin: 10px 5px 10px 5px;
 100 }
 101
 102 #control_volume table {
 103         margin-left:auto;
 104         margin-right:auto;
 105 }
 106
 107 #playlist_menu {
 108         font-wieght: bold;
 109         height: 24px;
 110         background: url(../images/control_bg.png) repeat-x;
 111         border-top: 2px solid #525356;
 112         margin-top:5px;
 113         margin-bottom:5px;
 114 }
 115
 116 #items_heading {
 117         text-align: center;
 118         font-size: 1.0em;
 119         font-weight:bold;
 120         border-bottom: 1px solid #525356;
 121         border-top: 1px solid #525356;
 122         background-color:  #333;
 123 }
 124
 125 #home {
 126         text-align: left;
 127         font-size: 1.0em;
 128         font-weight:bold;
 129         border-bottom: 3px solid #525356;
 130         background-color: #251616;
 131 }
 132
 133 #items {
 134         font-size: 0.9em;
 135         text-align: center;
 136         min-height: 400px;
 137         background:url(../images/playing_bg.png);
 138 }
 139
 140 #items table {
 141         width: 390px;
 142         margin: 0px 5px 0px 5px;
 143         border: 1px solid  #525356;
 144 }
 145
 146 #file {
 147         text-align: left;
 148         width: 100%;
 149
 150 }
 151
 152
 153 #itemEven{
 154         background-color: #251616;
 155
 156 }
 157
 158 #itemOdd{
 159         background-color: #333;
 160 }
 161
 162 #itemActive {
 163         background: url(../images/playing_bg.png);
 164         color: #fff;
 165 }
 166
 167 #itemActive a {
 168         color: #fff;
 169 }
 170
 171
 172 #move img {
 173         margin: 1px 1px 1px 1px;
 174 }
 175
 176 #remove img {
 177         margin: 1px 1px 1px 1px;
 178 }
 179
 180
 181 #volume_total {
 182         width: 100px;
 183         border: 1px solid #525356;
 184         height: 5px;
 185 }
 186
 187
 188 #volume_actual {
 189         background-color: #d9600c;
 190         height:5px;
 191 }
 192