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 }
  39
  40 #frame {
  41         text-align: left;
  42         border: 1px solid Black;
  43         background: DarkSlateGray;
  44         margin: 0;
  45 }
  46
  47 #nowplaying_heading {
  48         font-size: 1.3em;
  49         font-weight: bold;
  50         padding: 5px;
  51         background: linear-gradient(DarkSlateGray,Black);
  52         border-bottom: 1px solid Black;
  53         border-top: 1px solid Black;
  54 }
  55
  56 #heading_tbl {
  57         width: 100%;
  58 }
  59
  60 #nowplaying_trackname {
  61         text-align: center;
  62         clear: both;
  63         padding: 0.5em;
  64 }
  65
  66 #nowplaying_content {
  67         height: 4em;
  68         border: 1px solid LightGray;
  69         margin: 10px 10% 10px 10%;
  70         padding: 10px 0px 5px 0px;
  71         background: SaddleBrown;
  72         font-weight: bold;
  73         color: White;
  74 }
  75
  76 #nowplaying_trackno {
  77         text-align: left;
  78         margin: 0 0 0 5%;
  79         float:left;
  80 }
  81
  82 #nowplaying_tracklen {
  83         text-align: right;
  84         margin: 0 5% 0 0;
  85         float:right;
  86 }
  87
  88 #nowplaying_counters {
  89         width: 100%;
  90 }
  91
  92 #control_buttons {
  93         text-align: center;
  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         margin: 10px 5px 10px 5px;
 106 }
 107
 108 #control_volume table {
 109         margin-left: auto;
 110         margin-right: auto;
 111 }
 112
 113 .playlist_menu {
 114   font-weight: bold;
 115   height: 24px;
 116         padding: 5px;
 117   background: linear-gradient(DarkSlateGray,Black);
 118   border-bottom: 1px solid Black;
 119   border-top: 1px solid Black;
 120 }
 121
 122 .home {
 123   text-align: left;
 124   font-size: 1.0em;
 125   font-weight: bold;
 126   background: linear-gradient(DarkSlateGray,Black);
 127   border-bottom: 2px solid Black;
 128   border-top: 2px solid DarkSlateGray;
 129 }
 130
 131
 132 #items_heading {
 133         text-align: center;
 134         width: 100%;
 135         font-size: 1.0em;
 136         font-weight:bold;
 137         border-bottom: 1px solid DimGray;
 138         border-top: 1px solid DimGray;
 139         background: DarkSlateGray;
 140 }
 141
 142 #items {
 143         font-size: 0.9em;
 144         text-align: center;
 145         overflow-y: scroll;
 146 }
 147
 148 #items table {
 149         border: 1px solid DimGray;
 150 }
 151
 152 .file {
 153         text-align: left;
 154         width: 100%;
 155 }
 156
 157
 158 .itemEven{
 159         background-color: DarkSlateGray;
 160 }
 161
 162 .itemOdd{
 163   background-color: DimGray;
 164 }
 165
 166 .itemActive {
 167         background: LightGray;
 168         color: DarkSlateGray;
 169 }
 170
 171 .itemActive a {
 172         color: DarkSlateGray;
 173 }
 174
 175 .track_number {
 176         text-align: right;
 177 }
 178
 179 #volume_total {
 180         margin: 10px;
 181         width: 200px;
 182         border: 1px solid LightGray;
 183         height: 0.6em;
 184 }
 185
 186 #volume_actual {
 187         background-color: DarkOrange;
 188         height: 0.6em;
 189 }
 190
 191 #credits {
 192         font-size: 0.6em;
 193         background-color: Black;
 194 }