skins/vector/main.css

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