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 pre-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 /* Links to redirects appear italicized on [[Special:AllPages]], [[Special:PrefixIndex]],
  13    [[Special:Watchlist/edit]] and in category listings */
  14 .allpagesredirect, .redirect-in-category, .watchlistredir {
  15         font-style: italic;
  16 }
  17
  18 /* Comment and username portions of RC entries */
  19 span.comment {
  20         font-style: italic;
  21 }
  22
  23 span.changedby {
  24         font-size: 95%;
  25 }
  26
  27 /* Math */
  28 .texvc {
  29         direction: ltr;
  30         unicode-bidi: embed;
  31 }
  32 img.tex { vertical-align: middle; }
  33 span.texhtml { font-family: serif; }
  34
  35 /* add a bit of margin space between the preview and the toolbar */
  36 /* this replaces the ugly <p><br /></p> we used to insert into the page source */
  37 #wikiPreview.ontop { margin-bottom: 1em; }
  38
  39 /* Stop floats from intruding into edit area in previews */
  40 #editform, #toolbar, #wpTextbox1 {
  41         clear: both;
  42 }
  43 #toolbar img {
  44         cursor: pointer;
  45 }
  46 div#mw-js-message {
  47         margin: 1em 5%;
  48         padding: 0.5em 2.5%;
  49         border: solid 1px #ddd;
  50         background-color: #fcfcfc;
  51 }
  52
  53 /* Edit section links */
  54 .editsection {
  55         float: right;
  56         margin-left: 5px;
  57 }
  58
  59 /**
  60  * File histories
  61  */
  62 h2#filehistory {
  63         clear: both;
  64 }
  65
  66 table.filehistory th,
  67 table.filehistory td {
  68         vertical-align: top;
  69 }
  70 table.filehistory th {
  71         text-align: left;
  72 }
  73 table.filehistory td.mw-imagepage-filesize,
  74 table.filehistory th.mw-imagepage-filesize {
  75         white-space: nowrap;
  76 }
  77
  78 table.filehistory td.filehistory-selected {
  79         font-weight: bold;
  80 }
  81
  82 /*
  83  * rev_deleted stuff
  84  */
  85 li span.deleted, span.history-deleted {
  86         text-decoration: line-through;
  87         color: #888;
  88         font-style: italic;
  89 }
  90 li span.deleted a, span.history-deleted a {
  91         color: #888;
  92 }
  93
  94 /**
  95  * Patrol stuff
  96  */
  97 .not-patrolled {
  98         background-color: #ffa;
  99 }
 100
 101 .unpatrolled {
 102         font-weight: bold;
 103         color: red;
 104 }
 105
 106 div.patrollink {
 107         font-size: 75%;
 108         text-align: right;
 109 }
 110
 111 /**
 112  * Forms
 113  */
 114 td.mw-label { text-align: right; }
 115 td.mw-input { text-align: left; }
 116 td.mw-submit { text-align: left; }
 117
 118 td.mw-label { vertical-align: top; }
 119 .prefsection td.mw-label { width: 20%; }
 120 .prefsection table { width: 100%; }
 121 td.mw-submit { white-space: nowrap; }
 122
 123 table.mw-htmlform-nolabel td.mw-label {
 124         width: 0 !important;
 125 }
 126
 127 tr.mw-htmlform-vertical-label td.mw-label {
 128         text-align: left !important;
 129 }
 130
 131 .mw-htmlform-invalid-input td.mw-input input {
 132         border-color: red;
 133 }
 134 .mw-htmlform-multiselect-flatlist div.mw-htmlform-multiselect-item {
 135         display: inline;
 136         margin-right: 1em;
 137         white-space: nowrap;
 138 }
 139
 140 input#wpSummary {
 141         width: 80%;
 142 }
 143
 144 /**
 145  * Image captions
 146  */
 147 .thumbcaption { text-align: left; }
 148 .magnify { float: right; }
 149
 150 /**
 151  * Hidden categories
 152  */
 153 .mw-hidden-cats-hidden { display: none; }
 154 .catlinks-allhidden { display: none; }
 155
 156 /* Convenience links to edit block, delete and protect reasons */
 157 p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
 158 p.mw-filedelete-editreasons, p.mw-delete-editreasons,
 159 p.mw-revdel-editreasons {
 160         font-size: 90%;
 161         float: right;
 162 }
 163
 164 /*
 165  * OpenSearch ajax suggestions
 166  */
 167 .os-suggest {
 168         overflow: auto;
 169         overflow-x: hidden;
 170         position: absolute;
 171         top: 0px;
 172         left: 0px;
 173         width: 0px;
 174         background-color: white;
 175         background-color: Window;
 176         border-style: solid;
 177         border-color: #AAAAAA;
 178         border-width: 1px;
 179         z-index:99;
 180         font-size:95%;
 181 }
 182
 183 table.os-suggest-results {
 184         font-size: 95%;
 185         cursor: pointer;
 186         border: 0;
 187         border-collapse: collapse;
 188         width: 100%;
 189 }
 190
 191 .os-suggest-result, .os-suggest-result-hl {
 192         white-space: nowrap;
 193         background-color: white;
 194         background-color: Window;
 195         color: black;
 196         color: WindowText;
 197         padding: 2px;
 198 }
 199 .os-suggest-result-hl,
 200 .os-suggest-result-hl-webkit {
 201         background-color: #4C59A6;
 202         color: white;
 203 }
 204 .os-suggest-result-hl {
 205         /* System colors are misimplemented in Safari 3.0 and earlier,
 206            making highlighted text illegible... */
 207         background-color: Highlight;
 208         color: HighlightText;
 209 }
 210
 211 .os-suggest-toggle {
 212         position: relative;
 213         left: 1ex;
 214         font-size: 65%;
 215 }
 216 .os-suggest-toggle-def {
 217         position: absolute;
 218         top: 0px;
 219         left: 0px;
 220         font-size: 65%;
 221         visibility: hidden;
 222 }
 223
 224 /* Page history styling */
 225 /* the auto-generated edit comments */
 226 .autocomment { color: gray; }
 227 #pagehistory .history-user {
 228         margin-left: 0.4em;
 229         margin-right: 0.2em;
 230 }
 231 #pagehistory span.minor {
 232         font-weight: bold;
 233 }
 234 #pagehistory li {
 235         border: 1px solid white;
 236 }
 237 #pagehistory li.selected {
 238         background-color: #f9f9f9;
 239         border: 1px dashed #aaa;
 240 }
 241
 242 /** Generic minor/bot/newpage styling */
 243 .newpage, .minor, .bot {
 244         font-weight: bold;
 245 }
 246
 247 #shared-image-dup, #shared-image-conflict {
 248         font-style: italic;
 249 }
 250
 251 /*
 252  * Recreating deleted page warning
 253  * Reupload file warning
 254  * Page protection warning
 255  * incl. log entries for these warnings
 256  */
 257 div.mw-warning-with-logexcerpt {
 258         padding: 3px;
 259         margin-bottom: 3px;
 260         border: 2px solid #2F6FAB;
 261         clear: both;
 262 }
 263 div.mw-warning-with-logexcerpt ul li {
 264         font-size: 90%;
 265 }
 266
 267 /* (show/hide) revision deletion links */
 268 span.mw-revdelundel-link,
 269 strong.mw-revdelundel-link {
 270         font-size: 90%;
 271 }
 272 span.mw-revdelundel-hidden,
 273 input.mw-revdelundel-hidden {
 274         visibility: hidden;
 275 }
 276
 277 td.mw-revdel-checkbox, th.mw-revdel-checkbox {
 278         padding-right: 10px;
 279         text-align: center;
 280 }
 281
 282 /* feed links */
 283 a.feedlink {
 284         /* @embed */
 285         background: url("images/feed-icon.png") center left no-repeat;
 286         padding-left: 16px;
 287 }
 288
 289 /* Plainlinks - this can be used to switch
 290  * off special external link styling */
 291 .plainlinks a {
 292         background: none !important;
 293         padding: 0 !important;
 294 }
 295
 296 /* wikitable class for skinning normal tables
 297  * keep on sync with commonPrint.css
 298  */
 299 table.wikitable {
 300         margin: 1em 1em 1em 0;
 301         background: #f9f9f9;
 302         border: 1px #aaa solid;
 303         border-collapse: collapse;
 304         color: black;
 305 }
 306 .wikitable th, .wikitable td {
 307         border: 1px #aaa solid;
 308         padding: 0.2em;
 309 }
 310 .wikitable th {
 311         background: #f2f2f2;
 312         text-align: center;
 313 }
 314 .wikitable caption {
 315         font-weight: bold;
 316 }
 317
 318 /* hide initially collapsed collapsable tables */
 319 table.collapsed tr.collapsable {
 320         display: none;
 321 }
 322
 323 /* success and error messages */
 324 .success {
 325         color: green;
 326         font-size: larger;
 327 }
 328 .warning {
 329         color: #FFA500; /* orange */
 330         font-size: larger;
 331 }
 332 .error {
 333         color: red;
 334         font-size: larger;
 335 }
 336 .errorbox, .warningbox, .successbox {
 337         font-size: larger;
 338         border: 2px solid;
 339         padding: .5em 1em;
 340         float: left;
 341         margin-bottom: 2em;
 342         color: #000;
 343 }
 344 .errorbox {
 345         border-color: red;
 346         background-color: #fff2f2;
 347 }
 348 .warningbox {
 349         border-color: #FF8C00; /* darkorange */
 350         background-color: #FFFFC0;
 351 }
 352 .successbox {
 353         border-color: green;
 354         background-color: #dfd;
 355 }
 356 .errorbox h2, .warningbox h2, .successbox h2 {
 357         font-size: 1em;
 358         font-weight: bold;
 359         display: inline;
 360         margin: 0 .5em 0 0;
 361         border: none;
 362 }
 363
 364 /* general info/warning box for SP */
 365 .mw-infobox {
 366         border: 2px solid #ff7f00;
 367         margin: 0.4em;
 368         clear: left;
 369 }
 370
 371 .mw-infobox-left {
 372         margin: 7px;
 373         float: left;
 374         width: 35px;
 375 }
 376
 377 .mw-infobox-right {
 378         margin: 0.5em 0.5em 0.5em 49px;
 379 }
 380
 381 /* Note on preview page */
 382 .previewnote {
 383         color: #c00;
 384         margin-bottom: 1em;
 385 }
 386
 387 .previewnote p {
 388         text-indent: 3em;
 389         margin: 0.8em 0;
 390 }
 391
 392 .visualClear {
 393         clear: both;
 394 }
 395
 396 #mw_trackbacks {
 397         border: solid 1px #bbbbff;
 398         background-color: #eeeeff;
 399         padding: 0.2em;
 400 }
 401
 402 /*
 403         Table pager (e.g. Special:ListFiles)
 404         - remove underlines from the navigation link
 405         - collapse borders
 406         - set the borders to outsets (similar to Special:AllMessages)
 407         - remove line wrapping for all td and th, set background color
 408         - restore line wrapping for the last two table cells (description and size)
 409 */
 410 .TablePager {
 411         min-width: 80%;
 412         border-collapse: collapse;
 413         margin: 0 auto;
 414 }
 415 .TablePager_nav {
 416         margin: 0 auto;
 417 }
 418 .TablePager_nav td {
 419         padding: 3px;
 420         text-align: center;
 421 }
 422 .TablePager_nav a {
 423         text-decoration: none;
 424 }
 425 .TablePager, .TablePager td, .TablePager th {
 426         border: 1px solid #aaaaaa;
 427         padding: 0 0.15em 0 0.15em;
 428 }
 429 .TablePager th {
 430         background-color: #eeeeff;
 431 }
 432 .TablePager td {
 433         background-color: #ffffff;
 434 }
 435 .TablePager tr:hover td {
 436         background-color: #eeeeff;
 437 }
 438
 439 .imagelist td, .imagelist th {
 440         white-space: nowrap;
 441 }
 442 .imagelist .TablePager_col_links {
 443         background-color: #eeeeff;
 444 }
 445 .imagelist .TablePager_col_img_description {
 446         white-space: normal;
 447 }
 448 .imagelist th.TablePager_sort {
 449         background-color: #ccccff;
 450 }
 451
 452 /* filetoc */
 453 ul#filetoc {
 454         text-align: center;
 455         border: 1px solid #aaaaaa;
 456         background-color: #f9f9f9;
 457         padding: 5px;
 458         font-size: 95%;
 459         margin-bottom: 0.5em;
 460         margin-left: 0;
 461         margin-right: 0;
 462 }
 463
 464 #filetoc li {
 465         display: inline;
 466         list-style-type: none;
 467         padding-right: 2em;
 468 }
 469
 470 /* Classes for EXIF data display */
 471 table.mw_metadata {
 472         font-size: 0.8em;
 473         margin-left: 0.5em;
 474         margin-bottom: 0.5em;
 475         width: 400px;
 476 }
 477
 478 table.mw_metadata caption {
 479         font-weight: bold;
 480 }
 481
 482 table.mw_metadata th {
 483         font-weight: normal;
 484 }
 485
 486 table.mw_metadata td {
 487         padding: 0.1em;
 488 }
 489
 490 table.mw_metadata {
 491         border: none;
 492         border-collapse: collapse;
 493 }
 494
 495 table.mw_metadata td, table.mw_metadata th {
 496         text-align: center;
 497         border: 1px solid #aaaaaa;
 498         padding-left: 5px;
 499         padding-right: 5px;
 500 }
 501
 502 table.mw_metadata th {
 503         background-color: #f9f9f9;
 504 }
 505
 506 table.mw_metadata td {
 507         background-color: #fcfcfc;
 508 }
 509
 510 table.mw_metadata ul.metadata-langlist {
 511         list-style-type: none;
 512         list-style-image: none;
 513         padding-right: 5px;
 514         padding-left: 5px;
 515         margin: 0;
 516 }
 517
 518 /* Galleries */
 519 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
 520 /* Don't forget to update commonPrint.css */
 521 li.gallerybox {
 522         vertical-align: top;
 523         background-color: #f9f9f9;
 524         border: solid 2px white;
 525         display: -moz-inline-box;
 526         display: inline-block;
 527 }
 528
 529 ul.gallery, li.gallerybox {
 530         zoom: 1;
 531         *display: inline;
 532 }
 533
 534 ul.gallery {
 535         margin: 2px;
 536         padding: 2px;
 537         display: block;
 538 }
 539
 540 li.gallerycaption {
 541         font-weight: bold;
 542         text-align: center;
 543         display: block;
 544         word-wrap: break-word;
 545 }
 546
 547 li.gallerybox div.thumb {
 548         text-align: center;
 549         border: 1px solid #ccc;
 550         margin: 2px;
 551 }
 552
 553 div.gallerytext {
 554         overflow: hidden;
 555         font-size: 94%;
 556         padding: 2px 4px;
 557         word-wrap: break-word;
 558 }
 559
 560 #mw-addcategory-prompt {
 561         display: inline;
 562         margin-left: 1em;
 563 }
 564
 565 #mw-addcategory-prompt input {
 566         margin-left: 0.5em;
 567         margin-right: 0.5em;
 568 }
 569
 570 .mw-remove-category {
 571         padding: 8px;
 572         /* @embed */
 573         background-image: url(images/remove.png);
 574         background-position: center center;
 575         background-repeat: no-repeat;
 576 }
 577
 578 .mw-ajax-addcategory {
 579         padding-left: 20px;
 580         /* @embed */
 581         background-image: url(images/add.png);
 582         background-position: left center;
 583         background-repeat: no-repeat;
 584 }
 585
 586 .mw-ajax-loader {
 587         /* @embed */
 588         background-image: url(images/ajax-loader.gif);
 589         background-position: center center;
 590         background-repeat: no-repeat;
 591         padding: 16px;
 592         position: relative;
 593         top: -16px;
 594 }
 595
 596 .mw-small-spinner {
 597         padding: 10px !important;
 598         margin-right: 0.6em;
 599         /* @embed */
 600         background-image: url(images/spinner.gif);
 601         background-position: center center;
 602         background-repeat: no-repeat;
 603 }
 604
 605 /* Localised ordered list numbering for some languages */
 606 ol:lang(bcc) li,
 607 ol:lang(bqi) li,
 608 ol:lang(fa) li,
 609 ol:lang(glk) li,
 610 ol:lang(kk-arab) li,
 611 ol:lang(mzn) li {
 612         list-style-type: -moz-persian;
 613         list-style-type: persian;
 614 }
 615
 616 ol:lang(ckb) li {
 617         list-style-type: -moz-arabic-indic;
 618         list-style-type: arabic-indic;
 619 }
 620
 621 ol:lang(bn) li {
 622         list-style-type: -moz-bengali;
 623         list-style-type: bengali;
 624 }
 625
 626 ol:lang(or) li {
 627         list-style-type: -moz-oriya;
 628         list-style-type: oriya;
 629 }
 630
 631 /* tooltip styles */
 632 .mw-help-field-hint {
 633         display: none;
 634         padding: 0px;
 635         padding-left: 15px;
 636         margin-left: 2px;
 637         margin-bottom: -8px;
 638         /* @embed */
 639         background-image: url('images/help-question.gif');
 640         background-position: left center;
 641         background-repeat: no-repeat;
 642         color: #0645ad;
 643         text-decoration: underline;
 644         cursor: pointer;
 645         font-size: .8em;
 646 }
 647 .mw-help-field-hint:hover {
 648         /* @embed */
 649         background-image: url('images/help-question-hover.gif');
 650 }
 651 .mw-help-field-data {
 652         display: block;
 653         background-color: #d6f3ff;
 654         padding:5px 8px 4px 8px;
 655         border: 1px solid #5dc9f4;
 656         margin-left: 20px;
 657 }
 658 .tipsy {
 659         padding: 5px 5px 10px;
 660         font-size: 12px;
 661         position: absolute;
 662         z-index: 100000;
 663         overflow: visible;
 664 }
 665 .tipsy-inner {
 666         padding: 5px 8px 4px 8px;
 667         background-color: #d6f3ff;
 668         color: black;
 669         border: 1px solid #5dc9f4;
 670         max-width: 300px;
 671         text-align: left;
 672 }
 673 .tipsy-arrow {
 674         position: absolute;
 675         /* @embed */
 676         background: url(images/tipsy-arrow.gif) no-repeat top left;
 677         width: 13px;
 678         height: 13px;
 679 }
 680 .tipsy-se .tipsy-arrow {
 681         bottom: -2px;
 682         right: 10px;
 683         background-position: 0% 100%;
 684 }
 685 /* Table Sorting */
 686 th.headerSort {
 687         background-image: url(images/sort_both.gif);
 688         cursor: pointer;
 689         background-repeat: no-repeat;
 690         background-position: center right;
 691         padding-right: 21px;
 692 }
 693 th.headerSortUp {
 694         background-image: url(images/sort_up.gif);
 695 }
 696 th.headerSortDown {
 697         background-image: url(images/sort_down.gif);
 698 }
 699
 700 /* Special:Version */
 701 #sv-software td {
 702         /* version numbers are always ltr (and otherwise an RLE can be inserted) */
 703         /* @noflip */
 704         direction: ltr;
 705 }