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