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