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