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