stylesheets/monobook/main.css

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