www/static/css/style.css

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