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 /* feed links */
 551 a.feedlink {
 552         background: url("images/feed-icon.png") center left no-repeat;
 553         padding-left: 16px;
 554 }
 555
 556 /* Plainlinks - this can be used to switch
 557  * off special external link styling */
 558 .plainlinks a {
 559                 background: none !important;
 560                 padding: 0 !important;
 561 }
 562
 563 /* wikitable class for skinning normal tables */
 564 table.wikitable {
 565     margin: 1em 1em 1em 0;
 566     background: #f9f9f9;
 567     border: 1px #aaa solid;
 568     border-collapse: collapse;
 569 }
 570 .wikitable th, .wikitable td {
 571     border: 1px #aaa solid;
 572     padding: 0.2em;
 573 }
 574 .wikitable th {
 575     background: #f2f2f2;
 576     text-align: center;
 577 }
 578 .wikitable caption {
 579     font-weight: bold;
 580 }
 581
 582 /* hide initially collapsed collapsable tables */
 583 table.collapsed tr.collapsable {
 584         display: none;
 585 }
 586
 587 /* success and error messages */
 588 .success {
 589         color: green;
 590         font-size: larger;
 591 }
 592 .error {
 593         color: red;
 594         font-size: larger;
 595 }
 596 .errorbox, .successbox {
 597         font-size: larger;
 598         border: 2px solid;
 599         padding: .5em 1em;
 600         float: left;
 601         margin-bottom: 2em;
 602         color: #000;
 603 }
 604 .errorbox {
 605         border-color: red;
 606         background-color: #fff2f2;
 607 }
 608 .successbox {
 609         border-color: green;
 610         background-color: #dfd;
 611 }
 612 .errorbox h2, .successbox h2 {
 613         font-size: 1em;
 614         font-weight: bold;
 615         display: inline;
 616         margin: 0 .5em 0 0;
 617         border: none;
 618 }
 619
 620 .visualClear {
 621         clear: both;
 622 }
 623
 624 #mw_trackbacks {
 625         border: solid 1px #bbbbff;
 626         background-color: #eeeeff;
 627         padding: 0.2em;
 628 }
 629
 630 /*
 631   Table pager (e.g. Special:Imagelist)
 632   - remove underlines from the navigation link
 633   - collapse borders
 634   - set the borders to outsets (similar to Special:Allmessages)
 635   - remove line wrapping for all td and th, set background color
 636   - restore line wrapping for the last two table cells (description and size)
 637 */
 638 .TablePager { min-width: 80%; }
 639 .TablePager_nav a { text-decoration: none; }
 640 .TablePager { border-collapse: collapse; }
 641 .TablePager, .TablePager td, .TablePager th {
 642         border: 1px solid #aaaaaa;
 643         padding: 0 0.15em 0 0.15em;
 644 }
 645 .TablePager th { background-color: #eeeeff }
 646 .TablePager td { background-color: #ffffff }
 647 .TablePager tr:hover td { background-color: #eeeeff }
 648
 649 .imagelist td, .imagelist th { white-space: nowrap }
 650 .imagelist .TablePager_col_links { background-color: #eeeeff }
 651 .imagelist .TablePager_col_img_description { white-space: normal }
 652 .imagelist th.TablePager_sort { background-color: #ccccff }
 653
 654  /* Allmessages table */
 655 #mw-allmessagestable .allmessages-customised td.am_default {
 656         background-color: #fcffc4;
 657 }
 658
 659 #mw-allmessagestable tr.allmessages-customised:hover td.am_default {
 660         background-color: #faff90;
 661 }
 662
 663 #mw-allmessagestable td.am_actual {
 664         background-color: #e2ffe2;
 665 }
 666
 667 #mw-allmessagestable tr.allmessages-customised:hover + tr.allmessages-customised td.am_actual {
 668         background-color: #b1ffb1;
 669 }
 670
 671 /* filetoc */
 672 ul#filetoc {
 673         text-align: center;
 674         border: 1px solid #aaaaaa;
 675         background-color: #f9f9f9;
 676         padding: 5px;
 677         font-size: 95%;
 678         margin-bottom: 0.5em;
 679         margin-left: 0;
 680         margin-right: 0;
 681 }
 682
 683 #filetoc li {
 684         display: inline;
 685         list-style-type: none;
 686         padding-right: 2em;
 687 }
 688
 689 /* Classes for EXIF data display */
 690 table.mw_metadata {
 691         font-size: 0.8em;
 692         margin-left: 0.5em;
 693         margin-bottom: 0.5em;
 694         width: 300px;
 695 }
 696
 697 table.mw_metadata caption {
 698         font-weight: bold;
 699 }
 700
 701 table.mw_metadata th {
 702         font-weight: normal;
 703 }
 704
 705 table.mw_metadata td {
 706         padding: 0.1em;
 707 }
 708
 709 table.mw_metadata {
 710         border: none;
 711         border-collapse: collapse;
 712 }
 713
 714 table.mw_metadata td, table.mw_metadata th {
 715         text-align: center;
 716         border: 1px solid #aaaaaa;
 717         padding-left: 0.1em;
 718         padding-right: 0.1em;
 719 }
 720
 721 table.mw_metadata th {
 722         background-color: #f9f9f9;
 723 }
 724
 725 table.mw_metadata td {
 726         background-color: #fcfcfc;
 727 }
 728
 729 /* Galleries */
 730 table.gallery {
 731         border: 1px solid #ccc;
 732         margin: 2px;
 733         padding: 2px;
 734         background-color: white;
 735 }
 736
 737 table.gallery tr {
 738         vertical-align: top;
 739 }
 740
 741 table.gallery td {
 742         vertical-align: top;
 743         background-color: #f9f9f9;
 744         border: solid 2px white;
 745 }
 746 table.gallery caption {
 747         font-weight: bold;
 748 }
 749
 750 div.gallerybox {
 751         margin: 2px;
 752 }
 753
 754 div.gallerybox div.thumb {
 755         text-align: center;
 756         border: 1px solid #ccc;
 757         margin: 2px;
 758 }
 759
 760 div.gallerytext {
 761         overflow: hidden;
 762         font-size: 94%;
 763         padding: 2px 4px;
 764 }
 765
 766 table.mw-enhanced-rc {
 767         background: none;
 768         border:0;
 769         border-spacing:0;
 770 }
 771 td.mw-enhanced-rc {
 772         white-space:nowrap;
 773         padding:0;
 774         vertical-align:top;
 775         font-family:monospace
 776 }
 777
 778 #mw-addcategory-prompt {
 779         display: inline;
 780         margin-left: 1em;
 781 }
 782
 783 #mw-addcategory-prompt input {
 784         margin-left: 0.5em;
 785         margin-right: 0.5em;
 786 }
 787
 788 .mw-remove-category {
 789         padding: 8px;
 790         background-image: url(images/remove.png);
 791         background-position: center center;
 792         background-repeat: no-repeat;
 793 }
 794
 795 .mw-ajax-addcategory {
 796         padding-left: 20px;
 797         background-image: url(images/add.png);
 798         background-position: left center;
 799         background-repeat: no-repeat;
 800 }
 801
 802 .mw-ajax-loader {
 803         background-image: url(images/ajax-loader.gif);
 804         background-position: center center;
 805         background-repeat: no-repeat;
 806         padding: 16px;
 807         position: relative;
 808         top: -16px;
 809 }
 810
 811 .mw-small-spinner {
 812         padding: 10px !important;
 813         margin-right: 0.6em;
 814         background-image: url(images/spinner.gif);
 815         background-position: center center;
 816         background-repeat: no-repeat;
 817 }
 818
 819 /* Sort arrows added by SortableTables */
 820 a.sortheader {
 821         margin: 0 0.3em;
 822 }