mpd.css

   1 body {
   2         margin: 0px;
   3         text-align: center;
   4         font-family: arial,sans-serif;
   5         color: Snow;
   6 }
   7
   8 a {
   9         text-decoration: none;
  10         color: White;
  11 }
  12
  13 table
  14 {
  15         border-style: none;
  16         padding: 0px;
  17         border-collapse: collapse;
  18         border-spacing: 0;
  19 }
  20
  21 img{
  22         border: 0px;
  23         margin: 2px 2px 2px 2px;
  24 }
  25
  26 button
  27 {
  28         background: none;
  29         cursor: pointer;
  30         border: 0px;
  31         margin: 0px;
  32         padding: 0px;
  33 }
  34
  35 .button
  36 {
  37         cursor: pointer;
  38         width: 30px;
  39 }
  40
  41 .medium-button
  42 {
  43         cursor: pointer;
  44         width: 20px;
  45 }
  46
  47 .small-button
  48 {
  49         cursor: pointer;
  50         width: 15px;
  51 }
  52
  53 .link
  54 {
  55         cursor: pointer;
  56 }
  57
  58 #frame {
  59         text-align: left;
  60         border: 1px solid Black;
  61         background: DarkSlateGray;
  62         margin: 0;
  63 }
  64
  65 #nowplaying_heading {
  66         font-size: 1.3em;
  67         font-weight: bold;
  68         padding: 5px;
  69         background: linear-gradient(DarkSlateGray,Black);
  70         border-bottom: 1px solid Black;
  71         border-top: 1px solid Black;
  72 }
  73
  74 #heading_tbl {
  75         width: 100%;
  76 }
  77
  78 #nowplaying_trackname {
  79         text-align: center;
  80         clear: both;
  81         padding: 0.5em;
  82 }
  83
  84 #nowplaying_content {
  85         height: 4em;
  86         border: 1px solid LightGray;
  87         margin: 10px 10% 10px 10%;
  88         padding: 10px 0px 5px 0px;
  89         background: SaddleBrown;
  90         font-weight: bold;
  91         color: White;
  92 }
  93
  94 #nowplaying_trackno {
  95         text-align: left;
  96         margin: 0 0 0 5%;
  97         float:left;
  98 }
  99
 100 #nowplaying_tracklen {
 101         text-align: right;
 102         margin: 0 5% 0 0;
 103         float:right;
 104 }
 105
 106 #nowplaying_counters {
 107         width: 100%;
 108 }
 109
 110 #control_buttons {
 111         text-align: center;
 112         margin: 10px 5px 10px 5px;
 113 }
 114
 115 #control_buttons table {
 116         margin-left: auto;
 117   margin-right: auto;
 118 }
 119
 120
 121 #control_volume {
 122         text-align: center;
 123         margin: 10px 5px 10px 5px;
 124 }
 125
 126 #control_volume table {
 127         margin-left: auto;
 128         margin-right: auto;
 129 }
 130
 131 .playlist_menu {
 132   font-weight: bold;
 133   height: 24px;
 134         padding: 5px;
 135   background: linear-gradient(DarkSlateGray,Black);
 136   border-bottom: 1px solid Black;
 137   border-top: 1px solid Black;
 138 }
 139
 140 .home {
 141   text-align: left;
 142   font-size: 1.0em;
 143   font-weight: bold;
 144   background: linear-gradient(DarkSlateGray,Black);
 145   border-bottom: 2px solid Black;
 146   border-top: 2px solid DarkSlateGray;
 147 }
 148
 149
 150 #items_heading {
 151         text-align: center;
 152         width: 100%;
 153         font-size: 1.0em;
 154         font-weight:bold;
 155         border-bottom: 1px solid DimGray;
 156         border-top: 1px solid DimGray;
 157         background: DarkSlateGray;
 158 }
 159
 160 #items {
 161         font-size: 0.9em;
 162         text-align: center;
 163         overflow-y: scroll;
 164 }
 165
 166 #items table {
 167         border: 1px solid DimGray;
 168 }
 169
 170 .file {
 171         text-align: left;
 172         width: 100%;
 173 }
 174
 175
 176 .itemEven{
 177         background-color: DarkSlateGray;
 178 }
 179
 180 .itemOdd{
 181   background-color: DimGray;
 182 }
 183
 184 .itemActive {
 185         background: LightGray;
 186         color: DarkSlateGray;
 187 }
 188
 189 .itemActive a {
 190         color: DarkSlateGray;
 191 }
 192
 193 .track_number {
 194         text-align: right;
 195 }
 196
 197 #volume_total {
 198         margin: 10px;
 199         width: 200px;
 200         border: 1px solid LightGray;
 201         height: 0.6em;
 202 }
 203
 204 #volume_actual {
 205         background-color: DarkOrange;
 206         height: 0.6em;
 207 }
 208
 209 #credits {
 210         font-size: 0.6em;
 211         background-color: Black;
 212 }
 213