skins/common/shared.css

   1 /**
   2  * CSS in this file is used by *all* skins (that have any CSS at all).  Be
   3  * careful what you put in here, since what looks good in one skin may not in
   4  * another, but don't ignore the poor non-Monobook users either.
   5  */
   6
   7 /* Colored watchlist and recent changes numbers */
   8 .mw-plusminus-pos { color: #006400; } /* dark green */
   9 .mw-plusminus-neg { color: #8b0000; } /* dark red */
  10 .mw-plusminus-null { color: #aaa; } /* gray */
  11
  12 /* Comment and username portions of RC entries */
  13 span.comment {
  14         font-style: italic;
  15 }
  16
  17 span.changedby {
  18         font-size: 95%;
  19 }
  20
  21 /* Math */
  22 .texvc { direction: ltr; unicode-bidi: embed; }
  23 img.tex { vertical-align: middle; }
  24 span.texhtml { font-family: serif; }
  25
  26 /* add a bit of margin space between the preview and the toolbar */
  27 /* this replaces the ugly <p><br /></p> we used to insert into the page source */
  28 #wikiPreview.ontop { margin-bottom: 1em; }
  29
  30 /* Stop floats from intruding into edit area in previews */
  31 #editform, #toolbar, #wpTextbox1 { clear: both; }
  32
  33 div#mw-js-message {
  34         margin: 1em 5%;
  35         padding: 0.5em 2.5%;
  36         border: solid 1px #ddd;
  37         background-color: #fcfcfc;
  38 }
  39
  40 /* Edit section links */
  41 .editsection {
  42         float: right;
  43         margin-left: 5px;
  44 }
  45
  46 /**
  47  * File histories
  48  */
  49 h2#filehistory {
  50         clear: both;
  51 }
  52
  53 table.filehistory th,
  54 table.filehistory td {
  55         vertical-align:top;
  56 }
  57 table.filehistory th {
  58         text-align: left;
  59 }
  60 table.filehistory td.mw-imagepage-filesize,
  61 table.filehistory th.mw-imagepage-filesize {
  62         white-space:nowrap;
  63 }
  64
  65 table.filehistory td.filehistory-selected {
  66         font-weight: bold;
  67 }
  68
  69 /*
  70  * rev_deleted stuff
  71  */
  72 li span.deleted, span.history-deleted {
  73         text-decoration: line-through;
  74         color: #888;
  75         font-style: italic;
  76 }
  77
  78 /**
  79  * Patrol stuff
  80  */
  81 .not-patrolled {
  82         background-color: #ffa;
  83 }
  84
  85 .unpatrolled {
  86         font-weight: bold;
  87         color: red;
  88 }
  89
  90 div.patrollink {
  91         font-size: 75%;
  92         text-align: right;
  93 }
  94
  95 /**
  96  * Forms
  97  */
  98 body.ltr td.mw-label { text-align: right; }
  99 body.ltr td.mw-input { text-align: left; }
 100 body.ltr td.mw-submit { text-align: left; }
 101 body.rtl td.mw-label { text-align: left; }
 102 body.rtl td.mw-input { text-align: right; }
 103 body.rtl td.mw-submit { text-align: right; }
 104
 105 td.mw-label { vertical-align: top; }
 106 .prefsection td.mw-label { width: 20%; }
 107 .prefsection table { width: 100%; }
 108 td.mw-submit { white-space: nowrap; }
 109
 110 table.mw-htmlform-nolabel td.mw-label { width: 0 !important; }
 111
 112 input#wpSummary {
 113         width: 80%;
 114 }
 115
 116 /**
 117  * Image captions
 118  */
 119 body.rtl .thumbcaption { text-align:right; }
 120 body.rtl .magnify { float:left; }
 121
 122 body.ltr .thumbcaption { text-align:left; }
 123 body.ltr .magnify { float:right; }
 124
 125 /**
 126  * Hidden categories
 127  */
 128 .mw-hidden-cats-hidden { display: none; }
 129 .catlinks-allhidden { display: none; }
 130
 131 /* Convenience links to edit block, delete and protect reasons */
 132 p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
 133 p.mw-filedelete-editreasons, p.mw-delete-editreasons,
 134 p.mw-revdel-editreasons {
 135         font-size: 90%;
 136         float: right;
 137 }
 138
 139 /* Search results */
 140 .searchresults {
 141 }
 142
 143 .searchresults p {
 144         margin-left: 0.4em;
 145         margin-top: 1em;
 146         margin-bottom: 1.2em;
 147 }
 148
 149 div.searchresult {
 150         font-size: 95%;
 151         width:38em;
 152 }
 153
 154 .mw-search-results {
 155         margin-left: 0.4em;
 156 }
 157
 158 .mw-search-results li {
 159         padding-bottom: 1em;
 160         list-style:none;
 161         list-style-image:none;
 162 }
 163 .mw-search-results li a {
 164         font-size: 108%;
 165 }
 166
 167 .mw-search-result-data {
 168         color: green;
 169         font-size: 97%;
 170 }
 171
 172 .mw-search-formheader {
 173         background-color: #f3f3f3;
 174         margin-top: 1em;
 175         border: 1px solid silver;
 176 }
 177 .mw-search-formheader div.search-types {
 178         float:left;
 179         padding-left: 0.25em;
 180 }
 181 .rtl .mw-search-formheader div.search-types {
 182         float: right;
 183 }
 184 .mw-search-formheader div.search-types ul {
 185         margin: 0 !important;
 186         padding: 0 !important;
 187         list-style: none !important;
 188 }
 189 .mw-search-formheader div.search-types ul li {
 190         float: left;
 191         margin: 0;
 192         padding: 0;
 193 }
 194 .mw-search-formheader div.search-types ul li a {
 195         display: block;
 196         padding: 0.5em;
 197 }
 198 .mw-search-formheader div.search-types ul li.current a {
 199         color: #333333;
 200         cursor: default;
 201 }
 202 .mw-search-formheader div.search-types ul li.current a:hover {
 203         text-decoration: none;
 204 }
 205 .mw-search-formheader div.results-info {
 206         float: right;
 207         padding: 0.5em;
 208         padding-right: 0.75em;
 209 }
 210 .mw-search-formheader div.results-info ul {
 211         margin: 0 !important;
 212         padding: 0 !important;
 213         list-style: none !important;
 214 }
 215 .mw-search-formheader div.results-info ul li {
 216         float: right;
 217         margin: 0;
 218         padding: 0;
 219 }
 220 fieldset#mw-searchoptions {
 221         margin: 0;
 222         padding-left: 0.75em !important;
 223         padding-right: 0.75em !important;
 224         padding-bottom: 0.5em !important;
 225         padding-top: 0.5em !important;
 226         border: none;
 227         background-color: #f9f9f9;
 228         border: 1px solid silver !important;
 229         border-top-width: 0 !important;
 230 }
 231 fieldset#mw-searchoptions legend {
 232         display: none;
 233 }
 234 fieldset#mw-searchoptions h4 {
 235         padding: 0;
 236         margin: 0;
 237         float: left;
 238 }
 239 .rtl fieldset#mw-searchoptions h4 {
 240         float: right;
 241 }
 242 fieldset#mw-searchoptions div#mw-search-togglebox {
 243         float: right;
 244 }
 245 .rtl fieldset#mw-searchoptions div#mw-search-togglebox {
 246         float: left;
 247 }
 248
 249 fieldset#mw-searchoptions div#mw-search-togglebox label {
 250         margin-right: 0.25em;
 251 }
 252 fieldset#mw-searchoptions div#mw-search-togglebox input {
 253         margin-left: 0.25em;
 254 }
 255 fieldset#mw-searchoptions table {
 256         float: left;
 257         margin-right: 3em;
 258 }
 259 fieldset#mw-searchoptions table td {
 260         padding-right: 1em;
 261 }
 262 .rtl fieldset#mw-searchoptions table td {
 263         padding-left: 1em;
 264         padding-right: 0;
 265 }
 266 body.rtl fieldset#mw-searchoptions table {
 267         margin-right: 0;
 268         margin-left: 3em;
 269         float: right;
 270 }
 271 fieldset#mw-searchoptions div.divider {
 272         clear: both;
 273         border-bottom: 1px solid #DDDDDD;
 274         padding-top: 0.5em;
 275         margin-bottom: 0.5em;
 276 }
 277
 278 td#mw-search-menu {
 279         padding-left:6em;
 280         font-size:85%;
 281 }
 282
 283 div#mw-search-interwiki {
 284         float: right;
 285         width: 18em;
 286         border-style: solid;
 287         border-color: #AAAAAA;
 288         border-width: 1px;
 289         margin-top: 2ex;
 290 }
 291
 292 .rtl div#mw-search-interwiki {
 293         float: left;
 294 }
 295
 296 div#mw-search-interwiki li {
 297         font-size: 95%;
 298 }
 299
 300 .mw-search-interwiki-more {
 301         float: right;
 302         font-size: 90%;
 303 }
 304
 305 .rtl .mw-search-interwiki-more {
 306         float: left;
 307 }
 308
 309 div#mw-search-interwiki-caption {
 310         text-align: center;
 311         font-weight: bold;
 312         font-size: 95%;
 313 }
 314
 315 .mw-search-interwiki-project {
 316         font-size: 97%;
 317         text-align: left;
 318         padding-left: 0.2em;
 319         padding-right: 0.15em;
 320         padding-bottom: 0.2em;
 321         padding-top: 0.15em;
 322         background-color:#ececec;
 323         border-top:1px solid #BBBBBB;
 324 }
 325
 326 .rtl .mw-search-interwiki-project {
 327         text-align: right;
 328 }
 329
 330 span.searchalttitle {
 331         font-size: 95%;
 332 }
 333
 334 div.searchdidyoumean {
 335         font-size: 127%;
 336         margin-top: 0.8em;
 337         /* Note that this color won't affect the link, as desired. */
 338         color: #c00;
 339 }
 340
 341 div.searchdidyoumean em {
 342         font-weight: bold;
 343 }
 344
 345 .searchmatch {
 346         font-weight: bold;
 347 }
 348
 349 table#mw-search-top-table {
 350         background-color: transparent;
 351 }
 352
 353
 354 /*
 355  * Advanced PowerSearch box
 356  */
 357
 358 td#mw-search-togglebox {
 359         text-align: right;
 360 }
 361
 362 table#mw-search-powertable {
 363         width:100%;
 364 }
 365
 366 form#powersearch {
 367         clear: both;
 368 }
 369
 370
 371 /*
 372  * UserRights stuff
 373  */
 374 .mw-userrights-disabled {
 375         color: #888;
 376 }
 377
 378 table.mw-userrights-groups * td,table.mw-userrights-groups * th {
 379         padding-right: 1.5em;
 380 }
 381
 382 /*
 383  * OpenSearch ajax suggestions
 384  */
 385 .os-suggest {
 386         overflow: auto;
 387         overflow-x: hidden;
 388         position: absolute;
 389         top: 0px;
 390         left: 0px;
 391         width: 0px;
 392         background-color: white;
 393         background-color: Window;
 394         border-style: solid;
 395         border-color: #AAAAAA;
 396         border-width: 1px;
 397         z-index:99;
 398         font-size:95%;
 399 }
 400
 401 table.os-suggest-results {
 402         font-size: 95%;
 403         cursor: pointer;
 404         border: 0;
 405         border-collapse: collapse;
 406         width: 100%;
 407 }
 408
 409 .os-suggest-result, .os-suggest-result-hl {
 410         white-space: nowrap;
 411         background-color: white;
 412         background-color: Window;
 413         color: black;
 414         color: WindowText;
 415         padding: 2px;
 416 }
 417 .os-suggest-result-hl,
 418 .os-suggest-result-hl-webkit {
 419         background-color: #4C59A6;
 420         color: white;
 421 }
 422 .os-suggest-result-hl {
 423         /* System colors are misimplemented in Safari 3.0 and earlier,
 424            making highlighted text illegible... */
 425         background-color: Highlight;
 426         color: HighlightText;
 427 }
 428
 429 .os-suggest-toggle {
 430         position: relative;
 431         left: 1ex;
 432         font-size: 65%;
 433 }
 434 .os-suggest-toggle-def {
 435         position: absolute;
 436         top: 0px;
 437         left: 0px;
 438         font-size: 65%;
 439         visibility: hidden;
 440 }
 441
 442 /* Page history styling */
 443 /* the auto-generated edit comments */
 444 .autocomment { color: gray; }
 445 #pagehistory .history-user {
 446     margin-left: 0.4em;
 447     margin-right: 0.2em;
 448 }
 449 #pagehistory span.minor { font-weight: bold; }
 450 #pagehistory li { border: 1px solid white; }
 451 #pagehistory li.selected {
 452     background-color: #f9f9f9;
 453     border: 1px dashed #aaa;
 454 }
 455
 456 /** Generic minor/bot/newpage styling */
 457 .newpage, .minor, .bot {
 458         font-weight: bold;
 459 }
 460
 461 /* Special:Contributions styling */
 462 .mw-uctop {
 463         font-weight: bold;
 464 }
 465
 466 /* Special:ListGroupRights styling */
 467 table.mw-listgrouprights-table tr  {
 468         vertical-align: top;
 469 }
 470 .listgrouprights-revoked { text-decoration: line-through; }
 471
 472 /* Special:Statistics styling */
 473 td.mw-statistics-numbers {
 474         text-align: right;
 475 }
 476
 477 /* Special:SpecialPages styling */
 478 h4.mw-specialpagesgroup {
 479         background-color: #dcdcdc;
 480         padding: 2px;
 481         margin: .3em 0em 0em 0em;
 482 }
 483 .mw-specialpagerestricted {
 484         font-weight: bold;
 485 }
 486
 487 #shared-image-dup, #shared-image-conflict {
 488         font-style: italic;
 489 }
 490
 491 /* Special:EmailUser styling */
 492 table.mw-emailuser-table {
 493         width: 98%;
 494 }
 495 td#mw-emailuser-sender, td#mw-emailuser-recipient {
 496         font-weight: bold;
 497 }
 498
 499 /* Special:Allpages styling */
 500 table.allpageslist {
 501         background-color: transparent;
 502 }
 503 table.mw-allpages-table-form, table.mw-allpages-table-chunk {
 504         background-color: transparent;
 505         width: 100%;
 506 }
 507 td.mw-allpages-alphaindexline {
 508         text-align: right;
 509 }
 510 td.mw-allpages-nav, p.mw-allpages-nav {
 511         text-align: right;
 512         font-size: smaller;
 513         margin-bottom: 1em;
 514 }
 515 table.mw-allpages-table-form tr  {
 516         vertical-align: top;
 517 }
 518
 519 /* Special:Prefixindex styling */
 520 table#mw-prefixindex-list-table,
 521 table#mw-prefixindex-nav-table {
 522         width: 98%;
 523         background-color: transparent;
 524 }
 525 td#mw-prefixindex-nav-form  {
 526         font-size: smaller;
 527         margin-bottom: 1em;
 528         text-align: right;
 529         vertical-align: top;
 530 }
 531
 532 /*
 533  * Recreating deleted page warning
 534  * Reupload file warning
 535  * Page protection warning
 536  * incl. log entries for these warnings
 537  */
 538 div.mw-warning-with-logexcerpt {
 539         padding: 3px;
 540         margin-bottom: 3px;
 541         border: 2px solid #2F6FAB;
 542         clear: both;
 543 }
 544 div.mw-warning-with-logexcerpt ul li {
 545         font-size: 90%;
 546 }
 547
 548 /* (show/hide) revision deletion links */
 549 span.mw-revdelundel-link,
 550 strong.mw-revdelundel-link {
 551         font-size: 90%;
 552 }
 553 span.mw-revdelundel-hidden,
 554 input.mw-revdelundel-hidden {
 555         visibility: hidden;
 556 }
 557
 558 td.mw-revdel-checkbox, th.mw-revdel-checkbox {
 559         padding-right: 10px;
 560         text-align: center;
 561 }
 562
 563 /* feed links */
 564 a.feedlink {
 565         background: url("images/feed-icon.png") center left no-repeat;
 566         padding-left: 16px;
 567 }
 568
 569 /* Plainlinks - this can be used to switch
 570  * off special external link styling */
 571 .plainlinks a {
 572                 background: none !important;
 573                 padding: 0 !important;
 574 }
 575
 576 /* wikitable class for skinning normal tables */
 577 table.wikitable {
 578     margin: 1em 1em 1em 0;
 579     background: #f9f9f9;
 580     border: 1px #aaa solid;
 581     border-collapse: collapse;
 582 }
 583 .wikitable th, .wikitable td {
 584     border: 1px #aaa solid;
 585     padding: 0.2em;
 586 }
 587 .wikitable th {
 588     background: #f2f2f2;
 589     text-align: center;
 590 }
 591 .wikitable caption {
 592     font-weight: bold;
 593 }
 594
 595 /* hide initially collapsed collapsable tables */
 596 table.collapsed tr.collapsable {
 597         display: none;
 598 }
 599
 600 /* success and error messages */
 601 .success {
 602         color: green;
 603         font-size: larger;
 604 }
 605 .error {
 606         color: red;
 607         font-size: larger;
 608 }
 609 .errorbox, .successbox {
 610         font-size: larger;
 611         border: 2px solid;
 612         padding: .5em 1em;
 613         float: left;
 614         margin-bottom: 2em;
 615         color: #000;
 616 }
 617 .errorbox {
 618         border-color: red;
 619         background-color: #fff2f2;
 620 }
 621 .successbox {
 622         border-color: green;
 623         background-color: #dfd;
 624 }
 625 .errorbox h2, .successbox h2 {
 626         font-size: 1em;
 627         font-weight: bold;
 628         display: inline;
 629         margin: 0 .5em 0 0;
 630         border: none;
 631 }
 632
 633 .visualClear {
 634         clear: both;
 635 }
 636
 637 #mw_trackbacks {
 638         border: solid 1px #bbbbff;
 639         background-color: #eeeeff;
 640         padding: 0.2em;
 641 }
 642
 643 /*
 644   Table pager (e.g. Special:Imagelist)
 645   - remove underlines from the navigation link
 646   - collapse borders
 647   - set the borders to outsets (similar to Special:Allmessages)
 648   - remove line wrapping for all td and th, set background color
 649   - restore line wrapping for the last two table cells (description and size)
 650 */
 651 .TablePager { min-width: 80%; }
 652 .TablePager_nav a { text-decoration: none; }
 653 .TablePager { border-collapse: collapse; }
 654 .TablePager, .TablePager td, .TablePager th {
 655         border: 1px solid #aaaaaa;
 656         padding: 0 0.15em 0 0.15em;
 657 }
 658 .TablePager th { background-color: #eeeeff }
 659 .TablePager td { background-color: #ffffff }
 660 .TablePager tr:hover td { background-color: #eeeeff }
 661
 662 .imagelist td, .imagelist th { white-space: nowrap }
 663 .imagelist .TablePager_col_links { background-color: #eeeeff }
 664 .imagelist .TablePager_col_img_description { white-space: normal }
 665 .imagelist th.TablePager_sort { background-color: #ccccff }
 666
 667  /* Allmessages table */
 668 #mw-allmessagestable .allmessages-customised td.am_default {
 669         background-color: #fcffc4;
 670 }
 671
 672 #mw-allmessagestable tr.allmessages-customised:hover td.am_default {
 673         background-color: #faff90;
 674 }
 675
 676 #mw-allmessagestable td.am_actual {
 677         background-color: #e2ffe2;
 678 }
 679
 680 #mw-allmessagestable tr.allmessages-customised:hover + tr.allmessages-customised td.am_actual {
 681         background-color: #b1ffb1;
 682 }
 683
 684 /* filetoc */
 685 ul#filetoc {
 686         text-align: center;
 687         border: 1px solid #aaaaaa;
 688         background-color: #f9f9f9;
 689         padding: 5px;
 690         font-size: 95%;
 691         margin-bottom: 0.5em;
 692         margin-left: 0;
 693         margin-right: 0;
 694 }
 695
 696 #filetoc li {
 697         display: inline;
 698         list-style-type: none;
 699         padding-right: 2em;
 700 }
 701
 702 /* Classes for EXIF data display */
 703 table.mw_metadata {
 704         font-size: 0.8em;
 705         margin-left: 0.5em;
 706         margin-bottom: 0.5em;
 707         width: 300px;
 708 }
 709
 710 table.mw_metadata caption {
 711         font-weight: bold;
 712 }
 713
 714 table.mw_metadata th {
 715         font-weight: normal;
 716 }
 717
 718 table.mw_metadata td {
 719         padding: 0.1em;
 720 }
 721
 722 table.mw_metadata {
 723         border: none;
 724         border-collapse: collapse;
 725 }
 726
 727 table.mw_metadata td, table.mw_metadata th {
 728         text-align: center;
 729         border: 1px solid #aaaaaa;
 730         padding-left: 0.1em;
 731         padding-right: 0.1em;
 732 }
 733
 734 table.mw_metadata th {
 735         background-color: #f9f9f9;
 736 }
 737
 738 table.mw_metadata td {
 739         background-color: #fcfcfc;
 740 }
 741
 742 /* Galleries */
 743 table.gallery {
 744         border: 1px solid #ccc;
 745         margin: 2px;
 746         padding: 2px;
 747         background-color: white;
 748 }
 749
 750 table.gallery tr {
 751         vertical-align: top;
 752 }
 753
 754 table.gallery td {
 755         vertical-align: top;
 756         background-color: #f9f9f9;
 757         border: solid 2px white;
 758 }
 759 table.gallery caption {
 760         font-weight: bold;
 761 }
 762
 763 div.gallerybox {
 764         margin: 2px;
 765 }
 766
 767 div.gallerybox div.thumb {
 768         text-align: center;
 769         border: 1px solid #ccc;
 770         margin: 2px;
 771 }
 772
 773 div.gallerytext {
 774         overflow: hidden;
 775         font-size: 94%;
 776         padding: 2px 4px;
 777 }
 778
 779 table.mw-enhanced-rc {
 780         background: none;
 781         border:0;
 782         border-spacing:0;
 783 }
 784 td.mw-enhanced-rc {
 785         white-space:nowrap;
 786         padding:0;
 787         vertical-align:top;
 788         font-family:monospace
 789 }
 790
 791 #mw-addcategory-prompt {
 792         display: inline;
 793         margin-left: 1em;
 794 }
 795
 796 #mw-addcategory-prompt input {
 797         margin-left: 0.5em;
 798         margin-right: 0.5em;
 799 }
 800
 801 .mw-remove-category {
 802         padding: 8px;
 803         background-image: url(images/remove.png);
 804         background-position: center center;
 805         background-repeat: no-repeat;
 806 }
 807
 808 .mw-ajax-addcategory {
 809         padding-left: 20px;
 810         background-image: url(images/add.png);
 811         background-position: left center;
 812         background-repeat: no-repeat;
 813 }
 814
 815 .mw-ajax-loader {
 816         background-image: url(images/ajax-loader.gif);
 817         background-position: center center;
 818         background-repeat: no-repeat;
 819         padding: 16px;
 820         position: relative;
 821         top: -16px;
 822 }
 823
 824 .mw-small-spinner {
 825         padding: 10px !important;
 826         margin-right: 0.6em;
 827         background-image: url(images/spinner.gif);
 828         background-position: center center;
 829         background-repeat: no-repeat;
 830 }
 831
 832 /* Sort arrows added by SortableTables */
 833 a.sortheader {
 834         margin: 0 0.3em;
 835 }