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