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