www/adorno.css

   1 /* Basic CSS stylesheet for Adorno
   2  */
   3
   4 a:link, a:visited {
   5   color: #221155;
   6   text-decoration:none;
   7 }
   8 a:hover {
   9   color: #223322;
  10   text-decoration:none;
  11   background: #88cc88;
  12 }
  13 a.img:hover, table {
  14   color: inherit;
  15   background: inherit;
  16 }
  17
  18 body {
  19   font: x-small helv narrow, verdana, sans-serif;
  20   color: black;
  21   background: white;
  22   margin: 0;
  23   padding: 0;
  24 }
  25
  26 p {
  27   font: x-small verdana, sans-serif;
  28   padding: 2px 0;
  29   line-height: 112%;
  30 }
  31
  32 h2 {
  33   text-align: left;
  34   font-size: 12pt;
  35   font-weight: 700;
  36   vertical-align: bottom;
  37   margin: 0;
  38   padding: 2px 0 0 0;
  39   border-style: none;
  40   line-height: 120%;
  41 }
  42
  43 h3, .h3, .h3:link, .h3:visited {
  44   text-align: center;
  45   vertical-align: bottom;
  46   background: #040407;
  47   color: white;
  48   margin-bottom: 0;
  49   padding: 2px 0 0 0;
  50   border-style: none;
  51   line-height: 120%;
  52   font-weight: 700;
  53   margin: 0;
  54   padding: 0;
  55   vertical-align: middle;
  56 }
  57
  58 h4, .h4, .h4:link, .h4:visited {
  59   text-align: center;
  60   vertical-align: bottom;
  61   background: #040407;
  62   color: white;
  63   margin-bottom: 0;
  64   padding: 2px 0 0 0;
  65   border-style: none;
  66   line-height: 120%;
  67   font-weight: 700;
  68 }
  69
  70 th4, .th4, .th4:link, .th4:visited {
  71   text-align: center;
  72   vertical-align: middle;
  73   font-weight: 700;
  74   background: #040407;
  75   color: white;
  76   margin-bottom: 1px;
  77   padding: 5px 1px 2px;
  78   border-style: none;
  79   line-height: 120%;
  80 }
  81
  82 hr {
  83   height: 2px;
  84   margin: 0px;
  85   padding: 0px;
  86   color: yellow;
  87   background: #040407;
  88 }
  89
  90 .thin_hr {
  91   height: 1px;
  92   color: black;
  93   background: #000060;
  94 }
  95
  96
  97
  98
  99 .row0 {
 100   background: #c0f0f0;
 101 }
 102 .row1 {
 103   background: #e767e7;
 104 }
 105
 106 .tr_menu   {
 107   font: xx-small tahoma, verdana, sans-serif;
 108   padding: 0;
 109   vertical-align: middle;
 110 }
 111
 112 .menu   {
 113   font: xx-small tahoma, verdana, sans-serif;
 114   padding: 14px 3px 0 3px;
 115   color: black;
 116   background: #000060;
 117   border: thin outset #7060b0;
 118   vertical-align: middle;
 119 }
 120
 121 .menu:hover {
 122   border-style: inset;
 123   background: #8080ff;
 124   color: black;
 125 }
 126
 127 .alphabetica, .alphabetica:link, .alphabetica:visited   {
 128   font: xx-small tahoma, verdana, sans-serif;
 129   font-weight: 700;
 130   padding: 1px 2px 0 2px;
 131   color: white;
 132   background: #000060;
 133   border: thin outset #202090;
 134   margin: 0 0 0 2px;
 135 }
 136
 137 .alphabetica:hover {
 138   border-style: inset;
 139   background: #5040c0;
 140   color: yellow;
 141 }
 142
 143 input.search_field  {
 144   font: xx-small tahoma, verdana, sans-serif;
 145   padding: 0px;
 146   vertical-align: middle;
 147 }
 148
 149 input.submit   {
 150   font: x-small tahoma, verdana, sans-serif;
 151   font-weight: 700;
 152   padding: 0px 2px 0 2px;
 153   color: white;
 154   background: #000060;
 155   border: thin outset #202090;
 156   vertical-align: middle;
 157 }
 158
 159 input.submit:hover {
 160   border-style: inset;
 161   background: #5040c0;
 162   color: yellow;
 163 }
 164
 165 .track, .track0, .track1 {
 166   margin: 0;
 167   padding: 0;
 168   border-style: none;
 169   line-height: 112%;
 170 }
 171 .track0 {
 172   background: #f0f7f7;
 173 }
 174 .track1 {
 175   background: #e0f0f0;
 176 }
 177
 178 .artist, .artist:link, .artist:visited     {
 179   font: 90% tahoma, verdana, sans-serif;
 180   font-weight: 700;
 181   padding: 0px 2px;
 182   color: white;
 183   background: #000060;
 184   border: thin outset #202090;
 185   vertical-align: middle;
 186   white-space: nowrap;
 187   margin: 0px 4px;
 188   line-height: 150%;
 189 }
 190 .artist:hover {
 191   border-style: inset;
 192   background: #5040c0;
 193   color: yellow;
 194 }
 195
 196 #header {
 197   background-color: #f0f0f0;
 198   width: 100%;
 199   margin: 0;
 200   padding: 0;
 201   border: none;
 202   border-bottom: thin outset #c0c0c0;
 203   border-top: thin outset #c0c0c0;
 204 }
 205
 206 #now_playing {
 207   text-align: left;
 208   padding-bottom: 2px;
 209   padding-left: 2px;
 210   margin: 0;
 211   font-weight: bold;
 212 }
 213
 214 #now_playing span.track_title {
 215   font-size: 1.3em;
 216   margin-left: 0.2em;
 217   margin-right: 1em;
 218 }
 219
 220 #now_playing span.album_title {
 221   font-size: 1.1em;
 222   margin-right: 1em;
 223 }
 224
 225 #now_playing span.artist_name {
 226   font-size: 1em;
 227 }
 228
 229 #controls {
 230   text-align: right;
 231   width: 185px;
 232   height: 23px;
 233   vertical-align: middle;
 234   padding: 0;
 235   border: none;
 236 }
 237
 238 #controls a {
 239   background-color: inherit;
 240   padding-bottom: 0;
 241   padding-left: 0;
 242 }
 243
 244 #controls img {
 245   border: none;
 246   background-color: inherit;
 247   padding-bottom: 0;
 248   padding-left: 0;
 249 }
 250
 251
 252 #menu {
 253   clear: both;
 254 }
 255
 256 #queue span.q_title {
 257   font-size: 1.1em;
 258   padding-left: 1em;
 259   padding-right: 1em;
 260   margin-left: 1em;
 261   margin-right: 1em;
 262   font-weight: bold;
 263 }
 264
 265 #queue span.q_album {
 266   font-size: 1.0em;
 267   padding-left: 1em;
 268   padding-right: 1em;
 269   margin-left: 1em;
 270   margin-right: 1em;
 271   background-color: #fcfcfc;
 272 }
 273
 274 #queue span.q_artist {
 275   font-size: 1.1em;
 276   padding-left: 1em;
 277   padding-right: 1em;
 278   margin-left: 1em;
 279   margin-right: 1em;
 280 }
 281