skins/vector/main-ltr.css

   1 /*
   2  * main-rtl.css is automatically generated using CSSJanus, a python script for
   3  * creating RTL versions of otherwise LTR stylesheets.
   4  *
   5  * You may download the tool to rebuild this stylesheet
   6  * http://code.google.com/p/cssjanus/
   7  *
   8  * An online version of this tool can be used at:
   9  * http://cssjanus.commoner.com/
  10  *
  11  * The following command is used to generate the RTL version of this file
  12  * ./cssjanus.py --swap_ltr_rtl_in_url < main-ltr.css > main-rtl.css
  13  *
  14  * Any rules which should not be flipped should be prepended with @noflip in
  15  * a comment block.
  16  */
  17 /* Framework */
  18 html,
  19 body {
  20         height: 100%;
  21         margin: 0;
  22         padding: 0;
  23         font-family: sans-serif;
  24         font-size: 1em;
  25 }
  26 body {
  27         background-color: #f3f3f3;
  28         background-image: url(images/page-base.png);
  29 }
  30 /* Content */
  31 #content {
  32         margin-left: 10em;
  33         padding: 1em;
  34         background-image: url(images/border.png);
  35         background-position: top left;
  36         background-repeat: repeat-y;
  37         background-color: white;
  38 }
  39 /* Head */
  40 #page-base {
  41         height: 5em;
  42         background-color: white;
  43         background-image: url(images/page-fade.png);
  44         background-position: bottom left;
  45         background-repeat: repeat-x;
  46 }
  47 #head-base {
  48         margin-top: -5em;
  49         margin-left: 10em;
  50         height: 5em;
  51         background-image: url(images/border.png);
  52         background-position: bottom left;
  53         background-repeat: repeat-x;
  54 }
  55 #head {
  56         position: absolute;
  57         top: 0;
  58         right: 0;
  59         width: 100%;
  60 }
  61 #head h5 {
  62         margin: 0;
  63         padding: 0;
  64 }
  65         /* Hide empty portlets */
  66         div.emptyPortlet {
  67                 display: none;
  68         }
  69         /* Personal */
  70         #p-personal {
  71                 position: absolute;
  72                 top: 0;
  73                 right: 0.75em;
  74         }
  75         #p-personal h5 {
  76                 display: none;
  77         }
  78         #p-personal ul {
  79                 list-style: none;
  80                 margin: 0;
  81                 padding: 0;
  82         }
  83         /* @noflip */
  84         #p-personal li {
  85                 line-height: 1.125em;
  86                 float: left;
  87         }
  88         #p-personal li {
  89                 margin-left: 0.75em;
  90                 margin-top: 0.5em;
  91                 font-size: 0.7em;
  92         }
  93         /* Navigation Containers */
  94         #left-navigation {
  95                 position: absolute;
  96                 left: 10em;
  97                 top: 2.5em;
  98         }
  99         #right-navigation {
 100                 float: right;
 101                 margin-top: 2.5em;
 102         }
 103         /* Navigation Labels */
 104         div.vectorTabs h5,
 105         div.vectorMenu h5 span {
 106                 display: none;
 107         }
 108         /* Namespaces and Views */
 109         /* @noflip */
 110         div.vectorTabs {
 111                 float: left;
 112         }
 113         div.vectorTabs {
 114                 background-image: url(images/tab-break.png);
 115                 background-position: bottom left;
 116                 background-repeat: no-repeat;
 117                 padding-left: 1px;
 118         }
 119         /* @noflip */
 120         div.vectorTabs ul {
 121                 float: left;
 122         }
 123         div.vectorTabs ul {
 124                 height: 100%;
 125                 list-style: none;
 126                 margin: 0;
 127                 padding: 0;
 128         }
 129         /* @noflip */
 130         div.vectorTabs ul li {
 131                 float: left;
 132         }
 133         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 134         div.vectorTabs ul li {
 135                 line-height: 1.125em;
 136                 display: inline-block;
 137                 height: 100%;
 138                 margin: 0;
 139                 padding: 0;
 140                 background-color: #f3f3f3;
 141                 background-image: url(images/tab-normal-fade.png);
 142                 background-position: bottom left;
 143                 background-repeat: repeat-x;
 144         }
 145         /* IGNORED BY IE6 */
 146         div.vectorTabs ul > li {
 147                 display: block;
 148         }
 149         div.vectorTabs li.selected {
 150                 background-image: url(images/tab-current-fade.png);
 151         }
 152         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 153         div.vectorTabs li a {
 154                 display: inline-block;
 155                 height: 2.5em;
 156                 padding-left: 0.4em;
 157                 padding-right: 0.4em;
 158                 background-image: url(images/tab-break.png);
 159                 background-position: bottom right;
 160                 background-repeat: no-repeat;
 161         }
 162         div.vectorTabs li a,
 163         div.vectorTabs li a span {
 164                 color: #0645ad;
 165                 cursor: pointer;
 166         }
 167         div.vectorTabs li a span {
 168                 font-size: 0.8em;
 169         }
 170         /* IGNORED BY IE6 */
 171         div.vectorTabs li > a {
 172                 display: block;
 173         }
 174         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 175         div.vectorTabs a span {
 176                 display: inline-block;
 177                 padding-top: 1.25em;
 178         }
 179         /* IGNORED BY IE6 */
 180         /* @noflip */
 181         div.vectorTabs a > span {
 182                 float: left;
 183                 display: block;
 184         }
 185         div.vectorTabs li.selected a,
 186         div.vectorTabs li.selected a span,
 187         div.vectorTabs li.selected a:visited
 188         div.vectorTabs li.selected a:visited span {
 189                 color: #333333;
 190                 text-decoration: none;
 191         }
 192         div.vectorTabs li.new a,
 193         div.vectorTabs li.new a span,
 194         div.vectorTabs li.new a:visited,
 195         div.vectorTabs li.new a:visited span {
 196                 color: #a55858;
 197         }
 198         /* Variants and Actions */
 199         /* @noflip */
 200         div.vectorMenu {
 201                 direction: ltr;
 202                 float: left;
 203                 background-image: url(images/arrow-down-icon.png);
 204                 background-position: center center;
 205                 background-repeat: no-repeat;
 206         }
 207         body.rtl div.vectorMenu {
 208                 direction: rtl;
 209         }
 210         /* @noflip */
 211         #head div.vectorMenu h5 {
 212                 float: left;
 213                 background-image: url(images/tab-break.png);
 214                 background-position: bottom left;
 215                 background-repeat: no-repeat;
 216                 padding-left: 1px;
 217                 margin-left: -1px;
 218         }
 219         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 220         div.vectorMenu h5 a {
 221                 display: inline-block;
 222                 width: 24px;
 223                 height: 2.5em;
 224                 text-decoration: none;
 225                 background-image: url(images/tab-break.png);
 226                 background-position: bottom right;
 227                 background-repeat: no-repeat;
 228         }
 229         /* IGNORED BY IE6 */
 230         div.vectorMenu h5 > a {
 231                 display: block;
 232         }
 233         div.vectorMenu div.menu {
 234                 position: relative;
 235                 display: none;
 236                 clear: both;
 237                 text-align: left;
 238         }
 239         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 240         body.rtl div.vectorMenu div.menu {
 241                 margin-right: 24px;
 242         }
 243         /* IGNORED BY IE6 */
 244         body.rtl div.vectorMenu > div.menu {
 245                 margin-right: auto;
 246         }
 247         /* Fixes old versions of FireFox */
 248         body.rtl div.vectorMenu > div.menu,
 249         x:-moz-any-link {
 250                 margin-right: 24px;
 251         }
 252         div.vectorMenu:hover div.menu {
 253                 display: block;
 254         }
 255         div.vectorMenu ul {
 256                 position: absolute;
 257                 background-color: white;
 258                 border: solid 1px silver;
 259                 border-top-width: 0;
 260                 list-style: none;
 261                 list-style-image: none;
 262                 list-style-type: none;
 263                 padding: 0;
 264                 margin: 0;
 265                 margin-left: -1px;
 266                 text-align: left;
 267         }
 268         /* Fixes old versions of FireFox */
 269         div.vectorMenu ul,
 270         x:-moz-any-link {
 271                 min-width: 5em;
 272         }
 273         /* Returns things back to normal in modern versions of FireFox */
 274         div.vectorMenu ul,
 275         x:-moz-any-link,
 276         x:default {
 277                 min-width: 0;
 278         }
 279         div.vectorMenu li {
 280                 padding: 0;
 281                 margin: 0;
 282                 text-align: left;
 283                 line-height: 1em;
 284         }
 285         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 286         div.vectorMenu li a {
 287                 display: inline-block;
 288                 padding: 0.5em;
 289                 white-space: nowrap;
 290         }
 291         /* IGNORED BY IE6 */
 292         div.vectorMenu li > a {
 293                 display: block;
 294         }
 295         div.vectorMenu li a {
 296                 color: #0645ad;
 297                 cursor: pointer;
 298                 font-size: 0.8em;
 299         }
 300         div.vectorMenu li.selected a,
 301         div.vectorMenu li.selected a:visited {
 302                 color: #333333;
 303                 text-decoration: none;
 304         }
 305         /* Search */
 306         #p-search h5 {
 307                 display: none;
 308         }
 309         /* @noflip */
 310         #p-search {
 311                 float: left;
 312         }
 313         #p-search {
 314                 margin-right: 0.5em;
 315                 margin-left: 0.5em;
 316         }
 317         #p-search form,
 318         #p-search input {
 319                 margin: 0;
 320                 margin-top: 0.4em;
 321         }
 322         #simpleSearch {
 323                 margin-top: 0.5em;
 324                 position: relative;
 325                 border: solid 1px #AAAAAA;
 326                 background-color: white;
 327                 background-image: url(images/search-fade.png);
 328                 background-position: top left;
 329                 background-repeat: repeat-x;
 330         }
 331         #simpleSearch label {
 332                 font-size: 0.8em;
 333         }
 334         #simpleSearch input#searchInput {
 335                 margin: 0;
 336                 border-width: 0;
 337                 padding: 0.25em;
 338                 line-height: 1em;
 339                 font-size: 0.8em;
 340                 width: 9em;
 341                 background-color: transparent;
 342         }
 343         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 344         #simpleSearch button#searchButton {
 345                 margin: 0;
 346                 padding: 0;
 347                 width: 1.75em;
 348                 height: 1.5em;
 349                 border: none;
 350                 cursor: pointer;
 351                 background-color: transparent;
 352                 background-image: url(images/search-ltr.png);
 353                 background-position: center center;
 354                 background-repeat: no-repeat;
 355         }
 356         /* IGNORED BY IE6 */
 357         #simpleSearch > button#searchButton {
 358                 height: 100%;
 359         }
 360 /* Panel */
 361 #panel {
 362         position: absolute;
 363         top: 160px;
 364         padding-top: 1em;
 365         width: 10em;
 366         left: 0;
 367 }
 368         #panel div.portal {
 369                 padding-bottom: 1.5em;
 370         }
 371         #panel div.portal h5 {
 372                 font-weight: normal;
 373                 color: #444444;
 374                 padding: 0.25em;
 375                 padding-top: 0;
 376                 padding-left: 1.75em;
 377                 cursor: default;
 378                 border: none;
 379                 font-size: 0.7em;
 380         }
 381         #panel div.portal div.body {
 382                 margin: 0;
 383                 padding-top: 0.5em;
 384                 margin-left: 1.25em;
 385                 background-image: url(images/portal-break-ltr.png);
 386                 background-repeat: no-repeat;
 387                 background-position: top left;
 388         }
 389         #panel div.portal div.body ul {
 390                 list-style: none;
 391                 list-style-image: none;
 392                 list-style-type: none;
 393                 padding: 0;
 394                 margin: 0;
 395         }
 396         #panel div.portal div.body ul li {
 397                 line-height: 1.125em;
 398                 padding: 0;
 399                 padding-bottom: 0.5em;
 400                 margin: 0;
 401                 overflow: hidden;
 402                 font-size: 0.7em;
 403         }
 404         #panel div.portal div.body ul li a {
 405                 color: #0645ad;
 406         }
 407         #panel div.portal div.body ul li a:visited {
 408                 color: #0b0080;
 409         }
 410 /* Footer */
 411 #footer {
 412         margin-left: 10em;
 413         margin-top: 0;
 414         padding: 0.75em;
 415         background-image: url(images/border.png);
 416         background-position: top left;
 417         background-repeat: repeat-x;
 418 }
 419 #footer ul {
 420         list-style: none;
 421         list-style-image: none;
 422         list-style-type: none;
 423         margin: 0;
 424         padding: 0;
 425 }
 426 #footer ul li {
 427         margin: 0;
 428         padding: 0;
 429         padding-top: 0.5em;
 430         padding-bottom: 0.5em;
 431         color: #333333;
 432         font-size: 0.7em;
 433 }
 434 #footer #footer-icons {
 435         float: right;
 436 }
 437 #footer #footer-places {
 438         float: left;
 439 }
 440 #footer #footer-info li {
 441         line-height: 1.4em;
 442 }
 443 #footer #footer-icons li {
 444         float: left;
 445         margin-left: 0.5em;
 446         line-height: 2em;
 447 }
 448 #footer #footer-places li {
 449         float: left;
 450         margin-right: 1em;
 451         line-height: 2em;
 452 }
 453 /* Logo */
 454 #p-logo {
 455         position: absolute;
 456         top: -160px;
 457         left: 0;
 458         width: 10em;
 459         height: 160px;
 460 }
 461 #p-logo a {
 462         display: block;
 463         width: 10em;
 464         height: 160px;
 465         background-repeat: no-repeat;
 466         background-position: center center;
 467         text-decoration: none;
 468 }
 469
 470 /*
 471  *
 472  * The following code is highly modified from monobook. It would be nice if the
 473  * preftoc id was more human readable like preferences-toc for instance,
 474  * howerver this would require backporting the other skins.
 475  */
 476
 477 /* Preferences */
 478 #preftoc {
 479         /* Tabs */
 480         width: 100%;
 481         float: left;
 482         clear: both;
 483         margin: 0 !important;
 484         padding: 0 !important;
 485         background-image: url(images/preferences-break.png);
 486         background-position: bottom left;
 487         background-repeat: no-repeat;
 488 }
 489         #preftoc li {
 490                 /* Tab */
 491                 float: left;
 492                 margin: 0;
 493                 padding: 0;
 494                 padding-right: 1px;
 495                 height: 2.25em;
 496                 white-space: nowrap;
 497                 list-style-type: none;
 498                 list-style-image: none;
 499                 background-image: url(images/preferences-break.png);
 500                 background-position: bottom right;
 501                 background-repeat: no-repeat;
 502         }
 503         /* IGNORED BY IE6 */
 504         #preftoc li:first-child {
 505                 margin-left: 1px;
 506         }
 507         #preftoc a,
 508         #preftoc a:active {
 509                 display: inline-block;
 510                 position: relative;
 511                 color: #0645ad;
 512                 padding: 0.5em;
 513                 text-decoration: none;
 514                 background-image: none;
 515                 font-size: 0.9em;
 516         }
 517         #preftoc a:hover {
 518                 text-decoration: underline;
 519         }
 520         #preftoc li.selected a {
 521                 background-image: url(images/preferences-fade.png);
 522                 background-position: bottom;
 523                 background-repeat: repeat-x;
 524                 color: #333333;
 525                 text-decoration: none;
 526         }
 527 #preferences {
 528         float: left;
 529         width: 100%;
 530         margin: 0;
 531         margin-top: -2px;
 532         clear: both;
 533         border: solid 1px #cccccc;
 534         background-color: #f9f9f9;
 535         background-image: url(images/preferences-base.png);
 536 }
 537 #preferences fieldset.prefsection {
 538         border: none;
 539         padding: 0;
 540         margin: 1em;
 541 }
 542 #preferences fieldset.prefsection fieldset {
 543         border: none;
 544         border-top: solid 1px #cccccc;
 545 }
 546 #preferences legend {
 547         color: #666666;
 548 }
 549 #preferences fieldset.prefsection legend.mainLegend {
 550         display: none;
 551 }
 552 #preferences td {
 553         padding-left: 0.5em;
 554         padding-right: 0.5em;
 555 }
 556 #preferences td.htmlform-tip {
 557         font-size: x-small;
 558         padding: .2em 2em;
 559         color: #666666;
 560 }
 561 #preferences div.mw-prefs-buttons {
 562         padding: 1em;
 563 }
 564 #preferences div.mw-prefs-buttons input {
 565         margin-right: 0.25em;
 566 }
 567
 568 /*
 569  *
 570  * The following code is slightly modified from monobook
 571  *
 572  */
 573 #content {
 574         line-height: 1.5em;
 575 }
 576 #bodyContent {
 577         font-size: 0.8em;
 578 }
 579 /* Links */
 580 a {
 581         text-decoration: none;
 582         color: #0645ad;
 583         background: none;
 584 }
 585 a:visited {
 586         color: #0b0080;
 587 }
 588 a:active {
 589         color: #faa700;
 590 }
 591 a:hover {
 592         text-decoration: underline;
 593 }
 594 a.stub {
 595         color: #772233;
 596 }
 597 a.new, #p-personal a.new {
 598         color: #ba0000;
 599 }
 600 a.new:visited, #p-personal a.new:visited {
 601         color: #a55858;
 602 }
 603
 604 /* Inline Elements */
 605 img {
 606         border: none;
 607         vertical-align: middle;
 608 }
 609 hr {
 610         height: 1px;
 611         color: #aaa;
 612         background-color: #aaa;
 613         border: 0;
 614         margin: .2em 0 .2em 0;
 615 }
 616
 617 /* Structural Elements */
 618 h1,
 619 h2,
 620 h3,
 621 h4,
 622 h5,
 623 h6 {
 624         color: black;
 625         background: none;
 626         font-weight: normal;
 627         margin: 0;
 628         padding-top: .5em;
 629         padding-bottom: .17em;
 630         border-bottom: 1px solid #aaa;
 631         width: auto;
 632 }
 633 h1 { font-size: 188%; }
 634 h1 .editsection { font-size: 53%; }
 635 h2 { font-size: 150%; }
 636 h2 .editsection { font-size: 67%; }
 637 h3,
 638 h4,
 639 h5,
 640 h6 {
 641         border-bottom: none;
 642         font-weight: bold;
 643 }
 644 h3 { font-size: 132%; }
 645 h3 .editsection { font-size: 76%; font-weight: normal; }
 646 h4 { font-size: 116%; }
 647 h4 .editsection { font-size: 86%; font-weight: normal; }
 648 h5 { font-size: 100%; }
 649 h5 .editsection { font-weight: normal; }
 650 h6 { font-size: 80%;  }
 651 h6 .editsection { font-size: 125%; font-weight: normal; }
 652 p {
 653         margin: .4em 0 .5em 0;
 654         line-height: 1.5em;
 655 }
 656         p img {
 657                 margin: 0;
 658         }
 659 abbr,
 660 acronym,
 661 .explain {
 662         border-bottom: 1px dotted black;
 663         color: black;
 664         background: none;
 665         cursor: help;
 666 }
 667 q {
 668         font-family: Times, "Times New Roman", serif;
 669         font-style: italic;
 670 }
 671 /* Disabled for now
 672 blockquote {
 673         font-family: Times, "Times New Roman", serif;
 674         font-style: italic;
 675 }*/
 676 code {
 677         background-color: #f9f9f9;
 678 }
 679 pre {
 680         padding: 1em;
 681         border: 1px dashed #2f6fab;
 682         color: black;
 683         background-color: #f9f9f9;
 684         line-height: 1.1em;
 685 }
 686 ul {
 687         line-height: 1.5em;
 688         list-style-type: square;
 689         margin: .3em 0 0 1.5em;
 690         padding: 0;
 691         list-style-image: url(images/bullet-icon.png);
 692 }
 693 ol {
 694         line-height: 1.5em;
 695         margin: .3em 0 0 3.2em;
 696         padding: 0;
 697         list-style-image: none;
 698 }
 699 li {
 700         margin-bottom: .1em;
 701 }
 702 dt {
 703         font-weight: bold;
 704         margin-bottom: .1em;
 705 }
 706 dl {
 707         margin-top: .2em;
 708         margin-bottom: .5em;
 709 }
 710 dd {
 711         line-height: 1.5em;
 712         margin-left: 2em;
 713         margin-bottom: .1em;
 714 }
 715 /* Tables */
 716 table {
 717         font-size: 100%;
 718         color: black;
 719         /* we don't want the bottom borders of <h2>s to be visible through
 720          * floated tables */
 721         background-color: white;
 722 }
 723 fieldset table {
 724         /* but keep table layouts in forms clean... */
 725         background: none;
 726 }
 727 /* Forms */
 728 fieldset {
 729         border: 1px solid #2f6fab;
 730         margin: 1em 0 1em 0;
 731         padding: 0 1em 1em;
 732         line-height: 1.5em;
 733 }
 734         fieldset.nested {
 735                 margin: 0 0 0.5em 0;
 736                 padding: 0 0.5em 0.5em;
 737         }
 738 legend {
 739         padding: .5em;
 740         font-size: 95%;
 741 }
 742 form {
 743         border: none;
 744         margin: 0;
 745 }
 746 textarea {
 747         width: 100%;
 748         padding: .1em;
 749 }
 750 select {
 751         vertical-align: top;
 752 }
 753 /* Table of Contents */
 754 #toc,
 755 .toc,
 756 .mw-warning {
 757         border: 1px solid #aaa;
 758         background-color: #f9f9f9;
 759         padding: 5px;
 760         font-size: 95%;
 761 }
 762 #toc h2,
 763 .toc h2 {
 764         display: inline;
 765         border: none;
 766         padding: 0;
 767         font-size: 100%;
 768         font-weight: bold;
 769 }
 770 #toc #toctitle,
 771 .toc #toctitle,
 772 #toc .toctitle,
 773 .toc .toctitle {
 774         text-align: center;
 775 }
 776 #toc ul,
 777 .toc ul {
 778         list-style-type: none;
 779         list-style-image: none;
 780         margin-left: 0;
 781         padding-left: 0;
 782         text-align: left;
 783 }
 784 #toc ul ul,
 785 .toc ul ul {
 786         margin: 0 0 0 2em;
 787 }
 788 #toc .toctoggle,
 789 .toc .toctoggle {
 790         font-size: 94%;
 791 }
 792 /* Images */
 793 div.floatright, table.floatright {
 794         clear: right;
 795         float: right;
 796         position: relative;
 797         margin: 0 0 .5em .5em;
 798         border: 0;
 799 }
 800 div.floatright p { font-style: italic; }
 801 div.floatleft, table.floatleft {
 802         float: left;
 803         clear: left;
 804         position: relative;
 805         margin: 0 .5em .5em 0;
 806         border: 0;
 807 }
 808 div.floatleft p { font-style: italic; }
 809 /* Thumbnails */
 810 div.thumb {
 811         margin-bottom: .5em;
 812         border-style: solid;
 813         border-color: white;
 814         width: auto;
 815         background-color: transparent;
 816 }
 817 div.thumbinner {
 818         border: 1px solid #ccc;
 819         padding: 3px !important;
 820         background-color: #f9f9f9;
 821         font-size: 94%;
 822         text-align: center;
 823         overflow: hidden;
 824 }
 825 html .thumbimage {
 826         border: 1px solid #ccc;
 827 }
 828 html .thumbcaption {
 829         border: none;
 830         text-align: left;
 831         line-height: 1.4em;
 832         padding: 3px !important;
 833         font-size: 94%;
 834 }
 835 div.magnify {
 836         float: right;
 837         border: none !important;
 838         background: none !important;
 839 }
 840 div.magnify a, div.magnify img {
 841         display: block;
 842         border: none !important;
 843         background: none !important;
 844 }
 845 div.tright {
 846         clear: right;
 847         float: right;
 848         border-width: .5em 0 .8em 1.4em;
 849 }
 850 div.tleft {
 851         float: left;
 852         clear: left;
 853         margin-right: .5em;
 854         border-width: .5em 1.4em .8em 0;
 855 }
 856 img.thumbborder {
 857         border: 1px solid #dddddd;
 858 }
 859 .hiddenStructure {
 860         display: none;
 861 }
 862 /* Warning */
 863 .mw-warning {
 864         margin-left: 50px;
 865         margin-right: 50px;
 866         text-align: center;
 867 }
 868 /* User Message */
 869 .usermessage {
 870         background-color: #ffce7b;
 871         border: 1px solid #ffa500;
 872         color: black;
 873         font-weight: bold;
 874         margin: 2em 0 1em;
 875         padding: .5em 1em;
 876         vertical-align: middle;
 877 }
 878 /* Site Notice */
 879 #siteNotice {
 880         text-align: center;
 881         font-size: 0.8em;
 882         margin: 0;
 883 }
 884         #siteNotice div,
 885         #siteNotice p {
 886                 margin: 0;
 887                 padding: 0;
 888                 margin-bottom: 0.9em;
 889         }
 890 /* Categories */
 891 .catlinks {
 892         border: 1px solid #aaa;
 893         background-color: #f9f9f9;
 894         padding: 5px;
 895         margin-top: 1em;
 896         clear: both;
 897 }
 898 /* Sub-navigation */
 899 #siteSub {
 900         display: none;
 901 }
 902 #jump-to-nav {
 903         display: none;
 904 }
 905 #contentSub, #contentSub2 {
 906         font-size: 84%;
 907         line-height: 1.2em;
 908         margin: 0 0 1.4em 1em;
 909         color: #7d7d7d;
 910         width: auto;
 911 }
 912 span.subpages {
 913         display: block;
 914 }
 915 /* Emulate Center */
 916 .center {
 917         width: 100%;
 918         text-align: center;
 919 }
 920 *.center * {
 921         margin-left: auto;
 922         margin-right: auto;
 923 }
 924 /* Small for tables and similar */
 925 .small, .small * {
 926         font-size: 94%;
 927 }
 928 table.small {
 929         font-size: 100%;
 930 }
 931 /* Edge Cases for Content */
 932 h1, h2 {
 933         margin-bottom: .6em;
 934 }
 935 h3, h4, h5 {
 936         margin-bottom: .3em;
 937 }
 938 #firstHeading {
 939         padding-top: 0;
 940         margin-top: 0;
 941         padding-top: 0;
 942         margin-bottom: 0.1em;
 943         line-height: 1.2em;
 944         font-size: 1.6em;
 945         padding-bottom: 0;
 946 }
 947 #content a.external,
 948 #content a[href ^="gopher://"] {
 949         background: url(images/external-link-ltr-icon.png) center right no-repeat;
 950         padding: 0 13px 0 0;
 951 }
 952 #content a[href ^="https://"],
 953 .link-https {
 954         background: url(images/lock-icon.png) center right no-repeat;
 955         padding: 0 18px 0 0;
 956 }
 957 #content a[href ^="mailto:"],
 958 .link-mailto {
 959         background: url(images/mail-icon.png) center right no-repeat;
 960         padding: 0 18px 0 0;
 961 }
 962 #content a[href ^="news://"] {
 963         background: url(images/news-icon.png) center right no-repeat;
 964         padding: 0 18px 0 0;
 965 }
 966 #content a[href ^="ftp://"],
 967 .link-ftp {
 968         background: url(images/file-icon.png) center right no-repeat;
 969         padding: 0 18px 0 0;
 970 }
 971 #content a[href ^="irc://"],
 972 #content a.extiw[href ^="irc://"],
 973 .link-irc {
 974         background: url(images/talk-icon.png) center right no-repeat;
 975         padding: 0 18px 0 0;
 976 }
 977 #content a.external[href $=".ogg"], #content a.external[href $=".OGG"],
 978 #content a.external[href $=".mid"], #content a.external[href $=".MID"],
 979 #content a.external[href $=".midi"], #content a.external[href $=".MIDI"],
 980 #content a.external[href $=".mp3"], #content a.external[href $=".MP3"],
 981 #content a.external[href $=".wav"], #content a.external[href $=".WAV"],
 982 #content a.external[href $=".wma"], #content a.external[href $=".WMA"],
 983 .link-audio {
 984         background: url("images/audio-icon.png") center right no-repeat;
 985         padding: 0 18px 0 0;
 986 }
 987 #content a.external[href $=".ogm"], #content a.external[href $=".OGM"],
 988 #content a.external[href $=".avi"], #content a.external[href $=".AVI"],
 989 #content a.external[href $=".mpeg"], #content a.external[href $=".MPEG"],
 990 #content a.external[href $=".mpg"], #content a.external[href $=".MPG"],
 991 .link-video {
 992         background: url("images/video-icon.png") center right no-repeat;
 993         padding: 0 18px 0 0;
 994 }
 995 #content a.external[href $=".pdf"], #content a.external[href $=".PDF"],
 996 #content a.external[href *=".pdf#"], #content a.external[href *=".PDF#"],
 997 #content a.external[href *=".pdf?"], #content a.external[href *=".PDF?"],
 998 .link-document {
 999         background: url("images/document-icon.png") center right no-repeat;
1000         padding: 0 18px 0 0;
1001 }
1002 /* Interwiki Styling  (Disabled) */
1003 #content a.extiw,
1004 #content a.extiw:active {
1005         color: #36b;
1006         background: none;
1007         padding: 0;
1008 }
1009 #content a.external {
1010         color: #36b;
1011 }
1012 #content .printfooter {
1013         display: none;
1014 }
1015 /* Icon for Usernames */
1016 #pt-userpage,
1017 #pt-anonuserpage,
1018 #pt-login {
1019         background: url(images/user-icon.png) left top no-repeat;
1020         padding-left: 15px !important;
1021         text-transform: none;
1022 }
1023
1024 .toccolours {
1025         border: 1px solid #aaa;
1026         background-color: #f9f9f9;
1027         padding: 5px;
1028         font-size: 95%;
1029 }
1030 #bodyContent {
1031         position: relative;
1032         width: 100%;
1033 }