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