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
  25 /* Comment and username portions of RC entries */
  26 span.comment {
  27         font-style: italic;
  28 }
  29
  30 span.changedby {
  31         font-size: 95%;
  32 }
  33
  34 /* Math */
  35 .texvc {
  36         direction: ltr;
  37         unicode-bidi: embed;
  38 }
  39 img.tex { vertical-align: middle; }
  40 span.texhtml { font-family: serif; }
  41
  42 /* add a bit of margin space between the preview and the toolbar */
  43 /* this replaces the ugly <p><br /></p> we used to insert into the page source */
  44 #wikiPreview.ontop { margin-bottom: 1em; }
  45
  46 /* Stop floats from intruding into edit area in previews */
  47 #editform, #toolbar, #wpTextbox1 {
  48         clear: both;
  49 }
  50 #toolbar img {
  51         cursor: pointer;
  52 }
  53 div#mw-js-message {
  54         margin: 1em 5%;
  55         padding: 0.5em 2.5%;
  56         border: solid 1px #ddd;
  57         background-color: #fcfcfc;
  58 }
  59
  60 /* Edit section links */
  61 .editsection {
  62         float: right;
  63         margin-left: 5px;
  64 }
  65
  66 /**
  67  * File histories
  68  */
  69 h2#filehistory {
  70         clear: both;
  71 }
  72
  73 table.filehistory th,
  74 table.filehistory td {
  75         vertical-align: top;
  76 }
  77 table.filehistory th {
  78         text-align: left;
  79 }
  80 table.filehistory td.mw-imagepage-filesize,
  81 table.filehistory th.mw-imagepage-filesize {
  82         white-space: nowrap;
  83 }
  84
  85 table.filehistory td.filehistory-selected {
  86         font-weight: bold;
  87 }
  88
  89 /*
  90  * rev_deleted stuff
  91  */
  92 li span.deleted, span.history-deleted {
  93         text-decoration: line-through;
  94         color: #888;
  95         font-style: italic;
  96 }
  97 li span.deleted a, span.history-deleted a {
  98         color: #888;
  99 }
 100
 101 /**
 102  * Patrol stuff
 103  */
 104 .not-patrolled {
 105         background-color: #ffa;
 106 }
 107
 108 .unpatrolled {
 109         font-weight: bold;
 110         color: red;
 111 }
 112
 113 div.patrollink {
 114         font-size: 75%;
 115         text-align: right;
 116 }
 117
 118 /**
 119  * Forms
 120  */
 121 td.mw-label { text-align: right; }
 122 td.mw-input { text-align: left; }
 123 td.mw-submit { text-align: left; }
 124
 125 td.mw-label { vertical-align: top; }
 126 .prefsection td.mw-label { width: 20%; }
 127 .prefsection table { width: 100%; }
 128 td.mw-submit { white-space: nowrap; }
 129
 130 table.mw-htmlform-nolabel td.mw-label {
 131         width: 0 !important;
 132 }
 133
 134 tr.mw-htmlform-vertical-label td.mw-label {
 135         text-align: left !important;
 136 }
 137
 138 .mw-htmlform-invalid-input td.mw-input input {
 139         border-color: red;
 140 }
 141 .mw-htmlform-multiselect-flatlist div.mw-htmlform-multiselect-item {
 142         display: inline;
 143         margin-right: 1em;
 144         white-space: nowrap;
 145 }
 146
 147 input#wpSummary {
 148         width: 80%;
 149 }
 150
 151 /**
 152  * Image captions
 153  */
 154 .thumbcaption { text-align: left; }
 155 .magnify { float: right; }
 156
 157 /**
 158  * Hidden categories
 159  */
 160 .mw-hidden-cats-hidden { display: none; }
 161 .catlinks-allhidden { display: none; }
 162
 163 /* Convenience links to edit block, delete and protect reasons */
 164 p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
 165 p.mw-filedelete-editreasons, p.mw-delete-editreasons,
 166 p.mw-revdel-editreasons {
 167         font-size: 90%;
 168         text-align: right;
 169 }
 170
 171 /*
 172  * OpenSearch ajax suggestions
 173  */
 174 .os-suggest {
 175         overflow: auto;
 176         overflow-x: hidden;
 177         position: absolute;
 178         top: 0px;
 179         left: 0px;
 180         width: 0px;
 181         background-color: white;
 182         background-color: Window;
 183         border-style: solid;
 184         border-color: #AAAAAA;
 185         border-width: 1px;
 186         z-index:99;
 187         font-size:95%;
 188 }
 189
 190 table.os-suggest-results {
 191         font-size: 95%;
 192         cursor: pointer;
 193         border: 0;
 194         border-collapse: collapse;
 195         width: 100%;
 196 }
 197
 198 .os-suggest-result, .os-suggest-result-hl {
 199         white-space: nowrap;
 200         background-color: white;
 201         background-color: Window;
 202         color: black;
 203         color: WindowText;
 204         padding: 2px;
 205 }
 206 .os-suggest-result-hl,
 207 .os-suggest-result-hl-webkit {
 208         background-color: #4C59A6;
 209         color: white;
 210 }
 211 .os-suggest-result-hl {
 212         /* System colors are misimplemented in Safari 3.0 and earlier,
 213            making highlighted text illegible... */
 214         background-color: Highlight;
 215         color: HighlightText;
 216 }
 217
 218 .os-suggest-toggle {
 219         position: relative;
 220         left: 1ex;
 221         font-size: 65%;
 222 }
 223 .os-suggest-toggle-def {
 224         position: absolute;
 225         top: 0px;
 226         left: 0px;
 227         font-size: 65%;
 228         visibility: hidden;
 229 }
 230
 231 /* Page history styling */
 232 /* the auto-generated edit comments */
 233 .autocomment { color: gray; }
 234 #pagehistory .history-user {
 235         margin-left: 0.4em;
 236         margin-right: 0.2em;
 237 }
 238 #pagehistory span.minor {
 239         font-weight: bold;
 240 }
 241 #pagehistory li {
 242         border: 1px solid white;
 243 }
 244 #pagehistory li.selected {
 245         background-color: #f9f9f9;
 246         border: 1px dashed #aaa;
 247 }
 248
 249 /** Generic minor/bot/newpage styling */
 250 .newpage, .minor, .bot {
 251         font-weight: bold;
 252 }
 253
 254 #shared-image-dup, #shared-image-conflict {
 255         font-style: italic;
 256 }
 257
 258 /*
 259  * Recreating deleted page warning
 260  * Reupload file warning
 261  * Page protection warning
 262  * incl. log entries for these warnings
 263  */
 264 div.mw-warning-with-logexcerpt {
 265         padding: 3px;
 266         margin-bottom: 3px;
 267         border: 2px solid #2F6FAB;
 268         clear: both;
 269 }
 270 div.mw-warning-with-logexcerpt ul li {
 271         font-size: 90%;
 272 }
 273
 274 /* (show/hide) revision deletion links */
 275 span.mw-revdelundel-link,
 276 strong.mw-revdelundel-link {
 277         font-size: 90%;
 278 }
 279 span.mw-revdelundel-hidden,
 280 input.mw-revdelundel-hidden {
 281         visibility: hidden;
 282 }
 283
 284 td.mw-revdel-checkbox, th.mw-revdel-checkbox {
 285         padding-right: 10px;
 286         text-align: center;
 287 }
 288
 289 /* feed links */
 290 a.feedlink {
 291         /* @embed */
 292         background: url("images/feed-icon.png") center left no-repeat;
 293         padding-left: 16px;
 294 }
 295
 296 /* Plainlinks - this can be used to switch
 297  * off special external link styling */
 298 .plainlinks a {
 299         background: none !important;
 300         padding: 0 !important;
 301 }
 302 /* External URLs should always be treated as LTR (bug 4330) */
 303 /* @noflip */ .rtl a.external.free, .rtl a.external.autonumber {
 304         direction: ltr;
 305         unicode-bidi: embed;
 306 }
 307
 308 /* wikitable class for skinning normal tables
 309  * keep on sync with commonPrint.css
 310  */
 311 table.wikitable {
 312         margin: 1em 1em 1em 0;
 313         background: #f9f9f9;
 314         border: 1px #aaa solid;
 315         border-collapse: collapse;
 316         color: black;
 317 }
 318 .wikitable th, .wikitable td {
 319         border: 1px #aaa solid;
 320         padding: 0.2em;
 321 }
 322 .wikitable th {
 323         background: #f2f2f2;
 324         text-align: center;
 325 }
 326 .wikitable caption {
 327         font-weight: bold;
 328 }
 329
 330 /* hide initially collapsed collapsable tables */
 331 table.collapsed tr.collapsable {
 332         display: none;
 333 }
 334
 335 /* success and error messages */
 336 .success {
 337         color: green;
 338         font-size: larger;
 339 }
 340 .warning {
 341         color: #FFA500; /* orange */
 342         font-size: larger;
 343 }
 344 .error {
 345         color: red;
 346         font-size: larger;
 347 }
 348 .errorbox, .warningbox, .successbox {
 349         font-size: larger;
 350         border: 2px solid;
 351         padding: .5em 1em;
 352         float: left;
 353         margin-bottom: 2em;
 354         color: #000;
 355 }
 356 .errorbox {
 357         border-color: red;
 358         background-color: #fff2f2;
 359 }
 360 .warningbox {
 361         border-color: #FF8C00; /* darkorange */
 362         background-color: #FFFFC0;
 363 }
 364 .successbox {
 365         border-color: green;
 366         background-color: #dfd;
 367 }
 368 .errorbox h2, .warningbox h2, .successbox h2 {
 369         font-size: 1em;
 370         font-weight: bold;
 371         display: inline;
 372         margin: 0 .5em 0 0;
 373         border: none;
 374 }
 375
 376 /* general info/warning box for SP */
 377 .mw-infobox {
 378         border: 2px solid #ff7f00;
 379         margin: 0.5em;
 380         clear: left;
 381         overflow: hidden;
 382 }
 383
 384 .mw-infobox-left {
 385         margin: 7px;
 386         float: left;
 387         width: 35px;
 388 }
 389
 390 .mw-infobox-right {
 391         margin: 0.5em 0.5em 0.5em 49px;
 392 }
 393
 394 /* Note on preview page */
 395 .previewnote {
 396         color: #c00;
 397         margin-bottom: 1em;
 398 }
 399
 400 .previewnote p {
 401         text-indent: 3em;
 402         margin: 0.8em 0;
 403 }
 404
 405 .visualClear {
 406         clear: both;
 407 }
 408
 409 #mw_trackbacks {
 410         border: solid 1px #bbbbff;
 411         background-color: #eeeeff;
 412         padding: 0.2em;
 413 }
 414
 415 /*
 416         Table pager (e.g. Special:ListFiles)
 417         - remove underlines from the navigation link
 418         - collapse borders
 419         - set the borders to outsets (similar to Special:AllMessages)
 420         - remove line wrapping for all td and th, set background color
 421         - restore line wrapping for the last two table cells (description and size)
 422 */
 423 .TablePager {
 424         min-width: 80%;
 425         border-collapse: collapse;
 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         margin-left: 2px;
 647         margin-bottom: -8px;
 648         padding: 0px 0px 0px 15px;
 649         /* @embed */
 650         background-image: url('images/help-question.gif');
 651         background-position: left center;
 652         background-repeat: no-repeat;
 653         cursor: pointer;
 654         font-size: .8em;
 655         text-decoration: underline;
 656         color: #0645ad;
 657 }
 658 .mw-help-field-hint:hover {
 659         /* @embed */
 660         background-image: url('images/help-question-hover.gif');
 661 }
 662 .mw-help-field-data {
 663         display: block;
 664         background-color: #d6f3ff;
 665         padding:5px 8px 4px 8px;
 666         border: 1px solid #5dc9f4;
 667         margin-left: 20px;
 668 }
 669 .tipsy {
 670         padding: 5px 5px 10px;
 671         font-size: 12px;
 672         position: absolute;
 673         z-index: 100000;
 674         overflow: visible;
 675 }
 676 .tipsy-inner {
 677         padding: 5px 8px 4px 8px;
 678         background-color: #d6f3ff;
 679         color: black;
 680         border: 1px solid #5dc9f4;
 681         max-width: 300px;
 682         text-align: left;
 683 }
 684 .tipsy-arrow {
 685         position: absolute;
 686         /* @embed */
 687         background: url(images/tipsy-arrow.gif) no-repeat top left;
 688         width: 13px;
 689         height: 13px;
 690 }
 691 .tipsy-se .tipsy-arrow {
 692         bottom: -2px;
 693         right: 10px;
 694         background-position: 0% 100%;
 695 }
 696 /* Table Sorting */
 697 th.headerSort {
 698         background-image: url(images/sort_both.gif);
 699         cursor: pointer;
 700         background-repeat: no-repeat;
 701         background-position: center right;
 702         padding-right: 21px;
 703 }
 704 th.headerSortUp {
 705         background-image: url(images/sort_up.gif);
 706 }
 707 th.headerSortDown {
 708         background-image: url(images/sort_down.gif);
 709 }
 710
 711 /* LTR content in RTL layout */
 712 .ltr {
 713         /* @noflip */
 714         direction: ltr;
 715         unicode-bidi: embed;
 716 }
 717