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   -moz-border-radius: 5px;
  57 }
  58
  59 h4, .h4, .h4:link, .h4:visited {
  60   text-align: center;
  61   vertical-align: bottom;
  62   background: #040407;
  63   color: white;
  64   margin-bottom: 0;
  65   padding: 2px 0 0 0;
  66   border-style: none;
  67   line-height: 120%;
  68   font-weight: 700;
  69 }
  70
  71 th4, .th4, .th4:link, .th4:visited {
  72   text-align: center;
  73   vertical-align: middle;
  74   font-weight: 700;
  75   background: #040407;
  76   color: white;
  77   margin-bottom: 1px;
  78   padding: 5px 1px 2px;
  79   border-style: none;
  80   line-height: 120%;
  81 }
  82
  83 hr {
  84   height: 2px;
  85   margin: 0px;
  86   padding: 0px;
  87   color: yellow;
  88   background: #040407;
  89 }
  90
  91 .thin_hr {
  92   height: 1px;
  93   color: black;
  94   background: #000060;
  95 }
  96
  97
  98
  99
 100 .row0 {
 101   background: #c0f0f0;
 102 }
 103 .row1 {
 104   background: #e767e7;
 105 }
 106
 107 .trackfound, .rowfound {
 108   background: #9797f7;
 109 }
 110
 111 .tr_menu   {
 112   font: xx-small tahoma, verdana, sans-serif;
 113   padding: 0;
 114   vertical-align: middle;
 115 }
 116
 117 .menu   {
 118   font: xx-small tahoma, verdana, sans-serif;
 119   padding: 14px 3px 0 3px;
 120   color: black;
 121   background: #000060;
 122   border: thin outset #7060b0;
 123   vertical-align: middle;
 124 }
 125
 126 .menu:hover {
 127   border-style: inset;
 128   background: #8080ff;
 129   color: black;
 130 }
 131
 132 .alphabetica, .alphabetica:link, .alphabetica:visited   {
 133   font: xx-small tahoma, verdana, sans-serif;
 134   font-weight: 700;
 135   padding: 1px 1px 0 2px;
 136   color: white;
 137   background: #000060;
 138   border: thin outset #202090;
 139   margin: 0 1px 0 1px;
 140   -moz-border-radius: 3px;
 141 }
 142
 143 .alphabetica:hover {
 144   border-style: inset;
 145   background: #5040c0;
 146   color: yellow;
 147 }
 148
 149 input.search_field  {
 150   font: xx-small tahoma, verdana, sans-serif;
 151   padding: 0px;
 152   vertical-align: middle;
 153 }
 154
 155 input.submit   {
 156   font: x-small tahoma, verdana, sans-serif;
 157   font-weight: 700;
 158   padding: 0px 2px 0 2px;
 159   color: white;
 160   background: #000060;
 161   border: thin outset #202090;
 162   vertical-align: middle;
 163   -moz-border-radius: 5px;
 164 }
 165
 166 input.submit:hover {
 167   border-style: inset;
 168   background: #5040c0;
 169   color: yellow;
 170 }
 171
 172 .track, .track0, .track1 {
 173   margin: 0;
 174   padding: 0;
 175   border-style: none;
 176   line-height: 112%;
 177 }
 178 .track0 {
 179   background: #f0f7f7;
 180 }
 181 .track1 {
 182   background: #e0f0f0;
 183 }
 184
 185 .artist, .artist:link, .artist:visited     {
 186   font: 90% tahoma, verdana, sans-serif;
 187   font-weight: 700;
 188   padding: 0px 2px;
 189   color: white;
 190   background: #000060;
 191   border: thin outset #202090;
 192   vertical-align: middle;
 193   white-space: nowrap;
 194   margin: 0px 4px;
 195   line-height: 150%;
 196 }
 197 .artist:hover {
 198   border-style: inset;
 199   background: #5040c0;
 200   color: yellow;
 201 }
 202
 203 #header {
 204   background-color: #f0f0f0;
 205   width: 100%;
 206   margin: 0;
 207   padding: 0;
 208   border: none;
 209   border-bottom: thin outset #c0c0c0;
 210   border-top: thin outset #c0c0c0;
 211 }
 212
 213 #now_playing {
 214   text-align: left;
 215   padding-bottom: 2px;
 216   padding-left: 2px;
 217   margin: 0;
 218   font-weight: bold;
 219 }
 220
 221 #now_playing span.track_title {
 222   font-size: 1.3em;
 223   margin-left: 0.2em;
 224   margin-right: 1em;
 225 }
 226
 227 #now_playing span.album_title {
 228   font-size: 1.1em;
 229   margin-right: 1em;
 230 }
 231
 232 #now_playing span.artist_name {
 233   font-size: 1em;
 234 }
 235
 236 #controls {
 237   text-align: right;
 238   width: 185px;
 239   height: 23px;
 240   vertical-align: middle;
 241   padding: 0;
 242   border: none;
 243 }
 244
 245 #controls a {
 246   background-color: inherit;
 247   padding-bottom: 0;
 248   padding-left: 0;
 249 }
 250
 251 #controls img {
 252   border: none;
 253   background-color: inherit;
 254   padding-bottom: 0;
 255   padding-left: 0;
 256 }
 257
 258
 259 #menu {
 260   clear: both;
 261 }
 262
 263 #queue tr.q_headline {
 264   background-color: #e4e4ec;
 265 }
 266
 267 #queue span.q_title {
 268   font-size: 1.1em;
 269   padding-left: 1em;
 270   padding-right: 1em;
 271   margin-left: 1em;
 272   margin-right: 1em;
 273   font-weight: bold;
 274 }
 275
 276 #queue span.q_album {
 277   font-size: 1.4em;
 278   padding-left: 1em;
 279   padding-right: 1em;
 280   margin-left: 1em;
 281   margin-right: 1em;
 282 }
 283
 284 #queue span.q_artist {
 285   font-size: 1.2em;
 286   padding-left: 1em;
 287   padding-right: 1em;
 288   margin-left: 1em;
 289   margin-right: 1em;
 290 }
 291
 292 #playurl input.playurl {
 293   width: 42em;
 294   font: xx-small tahoma, verdana, sans-serif;
 295   padding: 0px;
 296   vertical-align: middle;
 297   margin-left: 1em;
 298 }