css/general.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_content {
  61         margin: 10px 10% 10px 10%;
  62         text-align: center;
  63         border: 1px solid LightGray;
  64         height: 3em;
  65         padding: 10px 0px 5px 0px;
  66         background: SaddleBrown;
  67         font-weight: bold;
  68         color: White;
  69 }
  70
  71 #control_buttons {
  72         text-align: center;
  73         margin: 10px 5px 10px 5px;
  74 }
  75
  76 #control_buttons table {
  77         margin-left: auto;
  78   margin-right: auto;
  79 }
  80
  81
  82 #control_volume {
  83         text-align: center;
  84         margin: 10px 5px 10px 5px;
  85 }
  86
  87 #control_volume table {
  88         margin-left: auto;
  89         margin-right: auto;
  90 }
  91
  92 .playlist_menu {
  93   font-weight: bold;
  94   height: 24px;
  95         padding: 5px;
  96   background: linear-gradient(DarkSlateGray,Black);
  97   border-bottom: 1px solid Black;
  98   border-top: 1px solid Black;
  99 }
 100
 101 .home {
 102   text-align: left;
 103   font-size: 1.0em;
 104   font-weight: bold;
 105   background: linear-gradient(DarkSlateGray,Black);
 106   border-bottom: 2px solid Black;
 107   border-top: 2px solid DarkSlateGray;
 108 }
 109
 110
 111 #items_heading {
 112         text-align: center;
 113         width: 100%;
 114         font-size: 1.0em;
 115         font-weight:bold;
 116         border-bottom: 1px solid DimGray;
 117         border-top: 1px solid DimGray;
 118         background: DarkSlateGray;
 119 }
 120
 121 #items {
 122         font-size: 0.9em;
 123         text-align: center;
 124         overflow-y: scroll;
 125 }
 126
 127 #items table {
 128         border: 1px solid DimGray;
 129 }
 130
 131 .file {
 132         text-align: left;
 133         width: 100%;
 134 }
 135
 136
 137 .itemEven{
 138         background-color: DarkSlateGray;
 139 }
 140
 141 .itemOdd{
 142   background-color: DimGray;
 143 }
 144
 145 .itemActive {
 146         background: LightGray;
 147         color: DarkSlateGray;
 148 }
 149
 150 .itemActive a {
 151         color: DarkSlateGray;
 152 }
 153
 154 .track_number {
 155         text-align: right;
 156 }
 157
 158 #volume_total {
 159         margin: 10px;
 160         width: 200px;
 161         border: 1px solid LightGray;
 162         height: 0.6em;
 163 }
 164
 165
 166 #volume_actual {
 167         background-color: DarkOrange;
 168         height: 0.6em;
 169 }