skins/modern/main.css

   1 body {
   2         margin: 0 0 0 0;
   3         padding: 0 0 0 0;
   4         font-size: x-small;
   5
   6
   7         font-family: sans-serif;
   8         color: black;
   9         background-color: #f0f0f0;
  10
  11         direction: ltr;
  12         unicode-bidi: embed;
  13 }
  14
  15 #mw_main,
  16 #p-personal,
  17 #mw_header,
  18 .os-suggest {
  19         font-size: 130%;
  20 }
  21
  22 #mw_header {
  23         position: absolute;
  24         top: 0;
  25         left: 0;
  26         margin: 0 0 0 0;
  27         padding: 0 0em 0 0em;
  28         border: none;
  29         height: 2em;
  30         width: 100%;
  31
  32         background-color: #003366;
  33         color: white;
  34 }
  35
  36 #mw_header h1 {
  37         margin: 0 0 0 0.5em;
  38         padding: 0 0 0 0;
  39         text-decoration: none;
  40         font-size: 150%;
  41 }
  42
  43 #p-personal {
  44         position: absolute;
  45         top: 2em;
  46         left: 0;
  47         height: 1.5em;
  48         margin: 0 0 0 0;
  49         padding: 0 0 0 0;
  50         width: 100%;
  51
  52 }
  53
  54 #p-personal div.pBody {
  55         margin: 0 0 0 0;
  56         padding: 0 0 0 0;
  57         height: 1.5em;
  58         font-variant: small-caps;
  59 }
  60
  61 #p-personal h5 {
  62         display: none;
  63 }
  64
  65 #p-personal ul {
  66         margin: 0 0 0 0;
  67         padding: 0 0 0 0;
  68         display: block;
  69         height: 1.5em;
  70         background-color: #3c78b5;
  71 }
  72
  73 #p-personal li {
  74         display: block;
  75         float: left;
  76         height: 1.5em;
  77         margin: 0 0 0 0;
  78         vertical-align: middle;
  79
  80         font-weight: bold;
  81         text-transform: lowercase;
  82 }
  83
  84 #p-personal li a {
  85         text-decoration: none;
  86         color: white;
  87         padding: 0 1em 0 1em;
  88 }
  89
  90 #p-personal li a:hover {
  91         text-decoration: none;
  92         color: white;
  93 }
  94
  95 #p-personal li:hover {
  96         background-color: #003366;
  97 }
  98
  99 #jump-to-nav {
 100         display: none;
 101 }
 102
 103 #mw_contentwrapper {
 104         width: 100%;
 105         margin: 0 0 0 -15em;
 106         float: right;
 107 }
 108
 109 #mw_content {
 110         margin: 0 0 0 14em;
 111
 112         background-color: white;
 113         border-top: solid 1px #bbbbbb;
 114         border-left: solid 1px #bbbbbb;
 115         border-bottom: solid 1px #bbbbbb;
 116
 117         line-height: 1.5em;
 118         padding: 0 1em 1em 1em;
 119 }
 120
 121 #mw_portlets {
 122         width: 14em;
 123
 124         border-right: solid 1px #bbbbbb;
 125         background-color: #f0f0f0;
 126 }
 127
 128 #mw_main {
 129         padding: 0 0 0 0;
 130         margin: 0 0 0 0;
 131         margin-top: 3.5em;
 132 }
 133
 134 div.mw_clear {
 135         margin: 0 0 0 0;
 136         padding: 0 0 0 0;
 137         clear: both;
 138 }
 139
 140 .portlet {
 141         padding: 0 0 0 0;
 142         margin: 0 0 0 0;
 143 }
 144
 145 .portlet div.pBody {
 146         padding: 0em 0 0.5em 0;
 147 }
 148
 149 textarea {
 150         width: 100%;
 151         padding: .1em;
 152 }
 153 #editform textarea {
 154         -moz-box-sizing: border-box;
 155         -webkit-box-sizing: border-box;
 156         box-sizing: border-box;
 157 }
 158
 159 #searchBody {
 160         text-align: center;
 161 }
 162
 163 #searchInput {
 164         width: 85%;
 165         margin-left: auto;
 166         margin-right: auto;
 167 }
 168
 169 #p-search #searchform div div {
 170         margin-top: .4em;
 171 }
 172
 173 .portlet h5 {
 174         padding: 0.1em 0 0.3em 1em;
 175         margin: 0 0 0 0;
 176         background-color: #dddddd;
 177         font-weight: bold;
 178         border-bottom: solid 1px #3c78b5;
 179         height: 1.1em;
 180 }
 181
 182 .portlet ul {
 183         margin: 0 0 0 1.5em;
 184         padding: 0 0 0 0;
 185 }
 186
 187 #mw_portlets .portlet ul {
 188         line-height: 1.4em;
 189 }
 190
 191 ul {
 192         /* @embed */
 193         list-style-image: url(bullet.gif);
 194 }
 195
 196 #p-cactions {
 197         height: 1.5em;
 198         padding: 0 0 0 0;
 199         margin: 0 0 0 14em;
 200 }
 201
 202 #p-cactions div.pBody {
 203         margin: 0 0 0 0;
 204         padding: 0 0 0 0;
 205 }
 206
 207 #p-cactions a,
 208 #p-cactions a:hover {
 209         color: black;
 210         text-decoration: none;
 211 }
 212
 213 #p-cactions ul {
 214         display: inline;
 215         margin: 0 0 0 0;
 216         padding: 0 0 0 0;
 217 }
 218
 219 #p-cactions li {
 220         margin: 0 0.5em 0 0.5em;
 221         padding: 0 0.2em 0 0.2em;
 222         display: block;
 223         float: left;
 224         height: 1.5em;
 225         text-transform: lowercase;
 226 }
 227
 228 #p-cactions li.selected {
 229         background-color: #bbbbbb;
 230 }
 231
 232 #p-cactions li a,
 233 #p-cactions li a:hover,
 234 #p-cactions li a:visited {
 235         text-decoration: underline;
 236         color: #003366;
 237 }
 238
 239 #p-cactions li.selected a,
 240 #p-cactions li.selected a:hover,
 241 #p-cactions li.selected a:visited {
 242         text-decoration: none;
 243         color: white;
 244 }
 245
 246 #p-cactions h5 {
 247         display: none;
 248 }
 249
 250 #siteSub {
 251         display: none;
 252 }
 253
 254 #footer {
 255         background-color: #f0f0f0;
 256         /* @embed */
 257         background: url(footer-grad.png) repeat-x 0 0;
 258         padding: 10px 1em 1em 1em;
 259         clear:both;
 260         color: #444444;
 261 }
 262
 263 #footer a,
 264 #footer a:hover,
 265 #footer a:visited {
 266         color: #444444;
 267         text-decoration: underline;
 268 }
 269
 270 img {
 271         border: none;
 272 }
 273
 274 #footer li {
 275         display: inline;
 276         list-style-type: none;
 277         padding: 0 0 0 0;
 278         margin: 0 0 0 0;
 279 }
 280
 281 #footer ul {
 282         padding: 0 0 0 0;
 283         margin: 0 0 0 0;
 284 }
 285
 286 p {
 287         margin: 1em 0 1em 0;
 288 }
 289
 290 hr {
 291         height: 1px;
 292         color: #aaa;
 293         background-color: #aaa;
 294         border: 0;
 295         margin: .2em 0 .2em 0;
 296 }
 297
 298 #contentSub {
 299         color: #888;
 300         font-size: small;
 301         padding-left: 2em;
 302 }
 303
 304 #mw_portlets form {
 305         margin: 0 0 0 0;
 306         padding: 0 0 0 0;
 307 }
 308
 309 a {
 310         text-decoration: none;
 311         color: #003366;
 312         background: none;
 313 }
 314 a:visited {
 315         color: #5a3696;
 316 }
 317 a:active {
 318         color: #faa700;
 319 }
 320 a:hover {
 321         text-decoration: underline;
 322 }
 323 a.stub {
 324         color: #772233;
 325 }
 326 a.new {
 327         color: #ba0000;
 328 }
 329 a.new:visited {
 330         color: #a55858;
 331 }
 332
 333 span.editsection {
 334         font-size: small;
 335 }
 336
 337 h1, h2 {
 338         border-bottom: solid 1px #003366;
 339 }
 340
 341 h1, h2, h3, h4, h5, h6 {
 342         overflow: hidden;
 343 }
 344
 345 #preftoc {
 346         width: 100%;
 347         margin: 0 0 0 0;
 348         padding: 0 0 0 0;
 349         height: 1.5em;
 350         clear: right;
 351 }
 352
 353 #preftoc li {
 354         margin: 0 0.5em 0 0.5em;
 355         padding: 0 0.2em 0 0.2em;
 356         display: block;
 357         float: left;
 358         height: 1.5em;
 359         text-transform: lowercase;
 360 }
 361
 362 #preferences {
 363         margin: 0 0 0 0;
 364         padding: 0em 1em 1em 1em;
 365         border: solid 1px #bbbbbb;
 366         clear: left; /* Multi-line toc should not push data to horizontally */
 367 }
 368
 369 #preferences fieldset {
 370         margin-top: 0;
 371         border: none;
 372 }
 373
 374 .mainLegend {
 375         display: none;
 376 }
 377
 378 .htmlform-tip {
 379         font-size: x-small;
 380         padding: .2em 2em;
 381         color: #666;
 382 }
 383
 384 .prefsection legend {
 385         font-weight: bold;
 386 }
 387
 388 #preftoc li.selected {
 389         background-color: #bbbbbb;
 390 }
 391
 392 #preftoc li a,
 393 #preftoc li a:hover,
 394 #preftoc li a:visited {
 395         text-decoration: underline;
 396         color: #003366;
 397 }
 398
 399 #preftoc li.selected a,
 400 #preftoc li.selected a:hover,
 401 #preftoc li.selected a:visited {
 402         text-decoration: none;
 403         color: white;
 404 }
 405
 406 #mw-pref-clear {
 407         clear: both;
 408 }
 409
 410 #mw_content a.external,
 411 #mw_content a.external[href ^="gopher://"] {
 412         /* @embed */
 413         background: url(external.png) center right no-repeat;
 414         padding-right: 13px;
 415 }
 416 #mw_content a.external[href ^="https://"],
 417 .link-https {
 418         /* @embed */
 419         background: url(lock_icon.gif) center right no-repeat;
 420         padding-right: 16px;
 421 }
 422 #mw_content a.external[href ^="mailto:"],
 423 .link-mailto {
 424         /* @embed */
 425         background: url(mail_icon.gif) center right no-repeat;
 426         padding-right: 18px;
 427 }
 428 #mw_content a.external[href ^="news:"] {
 429         /* @embed */
 430         background: url(news_icon.png) center right no-repeat;
 431         padding-right: 18px;
 432 }
 433 #mw_content a.external[href ^="ftp://"],
 434 .link-ftp {
 435         /* @embed */
 436         background: url(file_icon.gif) center right no-repeat;
 437         padding-right: 18px;
 438 }
 439 #mw_content a.external[href ^="irc://"],
 440 #mw_content a.external[href ^="ircs://"],
 441 .link-irc {
 442         /* @embed */
 443         background: url(discussionitem_icon.gif) center right no-repeat;
 444         padding-right: 18px;
 445 }
 446
 447 #mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
 448 #mw_content a.external[href $=".mid"], #mw_content a.external[href $=".MID"],
 449 #mw_content a.external[href $=".midi"], #mw_content a.external[href $=".MIDI"],
 450 #mw_content a.external[href $=".mp3"], #mw_content a.external[href $=".MP3"],
 451 #mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
 452 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
 453 .link-audio {
 454         /* @embed */
 455         background: url(audio.png) center right no-repeat;
 456         padding-right: 13px;
 457 }
 458 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
 459 #mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
 460 #mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
 461 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
 462 .link-video {
 463         /* @embed */
 464         background: url(video.png) center right no-repeat;
 465         padding-right: 13px;
 466 }
 467 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
 468 #mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"],
 469 #mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
 470 .link-document {
 471         /* @embed */
 472         background: url(document.png) center right no-repeat;
 473         padding-right: 12px;
 474 }
 475
 476 /* images */
 477 /* @noflip */div.floatright, table.floatright {
 478         margin: 0 0 .5em .5em;
 479         border: 0;
 480 }
 481 div.floatright p {
 482         font-style: italic;
 483 }
 484 /* @noflip */div.floatleft, table.floatleft {
 485         margin: 0 .5em .5em 0;
 486         border: 0;
 487 }
 488 div.floatleft p {
 489         font-style: italic;
 490 }
 491
 492 /* thumbnails */
 493 div.thumb {
 494         margin-bottom: .5em;
 495         width: auto;
 496 }
 497 div.thumbinner {
 498         border: 1px solid #ccc;
 499         padding: 3px !important;
 500         background-color: #f9f9f9;
 501         font-size: 94%;
 502         text-align: center;
 503         overflow: hidden;
 504 }
 505 html .thumbimage {
 506         border: 1px solid #ccc;
 507 }
 508 html .thumbcaption {
 509         border: none;
 510         text-align: left;
 511         line-height: 1.4em;
 512         padding: 3px !important;
 513         font-size: 94%;
 514 }
 515 div.magnify {
 516         float: right;
 517         border: none !important;
 518         background: none !important;
 519 }
 520 div.magnify a, div.magnify img {
 521         display: block;
 522         border: none !important;
 523         background: none !important;
 524 }
 525 /* @noflip */div.tright {
 526         margin: .5em 0 .8em 1.4em;
 527 }
 528 /* @noflip */div.tleft {
 529         margin: .5em 1.4em .8em 0;
 530 }
 531 img.thumbborder {
 532         border: 1px solid #dddddd;
 533 }
 534 .mw-warning {
 535         border: 1px solid #aaa;
 536         background-color: #f9f9f9;
 537         padding: 5px;
 538         font-size: 95%;
 539 }
 540
 541 #toc,
 542 .toc {
 543         margin: 0 0 0 0;
 544         padding: 0 0 0 0;
 545         border-spacing: 0;
 546         background-color: #f0f0f0;
 547         border: solid 1px #bbbbbb;
 548 }
 549
 550 #toc tr, #toc td {
 551         margin: 0 0 0 0;
 552         padding: 0 0 0 0;
 553 }
 554
 555 #toctitle {
 556         border-bottom: solid 1px #3c78b5;
 557         background-color: #dddddd;
 558         margin: 0 0 0 0;
 559 }
 560
 561 #toc h2,
 562 .toc h2 {
 563         display: inline;
 564         border: none;
 565         padding: 0;
 566         font-size: 100%;
 567         font-weight: bold;
 568 }
 569 #toc #toctitle,
 570 .toc #toctitle,
 571 #toc .toctitle,
 572 .toc .toctitle {
 573         text-align: center;
 574 }
 575
 576 #toc ul,
 577 .toc ul {
 578         list-style-type: none;
 579         list-style-image: none;
 580         margin: 0 1em 0 1em;
 581         padding: 0;
 582         text-align: left;
 583 }
 584
 585 #toc ul ul,
 586 .toc ul ul {
 587         margin: 0 0 0 2em;
 588 }
 589
 590 #toc .toctoggle,
 591 .toc .toctoggle {
 592         font-size: 94%;
 593 }
 594
 595 .mw-warning {
 596         margin-left: 50px;
 597         margin-right: 50px;
 598         text-align: center;
 599 }
 600
 601 .catlinks {
 602         border: solid 1px #bbbbbb;
 603         background-color: #f0f0f0;
 604         padding: 0.1em 0.3em 0.1em 0.3em;
 605         margin: 0 0 0 0;
 606 }
 607
 608 #mw_header h1,
 609 #p-personal,
 610 #p-cactions {
 611         overflow: hidden;
 612 }
 613
 614 /* disable interwiki styling */
 615 #mw_content a.extiw,
 616 #mw_content a.extiw:active {
 617         color: #36b;
 618 }
 619 #mw_content a.external {
 620         color: #36b;
 621 }
 622
 623
 624 .redirectText {
 625         font-size: 150%;
 626         margin: 5px;
 627 }
 628
 629 .printfooter {
 630         display: none;
 631 }
 632
 633 .sharedUploadNotice {
 634         font-style: italic;
 635 }
 636
 637 span.updatedmarker {
 638         color: black;
 639         background-color: #0f0;
 640 }
 641
 642 .previewnote {
 643         text-indent: 3em;
 644         color: #c00;
 645         border-bottom: 1px solid #aaa;
 646         padding-bottom: 1em;
 647         margin-bottom: 1em;
 648 }
 649
 650 .previewnote p {
 651         margin: 0;
 652         padding: 0;
 653 }
 654
 655 .editExternally {
 656         border: 1px solid gray;
 657         background-color: #ffffff;
 658         padding: 3px;
 659         margin-top: 0.5em;
 660         float: left;
 661         font-size: small;
 662         text-align: center;
 663 }
 664 .editExternallyHelp {
 665         font-style: italic;
 666         color: gray;
 667 }
 668
 669 .toggle {
 670         margin-left: 2em;
 671         text-indent: -2em;
 672 }
 673
 674 table.collapsed tr.collapsable {
 675         display: none;
 676 }
 677
 678 input#wpSummary {
 679         width: 80%;
 680 }
 681
 682 /* @bug 1714 */
 683 input#wpSave, input#wpDiff {
 684         margin-right: 0.33em;
 685 }
 686
 687 #wpSave {
 688         font-weight: bold;
 689 }
 690
 691 /* noarticletext */
 692 div.noarticletext {
 693         border: 1px solid #ccc;
 694         background: #fff;
 695         padding: .2em 1em;
 696         color: #000;
 697 }
 698
 699 div#searchTargetContainer {
 700         left: 10px;
 701         top: 10px;
 702         width: 90%;
 703         background: white;
 704 }
 705
 706 div#searchTarget {
 707         padding: 3px;
 708         margin: 5px;
 709         background: #F0F0F0;
 710         border: solid 1px blue;
 711 }
 712
 713 div#searchTarget ul li {
 714         list-style: none;
 715 }
 716
 717 div#searchTarget ul li:before {
 718         color: orange;
 719         content: "\00BB \0020";
 720 }
 721
 722 div#searchTargetHide {
 723         float: right;
 724         border: solid 1px black;
 725         background: #DCDCDC;
 726         padding: 2px;
 727 }
 728
 729 div.multipageimagenavbox {
 730         border: solid 1px silver;
 731         padding: 4px;
 732         margin: 1em;
 733         background: #f0f0f0;
 734 }
 735
 736 div.multipageimagenavbox div.thumb {
 737         border: none;
 738         margin-left: 2em;
 739         margin-right: 2em;
 740 }
 741
 742 div.multipageimagenavbox hr {
 743         margin: 6px;
 744 }
 745
 746 table.multipageimage td {
 747         text-align: center;
 748 }
 749
 750 .templatesUsed {
 751         margin-top: 1.5em;
 752 }
 753
 754 .mw-summary-preview {
 755         margin: 0.1em 0;
 756 }
 757
 758 /* Friendlier slave lag warnings */
 759 div.mw-lag-warn-normal,
 760 div.mw-lag-warn-high {
 761         padding: 3px;
 762         text-align: center;
 763         margin: 3px auto;
 764 }
 765 div.mw-lag-warn-normal {
 766         border: 1px solid #FFCC66;
 767         background-color: #FFFFCC;
 768 }
 769 div.mw-lag-warn-high {
 770         font-weight: bold;
 771         border: 2px solid #FF0033;
 772         background-color: #FFCCCC;
 773 }
 774
 775 .MediaTransformError {
 776         background-color: #ccc;
 777         padding: 0.1em;
 778 }
 779 .MediaTransformError td {
 780         text-align: center;
 781         vertical-align: middle;
 782         font-size: 90%;
 783 }
 784 ul {
 785         line-height: 1.5em;
 786         list-style-type: square;
 787         margin: .3em 0 0 1.5em;
 788         padding: 0;
 789         /* @embed */
 790         list-style-image: url(bullet.gif);
 791 }
 792 ol {
 793         line-height: 1.5em;
 794         margin: .3em 0 0 3.2em;
 795         padding: 0;
 796         list-style-image: none;
 797 }
 798 li {
 799         margin-bottom: .1em;
 800 }
 801 dt {
 802         font-weight: bold;
 803         margin-bottom: .1em;
 804 }
 805 dl {
 806         margin-top: .2em;
 807         margin-bottom: .5em;
 808 }
 809
 810 #p-cactions li.new a {
 811         color: #cc2200;
 812 }
 813
 814 span.subpages {
 815         font-size: 80%;
 816         display: block;
 817 }
 818
 819 pre, .mw-code {
 820         border: solid 1px #3c78b5;
 821         padding: 0.4em;
 822         background-color: #f0f0f0;
 823 }
 824
 825 .usermessage {
 826         background-color: #dadaff;
 827 }
 828
 829 .mw-topboxes {
 830         border-collapse: collapse;
 831         margin: 0 -1em 1em -1em;
 832         padding: 0 0 8px 0;
 833         /* @embed */
 834         background: url(footer-grad.png) repeat-x bottom left;
 835 }
 836
 837 .mw-topbox p {
 838         padding: 0 0 0 0;
 839         margin: 0 0 0 0;
 840 }
 841
 842 .mw-topbox {
 843         color: black;
 844         font-weight: bold;
 845         margin: 0 0 0 0;
 846         padding: 0 1em 0 1em;
 847         vertical-align: middle;
 848         border-collapse: collapse;
 849         border-bottom: solid 1px #bbbbbb;
 850 }
 851
 852 #siteSub {
 853         background-color: #dddddd;
 854 }
 855
 856 /* emulate center */
 857 .center {
 858         width: 100%;
 859         text-align: center;
 860 }
 861 *.center * {
 862         margin-left: auto;
 863         margin-right: auto;
 864 }
 865
 866 /* table standards */
 867 .toccolours {
 868         border: 1px solid #bbbbbb;
 869         background-color: #f0f0f0;
 870         border-spacing: 0pt;
 871         margin: 0pt;
 872         padding: 0pt;
 873 }
 874
 875 /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
 876 .tipsy {
 877         font-size: 130%;
 878 }
 879
 880 /**
 881  * Lists:
 882  * The following lines don't have a visible effect on non-Gecko browsers
 883  * They fix a problem ith Gecko browsers rendering lists to the right of
 884  * left-floated objects in an RTL layout.
 885  */
 886 /* @noflip */
 887 html > body.rtl div#mw_contentholder ul {
 888         display: table;
 889 }
 890
 891 /* @noflip */
 892 html > body.rtl div#mw_contentholder ul#filetoc {
 893         display: block;
 894 }