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