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