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