htdocs/media/screen.css

   1 body
   2 {
   3     font-family: DeJaVu Sans, Bitstream Vera Sans, sans-serif;
   4     background-color: #333;
   5     padding: 0px;
   6     margin: 0px;
   7 }
   8
   9 body, table, td, th
  10 {
  11     font-size: 12px;
  12 }
  13
  14 hr
  15 {
  16     border-width: 0px;
  17     border-bottom: 1px #aaa dotted;
  18     clear: both;
  19 }
  20
  21 img
  22 {
  23     border-width: 0px;
  24 }
  25
  26 #body
  27 {
  28     width: 800px;
  29     margin-left: auto;
  30     margin-right: auto;
  31     background-color: white;
  32     min-height: 100%;
  33     padding: 0px;
  34 }
  35
  36 #logo
  37 {
  38         float: right;
  39         padding: 0px;
  40         margin: 7px 10px 0px 0px;
  41 }
  42
  43 #content-area
  44 {
  45     padding: 20px;
  46 }
  47
  48 #logininfo
  49 {
  50     float: right;
  51     margin-top: 1px;
  52     background-color: white;
  53     padding: 5px;
  54     text-align: right;
  55     background-image: url(logininfo-bottomleft.png);
  56     background-repeat: no-repeat;
  57     background-position: bottom left;
  58 }
  59
  60 #navigation
  61 {
  62     background-color: rgb(102, 102, 102);
  63 }
  64
  65 a {
  66     color: #10488B;
  67     text-decoration: none;
  68 }
  69
  70 a:hover {
  71     text-decoration: underline;
  72 }
  73
  74 div.error
  75 {
  76     border-radius: 4px;
  77     background-color: #fa7080;
  78     border: #f5001d thin solid;
  79     padding: 1em 1em 1em 45px;
  80     background-image: url('dialog-error.png');
  81     background-repeat: no-repeat;
  82     background-position: 3px 50%;
  83     margin: .5em;
  84 }
  85
  86 table.register th {
  87     font-weight:normal;
  88     width:150px;
  89     text-align:left;
  90 }
  91
  92 .success
  93 {
  94     background-color: #b7f46e;
  95     border: #539800 thin solid;
  96     border-radius: 4px;
  97     padding: 1em 1em 1em 45px;
  98     background-image: url('emblem-default.png');
  99     background-repeat: no-repeat;
 100     background-position: 3px 50%;
 101     margin: .5em;
 102 }
 103
 104 .info
 105 {
 106     border-radius: 4px;
 107     background-color: #eeeeee;
 108     border: #aaaaaa thin solid;
 109     padding: 1em 1em 1em 45px;
 110     background-image: url('info.png');
 111     background-repeat: no-repeat;
 112     background-position: 3px 50%;
 113     margin: .5em;
 114 }
 115
 116 .info a
 117 {
 118     color: black;
 119 }
 120
 121
 122 .menu a
 123 {
 124     color: #aaa;
 125 }
 126
 127 ul.menu
 128 {
 129     list-style-type: none;
 130     padding: 10px;
 131     margin: 0px;
 132     border-width: 0px;
 133 }
 134
 135 ul.menu.secondary
 136 {
 137     background-color: #777;
 138     padding-left: 40px;
 139     padding-top: 20px;
 140     border-top: 1px #666 solid;
 141 }
 142
 143 ul.menu.primary
 144 {
 145     padding-top: 20px;
 146 }
 147
 148 ul.menu li {
 149     display: inline;
 150     padding: 10px;
 151     padding-left: 10px;
 152     border-width: 0px;
 153     text-shadow: 0px 0px 3px #333;
 154     position: relative;
 155     top: 1px;
 156 }
 157
 158 ul.menu.primary li.selected {
 159     background-color: #777;
 160     background-image: url(navcaps/primary-top-left.png),
 161                       url(navcaps/primary-top-right.png);
 162     background-position: top left, top right;
 163     background-repeat: no-repeat;
 164     text-shadow: 0px 0px 4px #333;
 165 }
 166
 167 ul.menu.primary li.selected:hover {
 168     background-color: #777;
 169 }
 170
 171 ul.menu.secondary li.selected a,
 172 ul.menu.secondary li.selected a:hover,
 173 ul.menu.secondary li.selected:hover a {
 174     color: black;
 175 }
 176
 177 ul.menu.secondary li.selected {
 178     position: relative;
 179     top: 1px;
 180     background-color: white;
 181     background-image: url(navcaps/secondary-top-left.png),
 182                       url(navcaps/secondary-top-right.png),
 183                       url(navcaps/secondary-bg-gradient.png);
 184     background-position: top left, top right, top left;
 185     background-repeat: no-repeat, no-repeat, repeat-x;
 186     text-shadow: 0px 0px 4px #777;
 187 }
 188
 189 ul.menu.secondary li.selected:hover {
 190     background-color: white;
 191 }
 192
 193 ul.menu li a:hover {
 194     text-shadow: 0px 0px 5px black;
 195 }
 196
 197 ul.menu.secondary li.selected a:hover {
 198     text-shadow: 0px 0px 5px #444;
 199 }
 200
 201 ul.menu li:hover a {
 202     text-decoration: none;
 203 }
 204
 205 ul.menu li.selected a, ul.menu li.selected:hover a {
 206     color: white;
 207 }
 208
 209 ul.menu li.heading {
 210     cursor: default;
 211 }
 212
 213 ul.menu li.heading:hover {
 214     background-color: #777;
 215 }
 216
 217 .menu strong {
 218     color: white;
 219     padding-left: 10px;
 220     padding-right: 10px;
 221 }
 222
 223 table.list
 224 {
 225     font-size: 1em;
 226     border-collapse: collapse;
 227     margin-bottom: 2em;
 228     width: 100%;
 229 }
 230
 231 table.list tr {
 232     border: 1px solid white;
 233 }
 234
 235 table.list tr:nth-child(even) td {
 236     background-color: #f7f7f7;
 237 }
 238
 239 table.list tr:nth-child(odd) td {
 240     background-color: #f0f0f0;
 241 }
 242
 243 table.list tr:nth-child(even):hover td {
 244     background-color: #e7e7e7;
 245 }
 246
 247 table.list tr:nth-child(odd):hover td {
 248     background-color: #e0e0e0;
 249 }
 250
 251 table.list th
 252 {
 253     text-align: left;
 254     padding: 5px;
 255 }
 256
 257 table.list th,
 258 table.list td
 259 {
 260     padding-right: 1em;
 261 }
 262
 263 table td.numeric,
 264 table th.numeric
 265 {
 266     text-align: right;
 267 }
 268
 269 table.list tr.group
 270 {
 271     font-weight: bold;
 272     height: 3em;
 273     vertical-align: bottom;
 274 }
 275
 276 table.list tr.group:hover td
 277 {
 278     /* don't show hover effect for group rows */
 279     background-color: inherit;
 280 }
 281
 282 .episode_list .title
 283 {
 284 }
 285
 286 .podcast_list p, .episode_list p
 287 {
 288     margin: 2px 0px 2px 0px;
 289     padding: 0px;
 290 }
 291
 292 .podcast_list p.description, .episode_list p.description
 293 {
 294     font-size: x-small;
 295 }
 296
 297 .description
 298 {
 299     color: #666;
 300 }
 301
 302 .URL
 303 {
 304     text-decoration: none;
 305     color: black;
 306 }
 307
 308 .URL:hover
 309 {
 310     text-decoration: underline;
 311 }
 312
 313 h1, h2
 314 {
 315     padding: 5px 0px 2px 0px;
 316     margin: 0px;
 317 }
 318
 319 h1 {
 320     font-size: 14pt;
 321 }
 322
 323 h2 {
 324     font-size: 12pt;
 325 }
 326
 327 img.device_icon
 328 {
 329     padding: 3px;
 330     vertical-align: middle;
 331 }
 332
 333 ul.devices li.desktop
 334 {
 335     list-style-image: url('16x16/computer.png');
 336 }
 337
 338 ul.devices li.laptop
 339 {
 340     list-style-image: url('16x16/stock_notebook.png');
 341 }
 342
 343 ul.devices li.mobile
 344 {
 345     list-style-image: url('16x16/stock_cell-phone.png');
 346 }
 347
 348 ul.devices li.server
 349 {
 350     list-style-image: url('16x16/server.png');
 351 }
 352
 353 ul.devices li.other
 354 {
 355     list-style-image: url('16x16/audio-x-generic.png');
 356 }
 357
 358 div.rate
 359 {
 360     padding-top: 2em;
 361     padding-bottom: 3em;
 362 }
 363
 364 div.devicesLeft
 365 {
 366     float:left;
 367         width: 10em;
 368 }
 369
 370 div.devicesRight
 371 {
 372     float:left;
 373     margin-top:-5px;
 374         width: 26px;
 375         height: 26px;
 376 }
 377
 378 div.devicesClear
 379 {
 380     clear:left;
 381 }
 382
 383
 384 form.search input[type="text"]
 385 {
 386     width: 300px;
 387     display: inline;
 388 }
 389
 390 form.search ul
 391 {
 392     display: inline;
 393     margin: 0px;
 394     padding: 0px;
 395 }
 396
 397 form.search ul li
 398 {
 399     list-style: none;
 400     display: inline;
 401 }
 402
 403 form.search input[type="submit"]
 404 {
 405     margin-top: 20px;
 406     display: inline;
 407 }
 408
 409 div.result img
 410 {
 411     float: left;
 412 }
 413
 414 div.result a.podcast
 415 {
 416     font-size: 1.2em;
 417     color: black;
 418     padding-top: 2em;
 419     font-weight: bold;
 420     display: block;
 421 }
 422
 423 div.result span.episode
 424 {
 425     display: list-item;
 426     margin-left: 2em;
 427 }
 428
 429 div.result span.episode a
 430 {
 431     color: black;
 432 }
 433
 434 div.result
 435 {
 436 }
 437
 438 div#podcastlogo
 439 {
 440     float: right;
 441     padding-left: 20px;
 442     padding-bottom: 10px;
 443 }
 444
 445 table.form
 446 {
 447 }
 448
 449 table.form th
 450 {
 451     font-weight: normal;
 452     text-align: right;
 453 }
 454
 455 input.url
 456 {
 457     width: 80%;
 458 }
 459
 460 .bar
 461 {
 462     background-color: #333;
 463     color: white;
 464     float: left;
 465     text-align: left;
 466 }
 467
 468 .bar span, .barbg span
 469 {
 470     padding-left: 5px;
 471     padding-right: 5px;
 472 }
 473
 474 .barbg
 475 {
 476     background-color: #aaa;
 477     text-align: right;
 478     color: black;
 479     float: left;
 480     width: 100%;
 481 }
 482
 483 td.position
 484 {
 485     font-size: 1.3em;
 486     font-weight: bold;
 487     padding-right: 0;
 488     margin-right: 0;
 489 }
 490
 491 td.oldposition
 492 {
 493     font-size: .8em;
 494 }
 495
 496 .pos
 497 {
 498     color: green;
 499 }
 500
 501 .neg
 502 {
 503     color: red;
 504 }
 505
 506 .new
 507 {
 508     color: #555;
 509 }
 510
 511 span.from_podcast, span.latest_episode {
 512     font-size: x-small;
 513     color: #666;
 514 }
 515
 516 span.from_podcast a, span.latest_episode a {
 517     color: #333;
 518 }
 519
 520 .time
 521 {
 522     width: 5em;
 523 }
 524
 525 .watermark
 526 {
 527     color: #aaa;
 528 }
 529
 530 ul.square-menu
 531 {
 532     padding: 20px;
 533 }
 534
 535 ul.square-menu li
 536 {
 537     display: block;
 538     float: left;
 539     width: 100px;
 540     height: 100px;
 541     margin: 10px;
 542     background-color: #aaa;
 543     text-align: center;
 544 }
 545
 546 ul.square-menu li a
 547 {
 548     position: relative;
 549     bottom: -40px;
 550 }
 551
 552 address
 553 {
 554     clear: both;
 555     text-align: center;
 556     padding: 5px;
 557     font-style: normal;
 558     color: #999;
 559 }
 560
 561 .own-chapter
 562 {
 563     font-weight: bold;
 564 }
 565
 566 div.related-podcasts
 567 {
 568     float: right;
 569 }
 570
 571 div.intro-box
 572 {
 573     text-align: justify;
 574     float: left;
 575     width: 40%;
 576     padding-top: 1em;
 577     padding-left: 5%;
 578     padding-bottom: 1em;
 579 }
 580
 581 div.wide-box
 582 {
 583     float: left;
 584     width: 90%;
 585     padding-top: 1em;
 586     padding-left: 5%;
 587     padding-bottom: 1em;
 588 }
 589
 590 div.intro-box ul
 591 {
 592     text-align: left;
 593 }
 594
 595 div.come-in-box
 596 {
 597     margin-left: -10%;
 598     padding-top: 1em;
 599     padding-bottom: 1em;
 600     clear: both;
 601     font-size: 2em;
 602     text-align: center;
 603 }
 604
 605 .toplist-pos
 606 {
 607     padding-left: 1em;
 608 }
 609
 610 #tagcloud
 611 {
 612     text-align: justify;
 613 }