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