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     overflow: auto;
 251 }
 252 .pre a {
 253     text-decoration: none;
 254 }
 255
 256
 257 /*
 258 ** the main content area
 259 */
 260
 261 #documentSubtitle {
 262     font-size: 84%;
 263     line-height: 1.2em;
 264     margin: -1.6em 0 0.6em 1em;
 265     color: #7d7d7d;
 266 }
 267
 268 #siteSubtitle {
 269     display: none;
 270 }
 271
 272
 273 #content {
 274     padding: 0 0 1em 0em;
 275     margin: 0;
 276 }
 277
 278 #bodyContent a:hover {
 279     text-decoration: underline;
 280 }
 281
 282 /* Some space under the headers in the content area */
 283 #bodyContent h1,
 284 .documentFirstHeading,
 285 #bodyContent h2,
 286 #bodyContent h3,
 287 #bodyContent h4,
 288 #bodyContent h5 {
 289     margin-bottom:0.8em;
 290 }
 291
 292
 293 #documentContent {
 294     padding: 0em 1em 1.5em 1em;
 295     background: White;
 296     border: 1px solid #aaaaaa;
 297     border-right: none;
 298     margin:0;
 299     line-height: 1.5em;
 300     position: relative;
 301     z-index: 2;
 302 }
 303
 304 /* this will be the user notification thing */
 305 .portalMessage {
 306     background-color: #ffce7b;
 307     border: 1px solid #ffa500;
 308     color: Black;
 309     font-size: 100%;
 310     font-weight: bold;
 311     margin: 2em 0em 1em 0em;
 312     padding: 0.5em 1em;
 313     vertical-align: middle;
 314 }
 315 .portalMessage a {
 316     color: Black;
 317     text-decoration: none;
 318 }
 319 .documentDescription {
 320     /* The summary text describing the document */
 321     font-weight: bold;
 322     display: block;
 323     margin: 1em 0em;
 324     line-height: 1.5em;
 325 }
 326 .documentByLine {
 327     text-align: right;
 328     font-size: 90%;
 329     clear: both;
 330     font-weight: normal;
 331     color: #76797c;
 332 }
 333 .documentByLine a {
 334     text-decoration: none;
 335 }
 336
 337 /*
 338 ** mediawiki-specific styles
 339 */
 340
 341 a.stub,
 342 a.new{ color:#ba0000; text-decoration:none; }
 343
 344 #toc {
 345     /*border:1px solid #2f6fab;*/
 346     border:1px solid #aaaaaa;
 347     background-color:#f9f9f9;
 348     padding:5px;
 349     font-size: 95%;
 350 }
 351 .tocindent {
 352         margin-left: 2em;
 353 }
 354 .tocline {
 355         margin-bottom: 0px;
 356 }
 357 .toctoggle, .editsection {
 358         font-size: smaller;
 359 }
 360 /* images */
 361 div.floatright {
 362     float: right;
 363     margin: 0;
 364     position:relative;
 365     border: 0.5em solid White;
 366     border-width: 0.5em 0 0.8em 1.4em;
 367 }
 368 div.floatright p { font-style: italic;}
 369 div.floatleft {
 370     float: left;
 371     margin: 0.3em 0.5em 0.5em 0;
 372     position:relative;
 373     border: 0.5em solid White;
 374     border-width: 0.5em 1.4em 0.8em 0;
 375 }
 376 div.floatleft p { font-style: italic; }
 377 /* thumbnails */
 378 div.thumbnail-none,
 379 div.thumbnail-right,
 380 div.thumbnail-left {
 381  /*   border:1px solid #2f6fab;*/
 382     background-color:#f9f9f9;
 383     padding: 2px;
 384     position:relative;
 385     margin: 0.3em 0 0.5em;
 386     font-size: 95%;
 387     text-align: center;
 388 }
 389 div.thumbnail-none div,
 390 div.thumbnail-right div,
 391 div.thumbnail-left div{
 392     border:1px solid #cccccc;
 393 }
 394 div.thumbnail-none p, div.thumbnail-right p, div.thumbnail-left p {
 395     margin-top:3px; margin-bottom:3px;
 396     position:relative;
 397     text-align: left;
 398 }
 399 div.thumbnail-right {
 400     float: right;
 401     position:relative;
 402     border: 0.5em solid White;
 403     border-width: 0.5em 0 0.8em 1.4em;
 404 }
 405 div.thumbnail-left {
 406     float: left;
 407     position:relative;
 408     margin-right:0.5em;
 409     border: 0.5em solid White;
 410     border: 0.5em 1.4em 0.8em 0;
 411 }
 412 /* table standards */
 413 table.rimage {
 414     float:right;
 415     width:1pt;
 416     position:relative;
 417     margin-left:1em;
 418     margin-bottom:1em;
 419     text-align:center;
 420 }
 421
 422 /*
 423 ** Link rendering
 424 */
 425
 426 .urlexpansion,
 427 .hiddenStructure {
 428     display: none;
 429 }
 430
 431 /*
 432 ** keep the whitespace in front of the ^=, hides rule from konqueror
 433 ** this is css3, the validator doesn't like it when validating as css2
 434 */
 435 #bodyContent a[href ^="http://"],
 436 #bodyContent a[href ^="gopher://"] {
 437     background: url(external.png) center right no-repeat;
 438     padding-right: 13px;
 439 }
 440 #bodyContent a[href ^="https://"],
 441 .link-https {
 442     background: transparent url("lock_icon.gif") center right no-repeat;
 443     padding-right: 16px;
 444 }
 445 #bodyContent a[href ^="mailto:"],
 446 .link-mailto {
 447     background: transparent url("mail_icon.gif") center right no-repeat;
 448     padding-right: 18px;
 449 }
 450 #bodyContent a[href ^="news://"] {
 451     background: transparent url("news_icon.png") center right no-repeat;
 452     padding-right: 18px;
 453 }
 454 #bodyContent a[href ^="ftp://"],
 455 .link-ftp {
 456     background: transparent url("file_icon.gif") center right no-repeat;
 457     padding-right: 18px;
 458 }
 459 #bodyContent a[href ^="irc://"],
 460 .link-irc {
 461     background: transparent url("discussionitem_icon.gif")  center right no-repeat;
 462     padding-right: 18px;
 463 }
 464 .visualClear {
 465     display: block;
 466     clear: both;
 467 }
 468
 469 /*
 470 ** classes for special content elements like town boxes
 471 */
 472 div.townBox {
 473     position:relative;
 474     float:right;
 475     background:White;
 476     margin-left:1em;
 477     border: 1px solid Grey;
 478     padding:0.3em;
 479     line-height: 1.0em;
 480     width: 200px;
 481     overflow: hidden;
 482 }
 483 div.townBox dl {
 484     padding: 0;
 485     margin: 0 0 0.3em 0;
 486     font-size: 96%;
 487 }
 488 div.townBox dl dt {
 489     background-color: transparent;
 490     margin: 0.4em 0 0 0;
 491 }
 492 div.townBox dl dd {
 493     margin: 0.1em 0 0 1.1em;
 494     background-color: #f3f3f3;
 495 }
 496
 497 /*
 498 ** Special content area views
 499 */
 500 .special li {
 501     line-height: 1.4em;
 502     margin: 0;
 503     padding: 0;
 504 }
 505 /* the auto-generated edit comments */
 506 #autocomment { color: gray; }
 507
 508
 509 /*
 510 ** Structural Elements
 511 */
 512
 513 /*
 514 ** the portlets (elements in the quickbar)
 515 */
 516 .portlet {
 517     border: none;
 518     margin: 0 0 1em 0em;
 519     float: none;
 520     padding: 0;
 521     width: 11.6em;
 522     overflow: hidden;
 523 }
 524 .portlet h4 {
 525     font-size: 95%;
 526     font-weight: normal;
 527     white-space: nowrap;
 528 }
 529 .portlet h5 {
 530     background: transparent;
 531     padding: 0em 1em 0em 0.5em;
 532     text-transform: lowercase;
 533     display: inline;
 534     font-size: 91%;
 535     height: 1em;
 536     font-weight: normal;
 537     white-space: nowrap;
 538 }
 539 .portlet h6 {
 540     background: #ffae2e;
 541     border: 1px solid #2f6fab;
 542     border-style: solid solid none solid;
 543     padding: 0em 1em 0em 1em;
 544     text-transform: lowercase;
 545     display: block;
 546     font-size: 1em;
 547     height: 1.2em;
 548     font-weight: normal;
 549     white-space: nowrap;
 550 }
 551 .portletBody {
 552     font-size: 95%;
 553     background: White;
 554     border-collapse: collapse;
 555     border: 1px solid #aaaaaa;
 556 }
 557 .portletDetails {
 558     text-align: right;
 559 }
 560 .portletMore {
 561     display: block;
 562     text-align: right;
 563 }
 564 .portletContent {
 565     padding: 0.1em 0.8em 0.7em 0.5em;
 566 }
 567 .portletClose {
 568     float: right;
 569     text-transform: none;
 570     border-left: 1px solid #2f6fab;
 571     padding: 0em 0.2em;
 572 }
 573 .portlet h1,
 574 .portlet h2,
 575 .portlet h3,
 576 .portlet h4 {
 577     margin: 0;
 578     padding: 0;
 579 }
 580 .portlet .even {
 581     background-color: #f7f9fa;
 582 }
 583 .portlet .odd {
 584     background-color: transparent;
 585 }
 586 .portlet input {
 587     font-size: 100%;
 588 }
 589 .portlet ul {
 590     line-height: 1.5em;
 591     list-style-type: square;
 592     list-style-image: url("bullet.gif");
 593     font-size:95%;
 594 }
 595 .portlet li {
 596     padding:0;
 597     margin: 0 0 0 0;
 598     margin-bottom: 0;
 599 }
 600 .even {
 601     background-color: #f7f9fa;
 602 }
 603 .odd {
 604     background-color: transparent;
 605 }
 606 .visualHighlight {
 607     background-color: #f7f9fa;
 608 }
 609 .discreet {
 610     color: #76797c;
 611     font-size: 80%;
 612     font-weight: normal;
 613 }
 614
 615 /*
 616 ** Logo properties
 617 */
 618
 619 #portlet-logo {
 620     z-index: 3;
 621     position:absolute; /*needed to use z-index */
 622     top: 0;
 623     left: 0;
 624     height: 155px;
 625     width: 135px;
 626     overflow: visible;
 627 }
 628 #portlet-logo h5 { display: none; }
 629 #portlet-logo a {
 630     display: block;
 631     height: 155px;
 632     width: 135px;
 633     background: url(wiki.png) no-repeat;
 634     background-repeat: no-repeat;
 635 }
 636
 637 /*
 638 ** the navigation portlet
 639 */
 640
 641
 642 #portlet-navigation {
 643     position:relative;
 644     z-index:3;
 645 }
 646 #portlet-navigation .plain {
 647     white-space: nowrap;
 648 }
 649
 650 /*
 651 ** Search portlet
 652 */
 653 #portlet-search {
 654     position:relative;
 655     z-index:3;
 656 }
 657 #portlet-search .portletBody {
 658     text-align: center;
 659 }
 660 input.searchButton {
 661     margin-top:1px;
 662     padding: 0 0.4em;
 663     font-size: 95%;
 664     /*    font-size: 100%;
 665     margin-bottom: 1px ! important;
 666     background: White url(search_icon.gif) 2px 1px no-repeat;
 667     cursor: pointer;
 668     padding: 1px 1px 1px 15px;
 669     text-transform: lowercase;*/
 670
 671 }
 672
 673 #searchGadget {
 674     width:11.0em;
 675     margin: 0 0 0 0;
 676     font-size: 95%;
 677 }
 678
 679
 680 #portlet-search .portletContent {
 681     padding: 0.5em 0.4em 0.4em 0.4em;
 682 }
 683
 684
 685 /*
 686 ** the personal toolbar
 687 */
 688
 689 #portlet-personal {
 690     width:100%;
 691     white-space:nowrap;
 692     padding:0 0 0 0;
 693     margin:0;
 694     position:absolute;
 695     left:0px;
 696     top:0px;
 697     z-index: 0;
 698     border: none;
 699     background-color: transparent;
 700     overflow: visible;
 701     line-height: 1.2em;
 702 }
 703
 704 #portlet-personal h5 {
 705     display:none;
 706 }
 707 #portlet-personal .portlet,
 708 #portlet-personal .portletBody,
 709 #portlet-personal .portletContent,
 710 #portlet-personal .odd{
 711     padding:0;
 712     margin:0;
 713     border: none;
 714     z-index:0;
 715     overflow: visible;
 716     background-color: transparent;
 717 }
 718 #portal-personal ul,
 719 #portal-personal li {
 720     z-index:0;
 721     border:none;
 722     background-color: transparent;
 723 }
 724
 725 /* this is the ul contained in the portlet */
 726
 727 #portal-personaltools {
 728 /*    background-color: #fabd23;*/
 729 /*    border-bottom-color: #2f6fab;*/
 730     border: none;
 731     line-height: 1.4em;
 732     color: #2f6fab;
 733     padding: 0em 2em 0 3em;
 734     margin: 0;
 735     text-align: right;
 736     text-transform: lowercase;
 737     list-style: none;
 738     z-index:0;
 739     background-color: transparent;
 740 }
 741
 742 #portal-personaltools .portalNotLoggedIn {
 743     color: #2f6fab;
 744     padding: 0;
 745     background: transparent;
 746     background-image: none;
 747 } /* Used on all descriptions relevant to those not logged in */
 748
 749 #portal-personaltools li {
 750     padding:0;
 751     display: inline;
 752     color: #2f6fab;
 753     margin-left: 1em;
 754     line-height: 1.2em;
 755     background-color: transparent;
 756 }
 757 #portal-personaltools li a {
 758     text-decoration: none;
 759 /*    color: #436976;*/
 760     color: #005896;
 761     padding-bottom: 0.2em;
 762     background-color: transparent;
 763 }
 764 #portal-personaltools li a:hover {
 765     text-decoration: none;
 766 /*    color: #436976;*/
 767     background-color: White;
 768     padding-bottom: 0.2em;
 769 }
 770
 771 /* the icon in front of the user name, single quotes
 772 in bg url to hide it from iemac */
 773 li#personaltools-userpage,
 774 li#personaltools-login {
 775     background: transparent url('user.gif') center left no-repeat;
 776     background-repeat: no-repeat;
 777     padding-left: 20px;
 778     text-transform: none;
 779 }
 780
 781 /*
 782 ** the page-related actions- page/talk, edit etc
 783 */
 784
 785 #portlet-contentViews {
 786     position:absolute;
 787     top: 1.2em;
 788     left: 11.5em;
 789     margin: 0;
 790     white-space:nowrap;
 791     /*width:auto;*/
 792     width: 76%;
 793     line-height: 1.1em;
 794     overflow: visible;
 795     background-color: transparent;
 796     border-collapse: collapse;
 797     padding-left: 1em;
 798     list-style: none;
 799     font-size: 95%;
 800 }
 801
 802 #portlet-contentViews .hiddenStructure {
 803     display: none;
 804 }
 805
 806 #portlet-contentViews ul {
 807     list-style: none;
 808 }
 809 #portlet-contentViews li {
 810     display: inline;
 811     border: 1px solid #aaaaaa;
 812     border-bottom: none;
 813     padding: 0 0 0.1em 0;
 814     margin: 0 0.3em 0 0;
 815     overflow: visible;
 816 }
 817
 818 #portlet-contentViews li.selected {
 819     border-color: #fabd23;
 820     padding: 0 0 0.2em 0;
 821 }
 822
 823 #portlet-contentViews li a {
 824     background-color: White;
 825     color: #005189;
 826     border: none;
 827     padding: 0 0.8em 0.3em 0.8em;
 828     text-decoration: none;
 829     text-transform: lowercase;
 830     position: relative;
 831     z-index: 0;
 832     margin: 0;
 833 }
 834
 835 #portlet-contentViews .selected a {
 836     z-index: 3;
 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;}*/