stylesheets/monobook/main.css

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