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 .portalMessage a {
 315     color: Black;
 316     text-decoration: none;
 317 }
 318 .documentDescription {
 319     /* The summary text describing the document */
 320     font-weight: bold;
 321     display: block;
 322     margin: 1em 0em;
 323     line-height: 1.5em;
 324 }
 325 .documentByLine {
 326     text-align: right;
 327     font-size: 90%;
 328     clear: both;
 329     font-weight: normal;
 330     color: #76797c;
 331 }
 332 .documentByLine a {
 333     text-decoration: none;
 334 }
 335
 336 /*
 337 ** mediawiki-specific styles
 338 */
 339
 340 a.stub,
 341 a.new{ color:#ba0000; text-decoration:none; }
 342
 343 #toc {
 344     /*border:1px solid #2f6fab;*/
 345     border:1px solid #aaaaaa;
 346     background-color:#f9f9f9;
 347     padding:5px;
 348     font-size: 95%;
 349 }
 350 .tocindent {
 351         margin-left: 2em;
 352 }
 353 .tocline {
 354         margin-bottom: 0px;
 355 }
 356 .toctoggle, .editsection {
 357         font-size: smaller;
 358 }
 359 /* images */
 360 div.floatright {
 361     float: right;
 362     margin: 0;
 363     position:relative;
 364     border: 0.5em solid White;
 365     border-width: 0.5em 0 0.8em 1.4em;
 366 }
 367 div.floatright p { font-style: italic;}
 368 div.floatleft {
 369     float: left;
 370     margin: 0.3em 0.5em 0.5em 0;
 371     position:relative;
 372     border: 0.5em solid White;
 373     border-width: 0.5em 1.4em 0.8em 0;
 374 }
 375 div.floatleft p { font-style: italic; }
 376 /* thumbnails */
 377 div.thumbnail-none,
 378 div.thumbnail-right,
 379 div.thumbnail-left {
 380  /*   border:1px solid #2f6fab;*/
 381     background-color:#f9f9f9;
 382     padding: 2px;
 383     position:relative;
 384     margin: 0.3em 0 0.5em;
 385     font-size: 95%;
 386     text-align: center;
 387 }
 388 div.thumbnail-none div,
 389 div.thumbnail-right div,
 390 div.thumbnail-left div{
 391     border:1px solid #cccccc;
 392 }
 393 div.thumbnail-none p, div.thumbnail-right p, div.thumbnail-left p {
 394     margin-top:3px; margin-bottom:3px;
 395     position:relative;
 396     text-align: left;
 397 }
 398 div.thumbnail-right {
 399     float: right;
 400     position:relative;
 401     border: 0.5em solid White;
 402     border-width: 0.5em 0 0.8em 1.4em;
 403 }
 404 div.thumbnail-left {
 405     float: left;
 406     position:relative;
 407     margin-right:0.5em;
 408     border: 0.5em solid White;
 409     border: 0.5em 1.4em 0.8em 0;
 410 }
 411 /* table standards */
 412 table.rimage {
 413     float:right;
 414     width:1pt;
 415     position:relative;
 416     margin-left:1em;
 417     margin-bottom:1em;
 418     text-align:center;
 419 }
 420
 421 /*
 422 ** Link rendering
 423 */
 424
 425 .urlexpansion,
 426 .hiddenStructure {
 427     display: none;
 428 }
 429
 430 /*
 431 ** keep the whitespace in front of the ^=, hides rule from konqueror
 432 ** this is css3, the validator doesn't like it when validating as css2
 433 */
 434 #bodyContent a[href ^="http://"],
 435 #bodyContent a[href ^="gopher://"] {
 436     background: url(external.png) center right no-repeat;
 437     padding-right: 13px;
 438 }
 439 #bodyContent a[href ^="https://"],
 440 .link-https {
 441     background: transparent url("lock_icon.gif") center right no-repeat;
 442     padding-right: 16px;
 443 }
 444 #bodyContent a[href ^="mailto:"],
 445 .link-mailto {
 446     background: transparent url("mail_icon.gif") center right no-repeat;
 447     padding-right: 18px;
 448 }
 449 #bodyContent a[href ^="news://"] {
 450     background: transparent url("news_icon.png") center right no-repeat;
 451     padding-right: 18px;
 452 }
 453 #bodyContent a[href ^="ftp://"],
 454 .link-ftp {
 455     background: transparent url("file_icon.gif") center right no-repeat;
 456     padding-right: 18px;
 457 }
 458 #bodyContent a[href ^="irc://"],
 459 .link-irc {
 460     background: transparent url("discussionitem_icon.gif")  center right no-repeat;
 461     padding-right: 18px;
 462 }
 463 .visualClear {
 464     display: block;
 465     clear: both;
 466 }
 467
 468 /*
 469 ** classes for special content elements like town boxes
 470 */
 471 div.townBox {
 472     position:relative;
 473     float:right;
 474     background:White;
 475     margin-left:1em;
 476     border: 1px solid Grey;
 477     padding:0.3em;
 478     line-height: 1.0em;
 479     width: 200px;
 480     overflow: hidden;
 481 }
 482 div.townBox dl {
 483     padding: 0;
 484     margin: 0 0 0.3em 0;
 485     font-size: 96%;
 486 }
 487 div.townBox dl dt {
 488     background-color: transparent;
 489     margin: 0.4em 0 0 0;
 490 }
 491 div.townBox dl dd {
 492     margin: 0.1em 0 0 1.1em;
 493     background-color: #f3f3f3;
 494 }
 495
 496 /*
 497 ** Special content area views
 498 */
 499 .special li {
 500     line-height: 1.4em;
 501     margin: 0;
 502     padding: 0;
 503 }
 504 /* the auto-generated edit comments */
 505 #autocomment { color: gray; }
 506
 507
 508 /*
 509 ** Structural Elements
 510 */
 511
 512 /*
 513 ** the portlets (elements in the quickbar)
 514 */
 515 .portlet {
 516     border: none;
 517     margin: 0 0 1em 0em;
 518     float: none;
 519     padding: 0;
 520     width: 11.6em;
 521     overflow: hidden;
 522 }
 523 .portlet h4 {
 524     font-size: 95%;
 525     font-weight: normal;
 526     white-space: nowrap;
 527 }
 528 .portlet h5 {
 529     background: transparent;
 530     padding: 0em 1em 0em 0.5em;
 531     text-transform: lowercase;
 532     display: inline;
 533     font-size: 91%;
 534     height: 1em;
 535     font-weight: normal;
 536     white-space: nowrap;
 537 }
 538 .portlet h6 {
 539     background: #ffae2e;
 540     border: 1px solid #2f6fab;
 541     border-style: solid solid none solid;
 542     padding: 0em 1em 0em 1em;
 543     text-transform: lowercase;
 544     display: block;
 545     font-size: 1em;
 546     height: 1.2em;
 547     font-weight: normal;
 548     white-space: nowrap;
 549 }
 550 .portletBody {
 551     font-size: 95%;
 552     background: White;
 553     border-collapse: collapse;
 554     border: 1px solid #aaaaaa;
 555 }
 556 .portletDetails {
 557     text-align: right;
 558 }
 559 .portletMore {
 560     display: block;
 561     text-align: right;
 562 }
 563 .portletContent {
 564     padding: 0.1em 0.8em 0.7em 0.5em;
 565 }
 566 .portletClose {
 567     float: right;
 568     text-transform: none;
 569     border-left: 1px solid #2f6fab;
 570     padding: 0em 0.2em;
 571 }
 572 .portlet h1,
 573 .portlet h2,
 574 .portlet h3,
 575 .portlet h4 {
 576     margin: 0;
 577     padding: 0;
 578 }
 579 .portlet .even {
 580     background-color: #f7f9fa;
 581 }
 582 .portlet .odd {
 583     background-color: transparent;
 584 }
 585 .portlet input {
 586     font-size: 100%;
 587 }
 588 .portlet ul {
 589     line-height: 1.5em;
 590     list-style-type: square;
 591     list-style-image: url("bullet.gif");
 592     font-size:95%;
 593 }
 594 .portlet li {
 595     padding:0;
 596     margin: 0 0 0 0;
 597     margin-bottom: 0;
 598 }
 599 .even {
 600     background-color: #f7f9fa;
 601 }
 602 .odd {
 603     background-color: transparent;
 604 }
 605 .visualHighlight {
 606     background-color: #f7f9fa;
 607 }
 608 .discreet {
 609     color: #76797c;
 610     font-size: 80%;
 611     font-weight: normal;
 612 }
 613
 614 /*
 615 ** Logo properties
 616 */
 617
 618 #portlet-logo {
 619     z-index: 3;
 620     position:absolute; /*needed to use z-index */
 621     top: 0;
 622     left: 0;
 623     height: 155px;
 624     width: 135px;
 625     overflow: visible;
 626 }
 627 #portlet-logo h5 { display: none; }
 628 #portlet-logo a {
 629     display: block;
 630     height: 155px;
 631     width: 135px;
 632     background: url(wiki.png) no-repeat;
 633     background-repeat: no-repeat;
 634 }
 635
 636 /*
 637 ** the navigation portlet
 638 */
 639
 640
 641 #portlet-navigation {
 642     position:relative;
 643     z-index:3;
 644 }
 645 #portlet-navigation .plain {
 646     white-space: nowrap;
 647 }
 648
 649 /*
 650 ** Search portlet
 651 */
 652 #portlet-search {
 653     position:relative;
 654     z-index:3;
 655 }
 656 #portlet-search .portletBody {
 657     text-align: center;
 658 }
 659 input.searchButton {
 660     margin-top:1px;
 661     padding: 0 0.4em;
 662     font-size: 95%;
 663     /*    font-size: 100%;
 664     margin-bottom: 1px ! important;
 665     background: White url(search_icon.gif) 2px 1px no-repeat;
 666     cursor: pointer;
 667     padding: 1px 1px 1px 15px;
 668     text-transform: lowercase;*/
 669
 670 }
 671
 672 #searchGadget {
 673     width:11.0em;
 674     margin: 0 0 0 0;
 675     font-size: 95%;
 676 }
 677
 678
 679 #portlet-search .portletContent {
 680     padding: 0.5em 0.4em 0.4em 0.4em;
 681 }
 682
 683
 684 /*
 685 ** the personal toolbar
 686 */
 687
 688 #portlet-personal {
 689     width:100%;
 690     white-space:nowrap;
 691     padding:0 0 0 0;
 692     margin:0;
 693     position:absolute;
 694     left:0px;
 695     top:0px;
 696     z-index: 0;
 697     border: none;
 698     background-color: transparent;
 699     overflow: visible;
 700     line-height: 1.2em;
 701 }
 702
 703 #portlet-personal h5 {
 704     display:none;
 705 }
 706 #portlet-personal .portlet,
 707 #portlet-personal .portletBody,
 708 #portlet-personal .portletContent,
 709 #portlet-personal .odd{
 710     padding:0;
 711     margin:0;
 712     border: none;
 713     z-index:0;
 714     overflow: visible;
 715     background-color: transparent;
 716 }
 717 #portal-personal ul,
 718 #portal-personal li {
 719     z-index:0;
 720     border:none;
 721     background-color: transparent;
 722 }
 723
 724 /* this is the ul contained in the portlet */
 725
 726 #portal-personaltools {
 727 /*    background-color: #fabd23;*/
 728 /*    border-bottom-color: #2f6fab;*/
 729     border: none;
 730     line-height: 1.4em;
 731     color: #2f6fab;
 732     padding: 0em 2em 0 3em;
 733     margin: 0;
 734     text-align: right;
 735     text-transform: lowercase;
 736     list-style: none;
 737     z-index:0;
 738     background-color: transparent;
 739 }
 740
 741 #portal-personaltools .portalNotLoggedIn {
 742     color: #2f6fab;
 743     padding: 0;
 744     background: transparent;
 745     background-image: none;
 746 } /* Used on all descriptions relevant to those not logged in */
 747
 748 #portal-personaltools li {
 749     padding:0;
 750     display: inline;
 751     color: #2f6fab;
 752     margin-left: 1em;
 753     line-height: 1.2em;
 754     background-color: transparent;
 755 }
 756 #portal-personaltools li a {
 757     text-decoration: none;
 758 /*    color: #436976;*/
 759     color: #005896;
 760     padding-bottom: 0.2em;
 761     background-color: transparent;
 762 }
 763 #portal-personaltools li a:hover {
 764     text-decoration: none;
 765 /*    color: #436976;*/
 766     background-color: White;
 767     padding-bottom: 0.2em;
 768 }
 769
 770 /* the icon in front of the user name, single quotes
 771 in bg url to hide it from iemac */
 772 li#personaltools-userpage,
 773 li#personaltools-login {
 774     background: transparent url('user.gif') center left no-repeat;
 775     background-repeat: no-repeat;
 776     padding-left: 20px;
 777     text-transform: none;
 778 }
 779
 780 /*
 781 ** the page-related actions- page/talk, edit etc
 782 */
 783
 784 #portlet-contentViews {
 785     position:absolute;
 786     top: 1.2em;
 787     left: 11.5em;
 788     margin: 0;
 789     white-space:nowrap;
 790     /*width:auto;*/
 791     width: 76%;
 792     line-height: 1.1em;
 793     overflow: visible;
 794     background-color: transparent;
 795     border-collapse: collapse;
 796     padding-left: 1em;
 797     list-style: none;
 798     font-size: 95%;
 799 }
 800
 801 #portlet-contentViews .hiddenStructure {
 802     display: none;
 803 }
 804
 805 #portlet-contentViews ul {
 806     list-style: none;
 807 }
 808 #portlet-contentViews li {
 809     display: inline;
 810     border: 1px solid #aaaaaa;
 811     border-bottom: none;
 812     padding: 0 0 0.1em 0;
 813     margin: 0 0.3em 0 0;
 814     overflow: visible;
 815 }
 816
 817 #portlet-contentViews li.selected {
 818     border-color: #fabd23;
 819     padding: 0 0 0.2em 0;
 820 }
 821
 822 #portlet-contentViews li a {
 823     background-color: White;
 824     color: #005189;
 825     border: none;
 826     padding: 0 0.8em 0.3em 0.8em;
 827     text-decoration: none;
 828     text-transform: lowercase;
 829     position: relative;
 830     z-index: 0;
 831     margin: 0;
 832 }
 833
 834 #portlet-contentViews .selected a {
 835     z-index: 3;
 836 }
 837 #portlet-contentViews li a:hover {
 838     z-index: 3;
 839 }
 840 #portlet-contentViews h5 { display: none; }
 841
 842 /* offsets to distinguish the tab groups */
 843 li#contentaction-talk {
 844     margin-right: 1.6em;
 845 }
 846 li#contentaction-watch {
 847     margin-left: 1.6em;
 848 }
 849
 850
 851 /*
 852 ** the remaining portlets
 853 */
 854 #portlet-toolbox,
 855 #portlet-language {
 856     position:relative;
 857     z-index:3;
 858 }
 859
 860 /*
 861 ** footer
 862 */
 863
 864 #portal-footer {
 865     background-color: White;
 866     border-top: 1px solid #fabd23;
 867     border-bottom: 1px solid #fabd23;
 868     margin: 0.3em 0em 1em 0em;
 869     padding: 0.4em 0em 1em 0em;
 870     text-align: center;
 871     font-size: 90%;
 872 }
 873 #portal-footer li {
 874     display: inline;
 875     margin-right: 2em;
 876 }
 877
 878
 879 /*
 880 ** IE/Mac fixes, hope to find a validating way to move this
 881 ** to a separate stylesheet. This would work but doesn't validate:
 882 ** @import("IEMacFixes.css");
 883 */
 884
 885 /* tabs: border on the a, not the div */
 886 *>html #portlet-contentViews li {
 887     border:none;
 888 }
 889 *>html #portlet-contentViews li a {
 890     border: 1px solid #aaaaaa;
 891     border-bottom: none;
 892 }
 893 *>html #portlet-contentViews li.selected a {
 894     border-color: #fabd23;
 895 }
 896
 897 /* fixes for broken IE float handling */
 898 *>html #portal-column-content {
 899     display: inline;
 900 }
 901 /* the full-size images are in center tags */
 902 * html #bodyContent center,
 903 * html #bodyContent pre {
 904     overflow: auto;
 905 }
 906
 907
 908 /* opera 6 fixes */
 909 html>body #portal-column-one {
 910     position: relative;
 911     max-width: 11.7em;
 912 }
 913 head:first-child+body #portal-column-one {
 914     position: static;
 915     width: auto;
 916 }
 917
 918 html>body #portlet-personal {
 919     width: 45em;
 920     margin-left: 8.6em;
 921     right: 0;
 922 }
 923 head:first-child+body #portlet-personal {
 924     margin-left: 0;
 925     width: 100%;
 926 }
 927 /* debugging tool.. */
 928 /*div{ border:1px solid #000000;}*/