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 {
 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: #f9f9f9;
 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 .links {
 342         padding-top: 20px;
 343         text-transform: lowercase;
 344 }
 345
 346 /* News */
 347
 348 ul.news {
 349         list-style: none;
 350 }
 351
 352 /* Footer */
 353
 354 #footer {
 355         clear: both;
 356         height: 26px;
 357         color: #ddd;
 358         text-align: center;
 359         background: url("../images/ft.png") left top;
 360         margin-top: 0em;
 361         margin-bottom: 0em;
 362         padding-top: 0.5em;
 363         padding-bottom: 0.5em;
 364         text-transform: lowercase;
 365 }
 366
 367 .thumbnail {
 368         position: relative;
 369         z-index: 0;
 370 }
 371
 372 .thumbnail:hover {
 373         background-color: transparent;
 374         z-index: 50;
 375 }
 376
 377 .thumbnail span {
 378         position: absolute;
 379         background-color: #ffffe0;
 380         padding: 5px;
 381         left: -1000px;
 382         border: 1px dashed gray;
 383         visibility: hidden;
 384         color: black;
 385         text-decoration: none;
 386 }
 387
 388 .thumbnail span img {
 389         border-width: 0;
 390         padding: 2px;
 391 }
 392
 393 .thumbnail:hover span {
 394         visibility: visible;
 395         top: 0;
 396         left: 60px;
 397 }
 398
 399 a.feed {
 400   margin-left: 3px;
 401   padding: 0 0 0 19px;
 402   background: url("../images/feed.png") no-repeat 0 50%;
 403 }
 404
 405 /* LAYOUT - 2 COLUMNS */
 406
 407         /* Primary content */
 408
 409 #columns2_primary {
 410         position: relative;
 411         /* margin-right: 17em; */
 412 }
 413
 414 #columns2_columnA {
 415         position: relative;
 416         float: left;
 417         padding: 1em 0.5em 0.5em 1em;
 418         width: 710px;
 419 }
 420
 421 #columns2_secondary {
 422         float: right;
 423 }
 424
 425 #columns2_columnB
 426 {
 427         width: 12.0em;
 428         float: left;
 429         padding: 0em 1em 0.5em 1em;
 430         border-left: dotted 1px #E1E1E1;
 431 }
 432
 433 #columns1_primary {
 434         position: relative;
 435 }
 436
 437 #columns1_columnA {
 438         position: relative;
 439         padding: 1em 1em 0.5em 1em;
 440         border: 1px solid white;
 441 }
 442
 443 /* Tabs */
 444 .ui-tabs {
 445         padding: .2em;
 446         zoom: 1;
 447 }
 448 .ui-tabs .ui-tabs-nav {
 449         list-style: none;
 450         position: relative;
 451         padding: .2em .2em 0;
 452 }
 453 .ui-tabs .ui-tabs-nav li {
 454         position: relative;
 455         float: left;
 456         border-bottom-width: 0 !important;
 457         margin: 0 .2em -1px 0;
 458         padding: 0;
 459 }
 460 .ui-tabs .ui-tabs-nav li a {
 461         float: left;
 462         text-decoration: none;
 463         padding: .5em .3em;
 464 }
 465 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
 466         padding-bottom: 1px;
 467         border-bottom-width: 0;
 468 }
 469 .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 {
 470         cursor: text;
 471 }
 472 .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
 473         cursor: pointer;
 474 } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
 475 .ui-tabs .ui-tabs-panel {
 476         padding: 1em 0.6em;
 477         display: block;
 478         border-width: 0;
 479         background: none;
 480 }
 481 .ui-tabs .ui-tabs-hide {
 482         display: none !important;
 483 }
 484 /* Component containers */
 485 .ui-widget-content {
 486     border: 1px solid #999/*{borderColorContent}*/;
 487         background: #F5F5F5/*{bgColorContent}*/ 50%/*{bgContentXPos}*/ url(../images/ui-bg_flat_75_f5f5f5_40x100.png)/*{bgImgUrlDefault}*/50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
 488         color: #222222/*{fcContent}*/;
 489 }
 490 .ui-widget-content a {
 491         color: #222222/*{fcContent}*/;
 492 }
 493 .ui-widget-header {
 494         border: 1px solid #aaaaaa/*{borderColorHeader}*/;
 495         background: #cccccc/*{bgColorHeader}*/ url(/../images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
 496         color: #222222/*{fcHeader}*/;
 497         font-weight: bold;
 498 }
 499 .ui-widget-header a {
 500         color: #222222/*{fcHeader}*/;
 501 }
 502 /* Interaction states */
 503 .ui-state-default, .ui-widget-content .ui-state-default {
 504         border: 1px solid #d3d3d3/*{borderColorDefault}*/;
 505         background: #e6e6e6/*{bgColorDefault}*/ url(../images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
 506         font-weight: normal/*{fwDefault}*/;
 507         color: #555555/*{fcDefault}*/;
 508         outline: none;
 509 }
 510 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
 511         color: #555555/*{fcDefault}*/;
 512         text-decoration: none;
 513         outline: none;
 514 }
 515 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
 516         border: 1px solid #999999/*{borderColorHover}*/;
 517         background: #dadada/*{bgColorHover}*/ url(../images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
 518         font-weight: normal/*{fwDefault}*/;
 519         color: #212121/*{fcHover}*/;
 520         outline: none;
 521 }
 522 .ui-state-hover a, .ui-state-hover a:hover {
 523         color: #212121/*{fcHover}*/;
 524         text-decoration: none;
 525         outline: none;
 526 }
 527 .ui-state-active, .ui-widget-content .ui-state-active {
 528         border: 1px solid #aaaaaa/*{borderColorActive}*/;
 529         background: #F5F5F5/*{bgColorActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
 530         font-weight: normal/*{fwDefault}*/;
 531         color: #212121/*{fcActive}*/;
 532         outline: none;
 533 }
 534 .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
 535         color: #212121/*{fcActive}*/;
 536         outline: none;
 537         text-decoration: none;
 538 }
 539 /* Layout helpers */
 540 .ui-helper-clearfix:after {
 541         content: ".";
 542         display: block;
 543         height: 0;
 544         clear: both;
 545         visibility: hidden;
 546 }
 547 .ui-helper-clearfix {
 548         display: inline-block;
 549 }
 550 /* required comment for clearfix to work in Opera \*/
 551 * html .ui-helper-clearfix {
 552         height:1%;
 553 }
 554 .ui-helper-clearfix {
 555         display:block;
 556 }
 557 /* end clearfix */
 558 .ui-helper-zfix {
 559         width: 100%;
 560         height: 100%;
 561         top: 0;
 562         left: 0;
 563         position: absolute;
 564         opacity: 0;
 565         filter:Alpha(Opacity=0);
 566 }
 567
 568 /* alternate */
 569 .odd {
 570         background-color: #F9F9F9;
 571 }
 572 .even {
 573         background-color: #F1F1F1;
 574 }
 575
 576 <<<<<<< HEAD:www/include/style.css
 577 #screenshots {
 578         background-color: #444;
 579         padding: 10px;
 580         width: 520px;
 581 }
 582 #screenshots ul { list-style: none; }
 583 #screenshots ul li { display: inline; }
 584 #screenshots ul img {
 585         border: 5px solid #3e3e3e;
 586         border-width: 5px 5px 20px;
 587 }
 588 #screenshots ul a:hover img {
 589         border: 5px solid #fff;
 590         border-width: 5px 5px 20px;
 591         color: #fff;
 592 }
 593 #screenshots ul a:hover { color: #fff; }
 594
 595 #jquery-overlay {
 596         position: absolute;
 597         top: 0;
 598         left: 0;
 599         z-index: 90;
 600         width: 100%;
 601         height: 500px;
 602 }
 603 #jquery-lightbox {
 604         position: absolute;
 605         top: 0;
 606         left: 0;
 607         width: 100%;
 608         z-index: 100;
 609         text-align: center;
 610         line-height: 0;
 611 }
 612 #jquery-lightbox a img { border: none; }
 613 #lightbox-container-image-box {
 614         position: relative;
 615         background-color: #fff;
 616         width: 250px;
 617         height: 250px;
 618         margin: 0 auto;
 619 }
 620 #lightbox-container-image { padding: 10px; }
 621 #lightbox-loading {
 622         position: absolute;
 623         top: 40%;
 624         left: 0%;
 625         height: 25%;
 626         width: 100%;
 627         text-align: center;
 628         line-height: 0;
 629 }
 630 #lightbox-nav {
 631         position: absolute;
 632         top: 0;
 633         left: 0;
 634         height: 100%;
 635         width: 100%;
 636         z-index: 10;
 637 }
 638 #lightbox-container-image-box > #lightbox-nav { left: 0; }
 639 #lightbox-nav a { outline: none;}
 640 #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
 641         width: 49%;
 642         height: 100%;
 643         zoom: 1;
 644         display: block;
 645 }
 646 #lightbox-nav-btnPrev {
 647         left: 0;
 648         float: left;
 649 }
 650 #lightbox-nav-btnNext {
 651         right: 0;
 652         float: right;
 653 }
 654 #lightbox-container-image-data-box {
 655         font: 10px Verdana, Helvetica, sans-serif;
 656         background-color: #fff;
 657         margin: 0 auto;
 658         line-height: 1.4em;
 659         overflow: auto;
 660         width: 100%;
 661         padding: 0 10px 0;
 662 }
 663 #lightbox-container-image-data {
 664         padding: 0 10px;
 665         color: #666;
 666 }
 667 #lightbox-container-image-data #lightbox-image-details {
 668         width: 70%;
 669         float: left;
 670         text-align: left;
 671 }
 672 #lightbox-image-details-caption { font-weight: bold; }
 673 #lightbox-image-details-currentNumber {
 674         display: block;
 675         clear: left;
 676         padding-bottom: 1.0em;
 677 }
 678 #lightbox-secNav-btnClose {
 679         width: 66px;
 680         float: right;
 681         padding-bottom: 0.7em;
 682 }
 683
 684 /* IPFire Download Button */
 685 .button {
 686     background: url(../images/buttons/download_core_96x320.png);
 687     background-repeat: no-repeat;
 688     background-position: right;
 689     width: 700px;
 690     height: 96px;
 691 }
 692 .button a, .button a:link, .button  a:visited {
 693         color:#333;
 694         text-decoration:none;
 695 }
 696 .button a:hover {
 697         text-decoration: underline;
 698 }
 699 .button_text {
 700         color:#333;
 701         font-size: 20px !important;
 702         text-shadow: #666 1px 2px 2px;
 703     padding: 51px 0px 0px 430px;
 704 }
 705
 706 /* CeBIT Button */
 707 .cebit_button {
 708     background: url(../images/buttons/cebit_96x320.png);
 709     background-repeat: no-repeat;
 710     background-position: right;
 711     width: 700px;
 712     height: 96px;
 713 }
 714 .cebit_button a, .cebit_button a:link, .cebit_button  a:visited {
 715         color:#333;
 716         text-decoration:none;
 717 }
 718 .cebit_button a:hover {
 719         text-decoration: underline;
 720 }
 721 .cebit_button_text {
 722         color:#333;
 723         font-size: 20px !important;
 724         text-shadow: #666 1px 2px 2px;
 725     padding: 51px 0px 0px 465px;
 726 }
 727
 728 /* Public Relations linklists */
 729 .pr_li {
 730     padding: 0px 0px 0px 20px;
 731         line-height: 1.2em;
 732 }
 733
 734 div.bigdownload {
 735         margin-top: 50px;
 736         margin-left: 100px;
 737         padding-top: 15px;
 738         background: url(../images/download_button.png) no-repeat;
 739         height: 84px;
 740         width: 255px;
 741         text-align: center;
 742 }
 743
 744 div.bigdownload a {
 745         color: white;
 746         font-size: 1.3em;
 747         font-weight: bold;
 748         text-decoration: none;
 749 }
 750
 751 div.bigdownload a:hover {
 752         text-decoration: underline;
 753 }
 754
 755 table.download {
 756         width: 660px;
 757         margin-left: 75px;
 758 }
 759
 760 table.download td.icon {
 761         width: 50px;
 762 }
 763
 764 table.download td.link {
 765         width: 180px;
 766 }
 767
 768 table.download-torrents {
 769         margin-bottom: 25px;
 770         margin-left: 50px;
 771         margin-top: 25px;
 772         width: 600px;
 773 }
 774
 775 table.download-torrents tr {
 776         height: 24px;
 777 }
 778
 779 table.download-torrents th {
 780         text-align: left;
 781 }
 782
 783 table.download-torrents th.peers, td.peers {
 784         text-align: right;
 785 }
 786
 787 table.download-torrents th.seeds, td.seeds {
 788         text-align: right;
 789 }
 790
 791 table.download-torrents th.peers,td.peers {
 792         padding-left: 5px;
 793 }
 794
 795 table.tracker-peerlist {
 796         width: 85%;
 797 }
 798
 799 table.tracker-peerlist th {
 800         text-align: left;
 801 }
 802
 803 table.download-torrents td {
 804         padding: 1em;
 805 }
 806
 807 table.tracker-peerlist td.ip {
 808         text-align: right;
 809         padding-right: 1em;
 810 }
 811
 812 table.download-mirrors {
 813         margin-bottom: 25px;
 814         margin-left: 15px;
 815         margin-top: 25px;
 816         width: 700px;
 817 }
 818
 819 table.download-mirrors tr {
 820         height: 32px;
 821 }
 822
 823 table.download-mirrors tr.legend {
 824         text-align: right;
 825 }
 826
 827 table.download-mirrors td {
 828         padding-left: 10px;
 829         padding-right: 10px;
 830 }
 831
 832 /*
 833 table.download-mirrors tr.unreachable, td.unreachable {
 834         border: 1px solid #f55;
 835         background-color: #f99;
 836 }
 837 */
 838
 839 table.download-mirrors tr.ok, td.ok {
 840         border: 1px solid #5f5;
 841         background-color: #9f9;
 842 }
 843
 844 table.download-mirrors tr.outdated, td.outdated {
 845         border: 1px solid #55f;
 846         background-color: #99f;
 847 }
 848
 849 table.download-mirrors td.latency {
 850         width: 70px;
 851         text-align: right;
 852 }
 853
 854 ul.sources li {
 855         font-family: courier;
 856         list-style-type: none;
 857 }
 858
 859 table.mirrors {
 860         /* border: 1px solid #606060; */
 861 }
 862
 863 table.mirrors tr {
 864         line-height: 2em;
 865 }
 866
 867 table.mirrors td {
 868         padding-left: 0.5em;
 869         padding-right: 0.5em;
 870 }
 871
 872 table.mirrors td.hostname {
 873         text-align: right;
 874         padding-left: 2em;
 875 }
 876
 877 table.mirrors td.down {
 878         border: 1px solid #ff8888;
 879         background-color: #ff9999;
 880 }
 881
 882 table.mirrors td.outofsync {
 883         border: 1px solid #ffffaa;
 884         background-color: #ffff99;
 885 }
 886
 887 table.mirrors td.up {
 888         border: 1px solid #88ff88;
 889         background-color: #aaffaa;
 890 }
 891
 892 table.blocks {
 893         width: 100%;
 894         border: 1px solid #E4E4E4;
 895 }
 896
 897 table.blocks td.block {
 898         width: 33%;
 899         padding: 1.5em;
 900 }
 901
 902 table.blocks td.block p {
 903         text-align: justify;
 904 }
 905
 906 table.blocks td.block span {
 907         text-align: center;
 908         font-size: 1.2em;
 909 }
 910
 911 table.blocks td.block1,td.block3 {
 912         background-color: white;
 913 }
 914
 915 table.blocks td.block2 {
 916         background-color: #f5f5f5;
 917 }