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