www/static/css/style.css

   1
   2 /* This controls the width of the fluid width layouts */
   3
   4 div.fluid {
   5         width: 90% !important;
   6 }
   7
   8 /* This controls the width of the fixed width layouts */
   9 div.fixed {
  10         width: 980px !important;
  11         margin: 0;
  12 }
  13
  14 /* Basic Stuff */
  15
  16 * {
  17         margin: 0em;
  18         padding: 0em;
  19 }
  20
  21 body {
  22   font-family: "Verdana", "Deja-Vu Sans", "Bitstream Vera Sans", sans-serif;
  23   font-size: 0.9em;
  24   background: #880400;
  25   color: #585858;
  26 }
  27
  28 h1,h2,h3,h4,h5,h6 {
  29         font-weight: normal;
  30         letter-spacing: -1px;
  31         text-transform: lowercase;
  32 }
  33
  34 h3,h4,h5,h6 {
  35         color: #66000F;
  36 }
  37
  38 h1 span {
  39         font-weight: bold;
  40 }
  41
  42 h3 span {
  43         font-weight: bold;
  44 }
  45
  46 h4 span {
  47         font-weight: bold;
  48 }
  49
  50 br.clear {
  51         clear: both;
  52 }
  53
  54 img {
  55         padding: 3px;
  56 }
  57
  58 img.floatTL {
  59         float: left;
  60         margin-right: 1.5em;
  61         margin-bottom: 1.5em;
  62         margin-top: 0.5em;
  63 }
  64
  65 img.floatTR {
  66         float: right;
  67         margin-left: 1.5em;
  68         margin-bottom: 1.5em;
  69         margin-top: 0.5em;
  70 }
  71
  72 img.symbol {
  73         float: left;
  74         margin-bottom: 0em;
  75         border: 0;
  76 }
  77
  78 a {
  79         text-decoration: underline;
  80         color: #D90000;
  81         border-style: none;
  82 }
  83
  84 a:hover {
  85         text-decoration: none;
  86 }
  87
  88 ul.links {
  89         /* list-style: none; */
  90         padding-left: 1em;
  91 }
  92
  93 ul.links li {
  94         line-height: 1.5em;
  95         font-size: 0.9em;
  96         /* display: inline; */
  97 }
  98
  99 ul.links li.first {
 100 }
 101
 102 p {
 103         line-height: 1.5em;
 104 }
 105
 106 p.left {
 107         float: left;
 108 }
 109
 110 p.right {
 111         float: right;
 112 }
 113
 114 /* Header */
 115
 116 #header {
 117         width:100%;
 118         height:102px;
 119         background: url('../images/bg-menu99.png') repeat-x;
 120 }
 121
 122 #header_inner {
 123         position: relative;
 124         width: 980px;
 125         height:102px;
 126         margin: 0 auto;
 127 }
 128
 129 img.symbol {
 130         margin: 0;
 131         padding: 0;
 132 }
 133
 134 /* Logo */
 135
 136 #logo {
 137         position: absolute;
 138         top: 0;
 139         float: left;
 140 }
 141
 142 #header h1 {
 143         float: left;
 144         margin-left: 105px;
 145         color: #eee;
 146         font-size: 150%;
 147 }
 148
 149 #header h2 {
 150         float: left;
 151         margin-left: 105px;
 152         color: #E5CCD0;
 153         font-size: 1.0em;
 154         vertical-align: bottom;
 155 }
 156
 157 /* Header Line's */
 158 #header_menu {
 159         height: 37px;
 160 }
 161
 162 #header_hostname {
 163         height: 32px;
 164 }
 165
 166 #header_slogan {
 167         height: 31px;
 168 }
 169
 170 /* Menu */
 171
 172 #menu {
 173         position: absolute;
 174         left: 105px;
 175         top: 0em;
 176 }
 177
 178 #menu ul {
 179         list-style: none;
 180 }
 181
 182 #menu li {
 183         float: left;
 184 }
 185
 186 #menu li {
 187         vertical-align: middle;
 188         background: #333 url('../images/btn-break.png') center;
 189 }
 190
 191 #menu li a {
 192         margin-left: 1px; /*0.5em;*/
 193         margin-right: 1px;
 194         display: block;
 195         padding: 10px 5px 0 8px;
 196         height: 26px;
 197         background: #333 url('../images/btn-empty.png') repeat-x center;
 198         color: #ddd;
 199         font-weight: bolder;
 200         vertical-align: middle;
 201         font-size: 0.8em;
 202         text-decoration: none;
 203 }
 204
 205 #menu li a.active {
 206         background: #CA2F2F url('../images/btn-red2.png') repeat-x center;
 207         color: #ddd;
 208 }
 209
 210 #menu li a:hover {
 211         background: #333 url('../images/btn-red2.png') repeat-x center;
 212         color: #fff;
 213 }
 214
 215 /* Main */
 216
 217 #main_inner p {
 218         text-align: justify;
 219         margin-bottom: 0.5em;
 220 }
 221
 222 #main_inner ul.list {
 223         padding-left: 1.5em;
 224 }
 225
 226 #main_inner {
 227         position: relative;
 228         width: 950px;
 229         margin: 0 auto;
 230 }
 231
 232 #main_inner h3,h4 {
 233         border-bottom: dotted 1px #E1E1E1;
 234         position: relative;
 235 }
 236
 237 #main_inner h3 {
 238         font-size: 1.5em;
 239         padding-bottom: 0.1em;
 240         margin-bottom: 0.5em;
 241 }
 242
 243 #main_inner h4 {
 244         font-size: 1.2em;
 245         padding-bottom: 0.175em;
 246         margin-bottom: 0.25em;
 247         margin-top: 0.95em;
 248 }
 249
 250 #main_frame {
 251         border: 0px;
 252         border-collapse: collapse;
 253         border-spacing: 0px;
 254         margin: 0em;
 255         padding: 0em;
 256         width: 980px;
 257         max-width: 980px;
 258 }
 259
 260 #sh-tl {
 261         background: url("../images/sh-tl.png") no-repeat right bottom;
 262 }
 263
 264 #sh-top {
 265         background: url("../images/sh-top.png") repeat-x bottom;
 266 }
 267
 268 #sh-tr {
 269         background: url("../images/sh-tr.png") no-repeat left bottom;
 270 }
 271
 272 #sh-lft {
 273         background: url("../images/sh-lft.png") repeat-y right;
 274 }
 275
 276 #sh-rgt {
 277         background: url("../images/sh-rgt.png") repeat-y left;
 278 }
 279
 280 #sh-bl {
 281         background: url("../images/sh-bl.png") no-repeat right top;
 282 }
 283
 284 #sh-btn {
 285         background: url("../images/sh-btn.png") repeat-x top;
 286 }
 287
 288 #sh-br {
 289         background: url("../images/sh-br.png") no-repeat left top;
 290 }
 291
 292 #no-sh {
 293         background-color: #fbfbfb;
 294         width: 980px;
 295 }
 296
 297 #sh-tl, #sh-top, #sh-tr, #sh-lft, #sh-rgt, #sh-bl, #sh-btn, #sh-br {
 298   width: 16px;
 299   height: 16px;
 300   padding: 0px;
 301   border-width: 0px;
 302   border-style: none;
 303 }
 304
 305 .banner {
 306   border: 0;
 307 }
 308
 309 .post {
 310         margin-bottom: 40px;
 311 }
 312
 313 .post .title {
 314         text-transform: lowercase;
 315         font-size: 1.5em;
 316         font-weight: normal;
 317         color: #606060;
 318 }
 319
 320 .post .title a {
 321         border: none;
 322         color: #606060;
 323 }
 324
 325 .post .meta {
 326         padding-left: 2px;
 327         padding-bottom: 2px;
 328         text-align: left;
 329         text-transform: lowercase;
 330 }
 331
 332 .post .meta a {
 333 }
 334
 335 .post .entry {
 336         padding: 1.2em 1.2em;
 337         border: 1px dotted #E4E4E4;
 338         text-align: justify;
 339 }
 340
 341 .post .entry ul {
 342         padding-left: 1em;
 343 }
 344
 345 .links {
 346         padding-top: 20px;
 347         text-transform: lowercase;
 348 }
 349
 350 /* News */
 351
 352 ul.news {
 353         list-style: none;
 354 }
 355
 356 /* Footer */
 357
 358 #footer {
 359         clear: both;
 360         height: 26px;
 361         color: #ddd;
 362         text-align: center;
 363         background: url("../images/ft.png") left top;
 364         margin-top: 0em;
 365         margin-bottom: 0em;
 366         padding-top: 0.5em;
 367         padding-bottom: 0.5em;
 368         text-transform: lowercase;
 369 }
 370
 371 .thumbnail {
 372         position: relative;
 373         z-index: 0;
 374 }
 375
 376 .thumbnail:hover {
 377         background-color: transparent;
 378         z-index: 50;
 379 }
 380
 381 .thumbnail span {
 382         position: absolute;
 383         background-color: #ffffe0;
 384         padding: 5px;
 385         left: -1000px;
 386         border: 1px dashed gray;
 387         visibility: hidden;
 388         color: black;
 389         text-decoration: none;
 390 }
 391
 392 .thumbnail span img {
 393         border-width: 0;
 394         padding: 2px;
 395 }
 396
 397 .thumbnail:hover span {
 398         visibility: visible;
 399         top: 0;
 400         left: 60px;
 401 }
 402
 403 a.feed {
 404   margin-left: 3px;
 405   padding: 0 0 0 19px;
 406   background: url("../images/feed.png") no-repeat 0 50%;
 407 }
 408
 409 /* LAYOUT - 2 COLUMNS */
 410
 411         /* Primary content */
 412
 413 #columns2_primary {
 414         position: relative;
 415         /* margin-right: 17em; */
 416 }
 417
 418 #columns2_columnA {
 419         position: relative;
 420         float: left;
 421         padding: 1em 0.5em 0.5em 1em;
 422         width: 710px;
 423 }
 424
 425 #columns2_secondary {
 426         float: right;
 427 }
 428
 429 #columns2_columnB
 430 {
 431         width: 12.0em;
 432         float: left;
 433         padding: 0em 1em 0.5em 1em;
 434         border-left: dotted 1px #E1E1E1;
 435 }
 436
 437 #columns1_primary {
 438         position: relative;
 439 }
 440
 441 #columns1_columnA {
 442         position: relative;
 443         padding: 1em 1em 0.5em 1em;
 444         border: 1px solid white;
 445 }
 446
 447 /* Tabs */
 448 .ui-tabs {
 449         padding: .2em;
 450         zoom: 1;
 451 }
 452 .ui-tabs .ui-tabs-nav {
 453         list-style: none;
 454         position: relative;
 455         padding: .2em .2em 0;
 456 }
 457 .ui-tabs .ui-tabs-nav li {
 458         position: relative;
 459         float: left;
 460         border-bottom-width: 0 !important;
 461         margin: 0 .2em -1px 0;
 462         padding: 0;
 463 }
 464 .ui-tabs .ui-tabs-nav li a {
 465         float: left;
 466         text-decoration: none;
 467         padding: .5em .3em;
 468 }
 469 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
 470         padding-bottom: 1px;
 471         border-bottom-width: 0;
 472 }
 473 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
 474         cursor: text;
 475 }
 476 .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
 477         cursor: pointer;
 478 } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
 479 .ui-tabs .ui-tabs-panel {
 480         padding: 1em 0.6em;
 481         display: block;
 482         border-width: 0;
 483         background: none;
 484 }
 485 .ui-tabs .ui-tabs-hide {
 486         display: none !important;
 487 }
 488 /* Component containers */
 489 .ui-widget-content {
 490     border: 1px solid #999/*{borderColorContent}*/;
 491         background: #F5F5F5/*{bgColorContent}*/ 50%/*{bgContentXPos}*/ url(../images/ui-bg_flat_75_f5f5f5_40x100.png)/*{bgImgUrlDefault}*/50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
 492         color: #222222/*{fcContent}*/;
 493 }
 494 .ui-widget-content a {
 495         color: #222222/*{fcContent}*/;
 496 }
 497 .ui-widget-header {
 498         border: 1px solid #aaaaaa/*{borderColorHeader}*/;
 499         background: #cccccc/*{bgColorHeader}*/ url(/../images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
 500         color: #222222/*{fcHeader}*/;
 501         font-weight: bold;
 502 }
 503 .ui-widget-header a {
 504         color: #222222/*{fcHeader}*/;
 505 }
 506 /* Interaction states */
 507 .ui-state-default, .ui-widget-content .ui-state-default {
 508         border: 1px solid #d3d3d3/*{borderColorDefault}*/;
 509         background: #e6e6e6/*{bgColorDefault}*/ url(../images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
 510         font-weight: normal/*{fwDefault}*/;
 511         color: #555555/*{fcDefault}*/;
 512         outline: none;
 513 }
 514 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
 515         color: #555555/*{fcDefault}*/;
 516         text-decoration: none;
 517         outline: none;
 518 }
 519 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
 520         border: 1px solid #999999/*{borderColorHover}*/;
 521         background: #dadada/*{bgColorHover}*/ url(../images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
 522         font-weight: normal/*{fwDefault}*/;
 523         color: #212121/*{fcHover}*/;
 524         outline: none;
 525 }
 526 .ui-state-hover a, .ui-state-hover a:hover {
 527         color: #212121/*{fcHover}*/;
 528         text-decoration: none;
 529         outline: none;
 530 }
 531 .ui-state-active, .ui-widget-content .ui-state-active {
 532         border: 1px solid #aaaaaa/*{borderColorActive}*/;
 533         background: #F5F5F5/*{bgColorActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
 534         font-weight: normal/*{fwDefault}*/;
 535         color: #212121/*{fcActive}*/;
 536         outline: none;
 537 }
 538 .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
 539         color: #212121/*{fcActive}*/;
 540         outline: none;
 541         text-decoration: none;
 542 }
 543 /* Layout helpers */
 544 .ui-helper-clearfix:after {
 545         content: ".";
 546         display: block;
 547         height: 0;
 548         clear: both;
 549         visibility: hidden;
 550 }
 551 .ui-helper-clearfix {
 552         display: inline-block;
 553 }
 554 /* required comment for clearfix to work in Opera \*/
 555 * html .ui-helper-clearfix {
 556         height:1%;
 557 }
 558 .ui-helper-clearfix {
 559         display:block;
 560 }
 561 /* end clearfix */
 562 .ui-helper-zfix {
 563         width: 100%;
 564         height: 100%;
 565         top: 0;
 566         left: 0;
 567         position: absolute;
 568         opacity: 0;
 569         filter:Alpha(Opacity=0);
 570 }
 571
 572 /* alternate */
 573 .odd {
 574         background-color: #F9F9F9;
 575 }
 576 .even {
 577         background-color: #F1F1F1;
 578 }
 579
 580 #screenshots {
 581         background-color: #444;
 582         padding: 10px;
 583         width: 520px;
 584 }
 585 #screenshots ul { list-style: none; }
 586 #screenshots ul li { display: inline; }
 587 #screenshots ul img {
 588         border: 5px solid #3e3e3e;
 589         border-width: 5px 5px 20px;
 590 }
 591 #screenshots ul a:hover img {
 592         border: 5px solid #fff;
 593         border-width: 5px 5px 20px;
 594         color: #fff;
 595 }
 596 #screenshots ul a:hover { color: #fff; }
 597
 598 #jquery-overlay {
 599         position: absolute;
 600         top: 0;
 601         left: 0;
 602         z-index: 90;
 603         width: 100%;
 604         height: 500px;
 605 }
 606 #jquery-lightbox {
 607         position: absolute;
 608         top: 0;
 609         left: 0;
 610         width: 100%;
 611         z-index: 100;
 612         text-align: center;
 613         line-height: 0;
 614 }
 615 #jquery-lightbox a img { border: none; }
 616 #lightbox-container-image-box {
 617         position: relative;
 618         background-color: #fff;
 619         width: 250px;
 620         height: 250px;
 621         margin: 0 auto;
 622 }
 623 #lightbox-container-image { padding: 10px; }
 624 #lightbox-loading {
 625         position: absolute;
 626         top: 40%;
 627         left: 0%;
 628         height: 25%;
 629         width: 100%;
 630         text-align: center;
 631         line-height: 0;
 632 }
 633 #lightbox-nav {
 634         position: absolute;
 635         top: 0;
 636         left: 0;
 637         height: 100%;
 638         width: 100%;
 639         z-index: 10;
 640 }
 641 #lightbox-container-image-box > #lightbox-nav { left: 0; }
 642 #lightbox-nav a { outline: none;}
 643 #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
 644         width: 49%;
 645         height: 100%;
 646         zoom: 1;
 647         display: block;
 648 }
 649 #lightbox-nav-btnPrev {
 650         left: 0;
 651         float: left;
 652 }
 653 #lightbox-nav-btnNext {
 654         right: 0;
 655         float: right;
 656 }
 657 #lightbox-container-image-data-box {
 658         font: 10px Verdana, Helvetica, sans-serif;
 659         background-color: #fff;
 660         margin: 0 auto;
 661         line-height: 1.4em;
 662         overflow: auto;
 663         width: 100%;
 664         padding: 0 10px 0;
 665 }
 666 #lightbox-container-image-data {
 667         padding: 0 10px;
 668         color: #666;
 669 }
 670 #lightbox-container-image-data #lightbox-image-details {
 671         width: 70%;
 672         float: left;
 673         text-align: left;
 674 }
 675 #lightbox-image-details-caption { font-weight: bold; }
 676 #lightbox-image-details-currentNumber {
 677         display: block;
 678         clear: left;
 679         padding-bottom: 1.0em;
 680 }
 681 #lightbox-secNav-btnClose {
 682         width: 66px;
 683         float: right;
 684         padding-bottom: 0.7em;
 685 }
 686
 687 /* IPFire Download Button */
 688 .button {
 689     background: url(../images/buttons/download_core_96x320.png);
 690     background-repeat: no-repeat;
 691     background-position: right;
 692     width: 700px;
 693     height: 96px;
 694 }
 695 .button a, .button a:link, .button  a:visited {
 696         color:#333;
 697         text-decoration:none;
 698 }
 699 .button a:hover {
 700         text-decoration: underline;
 701 }
 702 .button_text {
 703         color:#333;
 704         font-size: 20px !important;
 705         text-shadow: #666 1px 2px 2px;
 706     padding: 51px 0px 0px 430px;
 707 }
 708
 709 /* CeBIT Button */
 710 .cebit_button {
 711     background: url(../images/buttons/cebit_96x320.png);
 712     background-repeat: no-repeat;
 713     background-position: right;
 714     width: 700px;
 715     height: 96px;
 716 }
 717 .cebit_button a, .cebit_button a:link, .cebit_button  a:visited {
 718         color:#333;
 719         text-decoration:none;
 720 }
 721 .cebit_button a:hover {
 722         text-decoration: underline;
 723 }
 724 .cebit_button_text {
 725         color:#333;
 726         font-size: 20px !important;
 727         text-shadow: #666 1px 2px 2px;
 728     padding: 51px 0px 0px 465px;
 729 }
 730
 731 /* Public Relations linklists */
 732 .pr_li {
 733     padding: 0px 0px 0px 20px;
 734         line-height: 1.2em;
 735 }
 736
 737 div.bigdownload {
 738         margin-top: 50px;
 739         margin-left: 100px;
 740         padding-top: 15px;
 741         background: url(../images/download_button.png) no-repeat;
 742         height: 84px;
 743         width: 255px;
 744         text-align: center;
 745 }
 746
 747 div.bigdownload a {
 748         color: white;
 749         font-size: 1.3em;
 750         font-weight: bold;
 751         text-decoration: none;
 752 }
 753
 754 div.bigdownload a:hover {
 755         text-decoration: underline;
 756 }
 757
 758 table.download {
 759         width: 660px;
 760         margin-left: 75px;
 761 }
 762
 763 table.download td.icon {
 764         width: 50px;
 765 }
 766
 767 table.download td.link {
 768         width: 180px;
 769 }
 770
 771 table.download-torrents {
 772         margin-bottom: 25px;
 773         margin-left: 50px;
 774         margin-top: 25px;
 775         width: 600px;
 776 }
 777
 778 table.download-torrents tr {
 779         height: 24px;
 780 }
 781
 782 table.download-torrents th {
 783         text-align: left;
 784 }
 785
 786 table.download-torrents th.peers, td.peers {
 787         text-align: right;
 788 }
 789
 790 table.download-torrents th.seeds, td.seeds {
 791         text-align: right;
 792 }
 793
 794 table.download-torrents th.peers,td.peers {
 795         padding-left: 5px;
 796 }
 797
 798 table.tracker-peerlist {
 799         width: 85%;
 800 }
 801
 802 table.tracker-peerlist th {
 803         text-align: left;
 804 }
 805
 806 table.download-torrents td {
 807         padding: 1em;
 808 }
 809
 810 table.tracker-peerlist td.ip {
 811         text-align: right;
 812         padding-right: 1em;
 813 }
 814
 815 table.download-mirrors {
 816         margin-bottom: 25px;
 817         margin-left: 15px;
 818         margin-top: 25px;
 819         width: 700px;
 820 }
 821
 822 table.download-mirrors tr {
 823         height: 32px;
 824 }
 825
 826 table.download-mirrors tr.legend {
 827         text-align: right;
 828 }
 829
 830 table.download-mirrors td {
 831         padding-left: 10px;
 832         padding-right: 10px;
 833 }
 834
 835 /*
 836 table.download-mirrors tr.unreachable, td.unreachable {
 837         border: 1px solid #f55;
 838         background-color: #f99;
 839 }
 840 */
 841
 842 table.download-mirrors tr.ok, td.ok {
 843         border: 1px solid #5f5;
 844         background-color: #9f9;
 845 }
 846
 847 table.download-mirrors tr.outdated, td.outdated {
 848         border: 1px solid #55f;
 849         background-color: #99f;
 850 }
 851
 852 table.download-mirrors td.latency {
 853         width: 70px;
 854         text-align: right;
 855 }
 856
 857 ul.sources li {
 858         font-family: courier;
 859         list-style-type: none;
 860 }
 861
 862 table.mirrors {
 863         /* border: 1px solid #606060; */
 864 }
 865
 866 table.mirrors tr {
 867         line-height: 2em;
 868 }
 869
 870 table.mirrors td {
 871         padding-left: 0.5em;
 872         padding-right: 0.5em;
 873 }
 874
 875 table.mirrors td.hostname {
 876         text-align: right;
 877         padding-left: 2em;
 878 }
 879
 880 table.mirrors td.down {
 881         border: 1px solid #ff8888;
 882         background-color: #ff9999;
 883 }
 884
 885 table.mirrors td.outofsync {
 886         border: 1px solid #ffffaa;
 887         background-color: #ffff99;
 888 }
 889
 890 table.mirrors td.up {
 891         border: 1px solid #88ff88;
 892         background-color: #aaffaa;
 893 }
 894
 895 table.blocks {
 896         width: 100%;
 897         border: 1px solid #E4E4E4;
 898 }
 899
 900 table.blocks td.block {
 901         width: 33%;
 902         padding: 1.5em;
 903         vertical-align: top;
 904 }
 905
 906 table.blocks td.block p {
 907         text-align: justify;
 908 }
 909
 910 table.blocks td.block span {
 911         text-align: center;
 912         font-size: 1.2em;
 913 }
 914
 915 table.blocks td.block1,td.block3 {
 916         background-color: white;
 917 }
 918
 919 table.blocks td.block2 {
 920         background-color: #f5f5f5;
 921 }
 922
 923 table.fireinfo {
 924         width: 45em;
 925         margin-left: 1.5em;
 926 }
 927
 928 table.fireinfo td.key {
 929         width: 12.5em;
 930 }
 931
 932 table.fireinfo td.value {
 933         width: 32.5em;
 934 }
 935
 936 table.cpufeatures tr {
 937         line-height: 1.2em;
 938 }
 939
 940 table.cpufeatures td {
 941         padding-left: 0.1em;
 942         padding-right: 0.1em;
 943 }
 944
 945 table.cpufeatures td.enabled {
 946         border: 1px solid #88ff88;
 947         background-color: #aaffaa;
 948 }
 949
 950 table.cpufeatures td.disabled {
 951         border: 1px solid #ff8888;
 952         background-color: #ff9999;
 953 }
 954
 955 table.stats {
 956         width: 45em;
 957         margin-left: 1.5em;
 958 }
 959
 960 table.stats td.key {
 961         width: 12.5em;
 962 }
 963
 964 table.stats td.value {
 965         width: 2.5em;
 966         text-align: right;
 967 }
 968
 969 table.stats td.bar {
 970         width: 30em;
 971 }
 972
 973 table.stats td.bar p {
 974         background-color: #880400;
 975 }