oldwiki/skins/openboxwiki/old.css

   1 /*
   2 ** Mediawiki 'Tango' style sheet for CSS2-capable browsers.
   3 ** License: GPL
   4 **
   5 ** Based on 'monobook', Copyright Gabriel Wicke - http://wikidev.net/
   6 */
   7
   8 #globalWrapper {
   9         padding: 0 20px 2em 2em;
  10 }
  11 #column-content {
  12         margin: 0;
  13         padding:0;
  14 }
  15 #content {
  16         background: transparent url("tango-steps.png") no-repeat top right;
  17         margin: 20px 0 0 0;
  18         padding: 120px 170px 0 3em;
  19         z-index: 2;
  20 }
  21 #column-one {
  22         padding-top: 2em;
  23         margin-top: 2em;
  24         border-top: 1px solid #aaa;
  25 }
  26 /* the left column width is specified in class .portlet */
  27
  28 /* Font size:
  29 ** We take advantage of keyword scaling- browsers won't go below 9px
  30 ** More at http://www.w3.org/2003/07/30-font-size
  31 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
  32 */
  33
  34 body {
  35         font-size: 85%;
  36         line-height: 1.2em;
  37         font-family: tahoma, bitstream vera sans, sans-serif;
  38         font-family: trebuchet ms, luxi sans, sans-serif;
  39         /*
  40         background: #f9f9f9 url("headbg.jpg") 0px 0px no-repeat;
  41         background: #6b6c69 url("bg-bottom.gif") 0px 134px;
  42         background-repeat: repeat-x;
  43         */
  44         background: #000 url("bg.gif") 0px 0px;
  45         background-repeat: repeat-x;
  46         color: #eee;
  47         margin: 0 auto;
  48 }
  49 html>body {
  50 }
  51
  52 .visualClear { clear: both; }
  53
  54 /* general styles */
  55
  56 table {
  57 }
  58 a {
  59         text-decoration: none;
  60         color: #f57900;
  61         background: none;
  62 }
  63 a:visited { color: #ce5c00; }
  64 a:active { color: Orange; }
  65 a:hover {
  66         color: #fcaf3e;
  67         text-decoration: underline;
  68 }
  69 a.stub { color: #772233; }
  70
  71 a.new,
  72 #p-personal a.new { color:#ba0000; }
  73
  74 a.new:visited,
  75 #p-personal a.new:visited { color:#a55858; }
  76
  77 img {
  78         border: none;
  79         vertical-align: middle;
  80 }
  81 p {
  82         margin: 0.8em 0em 1.0em;
  83 }
  84
  85 p img { margin: 0; }
  86
  87 hr {
  88         height: 1px;
  89         color: #444;
  90         background-color: #444;
  91         border: 0;
  92         margin: 0.5em 0 0.5em 0;
  93 }
  94
  95 h1, h2, h3, h4, h5, h6 {
  96         font-weight: normal;
  97         font-family: times new roman, times, serif;
  98         color: #888;
  99         background: none;
 100         padding: 0;
 101         margin: 2em 20px 0.25em;
 102 }
 103 h1 {
 104         color: #aaa;
 105         padding: 0 0 0.5em;
 106         margin: 1.25em 0 0;
 107         /*
 108         margin: 0.75em 0 0;
 109         position: relative;
 110         top: 0.75em;
 111         */
 112 }
 113 /*
 114 h1 { font-size: 150%; }
 115 h2 { font-size: 125%; }
 116 */
 117 h3, h4, h5, h6 {
 118 }
 119 /*
 120 h3 { font-size: 132%; }
 121 h4 { font-size: 1.5%; }
 122 h5 { font-size: 100%; }
 123 h6 { font-size: 80%;  }
 124 */
 125
 126 ul {
 127         line-height: 1.5em;
 128         list-style-type: square;
 129         margin: 0.3em 0 0 1.5em;
 130         padding:0;
 131         list-style-image: url("bullet.gif");
 132 }
 133 ol {
 134         line-height: 1.5em;
 135         margin: 0.3em 0 0 3.2em;
 136         padding:0;
 137         list-style-image: none;
 138 }
 139 li { margin-bottom: 0.1em; }
 140 dt {
 141         font-weight: bold;
 142         margin-bottom: 0.1em;
 143 }
 144 dl{
 145         margin-top: 0.2em;
 146         margin-bottom: 0.5em;
 147 }
 148 dd {
 149         line-height: 1.5em;
 150         margin-left: 2em;
 151         margin-bottom: 0.1em;
 152 }
 153
 154 fieldset {
 155         border: 1px solid #ccc;
 156         border-width: 1px 0 0;
 157         margin: 1em 0em 1em 0em;
 158         padding: 0em 1em 1em 1em;
 159         line-height: 1.5em;
 160 }
 161 legend {
 162         font-weight: bold;
 163         padding: 0.5em;
 164 }
 165 form {
 166         border: none;
 167         margin: 0;
 168 }
 169
 170 textarea {
 171         border: 1px solid #2f6fab;
 172         color: Black;
 173         padding: 0.1em;
 174         overflow: auto;
 175 }
 176 /* hide this from ie/mac and konq2.2 */
 177 @media All {
 178         head:first-child+body input {
 179                 visibility: visible;
 180                 border: 1px solid #2f6fab;
 181                 color: Black;
 182                 vertical-align: middle;
 183                 padding: 0.2em;
 184         }
 185 }
 186 input.historysubmit {
 187         padding: 0 0.3em 0.3em 0.3em !important;
 188         font-size: 94%;
 189         cursor: pointer;
 190         height: 1.7em !important;
 191         margin-left: 1.5em;
 192 }
 193 input[type="radio"],
 194 input[type="checkbox"] { border:none; }
 195 select {
 196         border: 1px solid #2f6fab;
 197         color: Black;
 198         vertical-align: top;
 199 }
 200 abbr, acronym, .explain {
 201         border-bottom: 1px dotted Black;
 202         color: Black;
 203         background: none;
 204         cursor: help;
 205 }
 206 q {
 207         font-family: Times, "Times New Roman", serif;
 208         font-style: italic;
 209 }
 210 /* disabled for now
 211 blockquote {
 212         font-family: Times, "Times New Roman", serif;
 213         font-style: italic;
 214 }*/
 215 code {
 216         background-color: #333;
 217 }
 218 pre {
 219         font-family: bitstream vera sans mono, monospace;
 220         font-size: 80%;
 221         overflow: auto;
 222         padding: 1em;
 223         border: 1px dotted #888;
 224         color: #fff;
 225         background-color: #222;
 226         line-height: 1.1em;
 227 }
 228
 229
 230 /*
 231 ** the main content area
 232 */
 233
 234 #siteSub { display: none; }
 235 #contentSub {
 236         font-size: 84%;
 237         line-height: 1.2em;
 238         color: #7d7d7d;
 239 }
 240 span.subpages { display: block; }
 241
 242 /* Some space under the headers in the content area */
 243 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
 244 #bodyContent h3,
 245 #bodyContent h4,
 246 #bodyContent h5 {
 247         margin-bottom: 0.3em;
 248 }
 249 .firstHeading { margin-bottom:0.1em; }
 250
 251 /* user notification thing */
 252 .usermessage {
 253         background-color: #ffce7b;
 254         border: 1px solid #ffa500;
 255         color: Black;
 256         font-weight: bold;
 257         margin: 2em 0em 1em 0em;
 258         padding: 0.5em 1em;
 259         vertical-align: middle;
 260 }
 261 #siteNotice {
 262         text-align: center;
 263         font-size: 95%;
 264         padding: 0 0.9em 0 0.9em;
 265 }
 266 #siteNotice p { margin: none; padding: none; }
 267 .error {
 268         color: red;
 269         font-size: larger;
 270 }
 271 #catlinks {
 272         border:1px solid #aaaaaa;
 273         background-color:#f9f9f9;
 274         padding:5px;
 275         margin-top: 1em;
 276         clear: both;
 277 }
 278 /* currently unused, intended to be used by a metadata box
 279 in the bottom-right corner of the content area */
 280 .documentDescription {
 281         /* The summary text describing the document */
 282         font-weight: bold;
 283         display: block;
 284         margin: 1em 0em;
 285         line-height: 1.5em;
 286 }
 287 .documentByLine {
 288         text-align: right;
 289         font-size: 90%;
 290         clear: both;
 291         font-weight: normal;
 292         color: #76797c;
 293 }
 294
 295 /* emulate center */
 296 .center {
 297         width: 100%;
 298         text-align: center;
 299 }
 300 *.center * {
 301         margin-left: auto;
 302         margin-right: auto;
 303 }
 304 /* small for tables and similar */
 305 .small, .small * { font-size: 94%; }
 306 table.small { font-size: 100% }
 307
 308 /*
 309 ** content styles
 310 */
 311
 312 #toc {
 313         float: right;
 314         margin: 0 1em 0.5em;
 315         /*border:1px solid #2f6fab;*/
 316         padding: 0.75em;
 317         font-size: 95%;
 318         border:1px solid #333;
 319         -moz-border-radius: 2.5px;
 320         background-color: #111;
 321 }
 322 #toc .tocindent { margin-left: 2em; }
 323 #toc .tocline { margin-bottom: 0px; }
 324 #toc p { margin: 0 }
 325 #toc .toctoggle { font-size: 94%; }
 326 #toc .editsection {
 327         margin-top: 0.7em;
 328         font-size: 94%;
 329 }
 330
 331 /* images */
 332 div.floatright, table.floatright {
 333         clear: right;
 334         float: right;
 335         margin: 0;
 336         position: relative;
 337         border: 0.5em solid transparent;
 338         border-width: 0.5em 0 0.8em 1.4em;
 339 }
 340 div.floatright p { font-style: italic; }
 341 div.floatleft, table.floatleft {
 342         float: left;
 343         margin: 0.3em 0.5em 0.5em 0;
 344         position: relative;
 345         border: 0.5em solid transparent;
 346         border-width: 0.5em 1.4em 0.8em 0;
 347 }
 348 div.floatleft p { font-style: italic; }
 349 /* thumbnails */
 350 div.thumb {
 351         margin-bottom: 0.5em;
 352         border-style: solid; border-color: transparent;
 353         width: auto;
 354 }
 355 div.thumb div {
 356         border:1px solid #444;
 357         padding: 3px !important;
 358         background-color: #222;
 359         font-size: 94%;
 360         text-align: center;
 361         overflow: hidden;
 362 }
 363 div.thumb div a img {
 364         background-color: #eee;
 365         border:1px solid #fff;
 366 }
 367 div.thumb div div.thumbcaption {
 368         border: none;
 369         text-align: left;
 370         line-height: 1.4;
 371         padding: 0.3em 0 0.1em 0;
 372 }
 373 div.magnify {
 374         float: right;
 375         border: none !important;
 376         background: none !important;
 377 }
 378 div.magnify a, div.magnify img {
 379         display: block;
 380         border: none !important;
 381         background: none !important;
 382 }
 383 div.tright {
 384         clear: right;
 385         float: right;
 386         border-width: 0.5em 0 0.8em 1.4em;
 387 }
 388 div.tleft {
 389         float: left;
 390         margin-right:0.5em;
 391         border-width: 0.5em 1.4em 0.8em 0;
 392 }
 393 .urlexpansion,
 394 .hiddenStructure {
 395         display: none;
 396 }
 397 img.tex { vertical-align: middle; }
 398 span.texhtml { font-family: serif; }
 399
 400 /*
 401 ** classes for special content elements like town boxes
 402 ** intended to be referenced directly from the wiki src
 403 */
 404
 405 /*
 406 ** User styles
 407 */
 408 /* table standards */
 409 table.rimage {
 410         float:right;
 411         position:relative;
 412         margin-left:1em;
 413         margin-bottom:1em;
 414         text-align:center;
 415 }
 416 .toccolours {
 417         border:1px solid #aaaaaa;
 418         background-color:#f9f9f9;
 419         padding:5px;
 420         font-size: 95%;
 421 }
 422 div.townBox {
 423         position:relative;
 424         float:right;
 425         background:transparent;
 426         margin-left:1em;
 427         border: 1px solid Grey;
 428         padding:0.3em;
 429         width: 200px;
 430         overflow: hidden;
 431         clear: right;
 432 }
 433 div.townBox dl {
 434         padding: 0;
 435         margin: 0 0 0.3em 0;
 436         font-size: 96%;
 437 }
 438 div.townBox dl dt {
 439         background: none;
 440         margin: 0.4em 0 0 0;
 441 }
 442 div.townBox dl dd {
 443         margin: 0.1em 0 0 1.1em;
 444         background-color: #f3f3f3;
 445 }
 446
 447 /*
 448 ** edit views etc
 449 */
 450 .special li {
 451         line-height: 1.4em;
 452         margin: 0;
 453         padding: 0;
 454 }
 455
 456 /* Page history styling */
 457 /* the auto-generated edit comments */
 458 .autocomment { color: gray; }
 459 #pagehistory span.user {
 460         margin-left: 1.4em;
 461         margin-right: 0.4em;
 462 }
 463 #pagehistory span.minor { font-weight: bold; }
 464 #pagehistory li { border: 1px solid transparent; }
 465 #pagehistory li.selected {
 466         background-color:#f9f9f9;
 467         border:1px dashed #aaaaaa;
 468 }
 469 /*
 470 ** Diff rendering
 471 */
 472 table.diff { background:transparent; }
 473 td.diff-otitle { background:#ffffff; }
 474 td.diff-ntitle { background:#ffffff; }
 475 td.diff-addedline {
 476         background:#ccffcc;
 477         font-size: smaller;
 478 }
 479 td.diff-deletedline {
 480         background:#ffffaa;
 481         font-size: smaller;
 482 }
 483 td.diff-context {
 484         background:#eeeeee;
 485         font-size: smaller;
 486 }
 487 span.diffchange { color: red; }
 488
 489 /*
 490 ** keep the transparentspace in front of the ^=, hides rule from konqueror
 491 ** this is css3, the validator doesn't like it when validating as css2
 492 */
 493 #bodyContent a[href ^="http://"],
 494 #bodyContent a[href ^="gopher://"] {
 495         background: url(external.png) center right no-repeat;
 496         padding-right: 13px;
 497 }
 498 #bodyContent a[href ^="https://"],
 499 .link-https {
 500         background: url("lock_icon.gif") center right no-repeat;
 501         padding-right: 16px;
 502 }
 503 #bodyContent a[href ^="mailto:"],
 504 .link-mailto {
 505         background: url("mail_icon.gif") center right no-repeat;
 506         padding-right: 18px;
 507 }
 508 #bodyContent a[href ^="news://"] {
 509         background: url("news_icon.png") center right no-repeat;
 510         padding-right: 18px;
 511 }
 512 #bodyContent a[href ^="ftp://"],
 513 .link-ftp {
 514         background: url("file_icon.gif") center right no-repeat;
 515         padding-right: 18px;
 516 }
 517 #bodyContent a[href ^="irc://"],
 518 .link-irc {
 519         background: url("discussionitem_icon.gif")  center right no-repeat;
 520         padding-right: 18px;
 521 }
 522 /* disable interwiki styling */
 523 #bodyContent a.extiw,
 524 #bodyContent a.extiw:active {
 525         color: #3366bb;
 526 }
 527 #bodyContent a.external { color: #c95616; }
 528 /* this can be used in the content area to switch off
 529 special external link styling */
 530 #bodyContent .plainlinks a {
 531 }
 532 /*
 533 ** Structural Elements
 534 */
 535
 536 /*
 537 ** general portlet styles (elements in the quickbar)
 538 */
 539 .portlet {
 540         border: none;
 541         margin: 0 0 0.5em 0em;
 542         padding: 0;
 543 }
 544 .portlet h4 {
 545         font-size: 95%;
 546         font-weight: normal;
 547         transparent-space: nowrap;
 548 }
 549 .portlet h5 {
 550         background: transparent;
 551         padding: 0em 1em 0em 0.5em;
 552         text-transform: lowercase;
 553         display: inline;
 554         font-size: 91%;
 555         height: 1em;
 556         font-weight: normal;
 557         transparent-space: nowrap;
 558 }
 559 .portlet h6 {
 560         background: #ffae2e;
 561         border: 1px solid #2f6fab;
 562         border-style: solid solid none solid;
 563         padding: 0em 1em 0em 1em;
 564         text-transform: lowercase;
 565         display: block;
 566         font-size: 1em;
 567         height: 1.2em;
 568         font-weight: normal;
 569         transparent-space: nowrap;
 570 }
 571 .pBody {
 572         font-size: 95%;
 573         background: transparent;
 574         border-collapse: collapse;
 575         padding: 0 0.8em 0.3em 0.5em;
 576 }
 577 .portlet h1,
 578 .portlet h2,
 579 .portlet h3,
 580 .portlet h4 {
 581         margin: 0;
 582         padding: 0;
 583 }
 584 .portlet ul {
 585         line-height: 1.5em;
 586         list-style-type: square;
 587         list-style-image: url("bullet.gif");
 588         font-size:95%;
 589         list-style: none;
 590         text-align: center;
 591 }
 592 .portlet li {
 593         display: inline;
 594         padding:0;
 595         margin: 0 0 0 0;
 596         margin-bottom: 0;
 597 }
 598
 599 /*
 600 ** Logo properties
 601 */
 602
 603 #p-logo {
 604         /*    background-color: #333; */
 605         z-index: 3;
 606         position: absolute;
 607         top: 0;
 608         left: 0;
 609         right: 0;
 610         width: 100%;
 611         overflow: visible;
 612         height: 140px;
 613 }
 614 #p-logo h5 { display: none; }
 615 #p-logo a {
 616         position: relative;
 617         display: block;
 618         height: 140px;
 619         width: 280px;
 620         background-repeat: no-repeat;
 621         background-position: 30px;
 622 }
 623 #p-logo a:hover {
 624         text-decoration: none;
 625 }
 626
 627 /*
 628 ** the navbar at the top
 629 */
 630 #p-navbar {
 631         position: absolute;
 632         top: 140px;
 633         left: 0;
 634         right: 0;
 635         background-color: #d3dbe7;
 636         border-bottom: 1px solid #a8b9cf;
 637         padding: 4px;
 638         opacity: 0.75;
 639 }
 640
 641 .navlinks li {
 642         vertical-align: middle;
 643 }
 644 .navlinks li a {
 645         padding: 2pt 20pt;
 646         margin: 1px;
 647         color: #29416b;
 648 }
 649 .navlinks li a:hover {
 650         background-color: #e2e7ef;
 651         text-decoration: none;
 652         -moz-border-radius: 2.5px;
 653         border-radius: 2.5px;
 654         color: #000;
 655 }
 656
 657 /*
 658 ** the navigation portlet
 659 */
 660
 661 #p-nav {
 662         position:absolute;
 663         top: 120px;
 664         left: 30px;
 665         z-index: 100;
 666 }
 667 #p-nav a {
 668         font-family: trebuchet ms, luxi sans, sans-serif;
 669         font-style: italic;
 670         text-transform: lowercase;
 671         text-decoration: none;
 672         display: block;
 673         float: left;
 674         padding: 3px 12px;
 675         margin: 0;
 676 }
 677
 678 /*
 679 ** Search portlet
 680 */
 681 #p-search {
 682         position:relative;
 683         z-index:3;
 684 }
 685 #p-search h5 {
 686         display: none;
 687 }
 688 #p-search .pBody {
 689         text-align: center;
 690 }
 691 input.searchButton {
 692         margin-top:1px;
 693         padding: 0 0.4em !important;
 694         font-size: 95%;
 695         cursor: pointer;
 696         background-color: #dfe7f0;
 697 }
 698 #searchInput {
 699         width:10.9em;
 700         margin: 0 0 0 0;
 701         font-size: 95%;
 702 }
 703 #p-search .pBody {
 704         padding: 0.5em 0.4em 0.4em 0.4em;
 705 }
 706
 707 /*
 708 ** the personal toolbar
 709 */
 710
 711 #p-personal {
 712         width: 100%;
 713         text-align: center;
 714 }
 715
 716 #p-personal h5 {
 717         display:none;
 718 }
 719 #p-personal .portlet,
 720 #p-personal .pBody {
 721         border: none;
 722 }
 723 /* this is the ul contained in the portlet */
 724 #p-personal ul {
 725 }
 726 #p-personal li {
 727         display: inline;
 728         margin-left: 1em;
 729         line-height: 1.2em;
 730 }
 731 #p-personal li a {
 732         text-decoration: none;
 733         color: #005896;
 734         padding-bottom: 0.2em;
 735         background: none;
 736 }
 737 #p-personal li a:hover {
 738         background-color: transparent;
 739         padding-bottom: 0.2em;
 740         text-decoration: none;
 741 }
 742
 743 /* the icon in front of the user name, single quotes
 744 in bg url to hide it from iemac */
 745 li#pt-userpage,
 746 li#pt-anonuserpage,
 747 li#pt-login {
 748         background:  url('user.gif') top left no-repeat;
 749         padding-left: 20px;
 750         text-transform: none;
 751 }
 752
 753 /*
 754 ** the page-related actions- page/talk, edit etc
 755 */
 756 #p-cactions {
 757         text-align: center;
 758 }
 759 #p-cactions h5 {
 760         display: none;
 761 }
 762 #p-cactions ul {
 763         display: inline;
 764         overflow: visible;
 765 }
 766 #p-cactions ul li {
 767         display: inline;
 768 }
 769 #p-cactions ul li a {
 770         padding: 2px 5px;
 771 }
 772 /*
 773 #p-cactions {
 774         top: 1.3em;
 775         left: 11.5em;
 776         margin: 0;
 777         transparent-space:nowrap;
 778         width: 76%;
 779         line-height: 1.1em;
 780         overflow: visible;
 781         background: none;
 782         border-collapse: collapse;
 783         padding-left: 1em;
 784         list-style: none;
 785         font-size: 95%;
 786 }
 787 #p-cactions .hiddenStructure { display: none; }
 788 #p-cactions ul {
 789         list-style: none;
 790 }
 791 #p-cactions li {
 792         display: inline;
 793         border: 1px solid #aaaaaa;
 794         border-bottom: none;
 795         padding: 0 0 0.1em 0;
 796         margin: 0 0.3em 0 0;
 797         overflow: visible;
 798         background: transparent;
 799 }
 800 #p-cactions li.selected {
 801         border-color: #fabd23;
 802         padding: 0 0 0.2em 0;
 803 }
 804 */
 805 #p-cactions li a {
 806         /*
 807         background-color: transparent;
 808         */
 809         color: #002bb8;
 810         /*
 811         border: none;
 812         padding: 0 0.8em 0.3em 0.8em;
 813         */
 814         text-decoration: none;
 815         text-transform: lowercase;
 816         position: relative;
 817         z-index: 0;
 818         margin: 0;
 819 }
 820 /*
 821 #p-cactions .selected a { z-index: 3; }
 822 #p-cactions .new a { color:#ba0000; }
 823 #p-cactions li a:hover {
 824         z-index: 3;
 825         text-decoration: none;
 826 }
 827 #p-cactions h5 { display: none; }
 828 #p-cactions li.istalk { margin-right: 0; }
 829 #p-cactions li.istalk a { padding-right: 0.5em; }
 830 #p-cactions #ca-addsection a {
 831         padding-left: 0.4em;
 832         padding-right: 0.4em;
 833 }
 834 */
 835 /* offsets to distinguish the tab groups */
 836 /*
 837 li#ca-talk { margin-right: 1.5em; }
 838 li#ca-watch, li#ca-watch { margin-left: 1.5em; }
 839 */
 840 li#ca-talk { margin-bottom: 1.5em; }
 841 li#ca-watch, li#ca-watch { margin-top: 1.5em; }
 842 #p-cactions .new a { color:#ba0000; }
 843
 844
 845 /*
 846 ** the remaining portlets
 847 */
 848 #p-tbx,
 849 #p-lang {
 850         position:relative;
 851         z-index:3;
 852 }
 853
 854 /*
 855 ** footer
 856 */
 857 #footer {
 858         text-align: center;
 859         font-size: xx-small;
 860         margin: 2em 0;
 861 }
 862 #footer li {
 863         display: inline;
 864         margin: 0 1.3em;
 865 }
 866 /* hide from incapable browsers */
 867 /*
 868 head:first-child+body #footer li { transparent-space: nowrap; }
 869 */
 870 #f-poweredbyico, #f-copyrightico {
 871         margin: 0 8px;
 872         position: relative;
 873         top: -2px; /* Bump it up just a tad */
 874 }
 875 #f-poweredbyico {
 876         float: right;
 877         height: 1%;
 878 }
 879 #f-copyrightico {
 880         float: left;
 881         height: 1%;
 882 }
 883
 884 /* js pref toc */
 885 #preftoc {
 886         float: left;
 887         margin: 1em 1em 1em 1em;
 888         width: 13em;
 889         border: 1px solid #aaaaaa;
 890         background-color: #fff;
 891 }
 892 #preftoc li {
 893         border: 1px solid transparent;
 894         list-style: none;
 895 }
 896 #preftoc li.selected {
 897         background-color: Highlight;
 898         border:1px solid #aaaaaa;
 899 }
 900 #preftoc li.selected a {
 901         color: HighlightText;
 902 }
 903 #preftoc a,
 904 #preftoc a:active {
 905         text-decoration: none;
 906         display: block;
 907         color: #0014a6;
 908         padding: 2px 4px;
 909 }
 910 #prefcontrol {
 911         clear: both;
 912         float: left;
 913         margin-top: 1em;
 914 }
 915 div.prefsectiontip {
 916         font-size: 95%;
 917         margin-top: 1em;
 918 }
 919 fieldset.operaprefsection { margin-left: 15em }
 920
 921 .prefsection label {
 922 }
 923 .prefsection div {
 924         margin: 4pt 0;
 925 }
 926
 927 /*
 928 ** IE/Mac fixes, hope to find a validating way to move this
 929 ** to a separate stylesheet. This would work but doesn't validate:
 930 ** @import("IEMacFixes.css");
 931 */
 932 * > html #p-cactions li.selected a { border-color: #fabd23; }
 933 /* footer icons need a fixed width */
 934 * > html #f-poweredbyico,
 935 * > html #f-copyrightico { width: 88px; }
 936 * > html #bodyContent,
 937 * > html #bodyContent pre {
 938         overflow-x: auto;
 939         width: 100%;
 940         padding-bottom: 25px;
 941 }
 942
 943 /* more IE fixes */
 944 /* float/negative margin brokenness */
 945 /*
 946 * html #footer {margin-top: 0;}
 947 * html #column-content {
 948         display: inline;
 949         margin-bottom: 0;
 950 }
 951 * html div.editsection { font-size: smaller; }
 952 */
 953 #pagehistory li.selected { position: relative; }
 954
 955 /* Mac IE 5.0 fix; floated content turns invisible */
 956 * > html #column-content {
 957         float: none;
 958 }
 959 * > html #column-one {
 960         /*
 961         position: absolute;
 962         left: 0;
 963         top: 0;
 964         */
 965 }
 966 * > html #footer {
 967         margin-left: 13.2em;
 968 }
 969
 970 .printfooter {
 971         display: none;
 972 }
 973
 974 .sharedUploadNotice {
 975         font-style: italic;
 976 }
 977
 978 .portlet h5 {
 979         display: none;
 980 }
 981
 982 .editsection {
 983         font-size: x-small;
 984         color: #8ba2bf;
 985 }
 986 .editsection a:link,
 987 .editsection a:visited {
 988         text-decoration: none;
 989 }