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 /* Display headings on the same line as edit link */
  27 h1, h2, h3, h4, h5, h6 { display: inline; margin: 0; }
  28 /* But then we have to reintroduce the margin.  We use the W3 recommended mar-
  29  * gins <http://www.w3.org/TR/CSS21/sample.html>, multiplying by the recom-
  30  * mended font-size. */
  31 .mw-h1 { margin: 1.34em 0; }
  32 .mw-h2 { margin: 1.13em 0; }
  33 .mw-h3 { margin: 0.97em 0; }
  34 .mw-h4 { margin: 1.12em 0; }
  35 .mw-h5 { margin: 1.25em 0; }
  36 .mw-h6 { margin: 1.25em 0; }
  37
  38 /**
  39  * File histories
  40  */
  41 table.filehistory th,
  42 table.filehistory td {
  43         vertical-align:top;
  44 }
  45 table.filehistory th {
  46         text-align: left;
  47 }
  48 table.filehistory td.mw-imagepage-filesize,
  49 table.filehistory th.mw-imagepage-filesize {
  50         white-space:nowrap;
  51 }
  52
  53 table.filehistory td.filehistory-selected {
  54         font-weight: bold;
  55 }
  56
  57 /*
  58  * rev_deleted stuff
  59  */
  60 li span.deleted, span.history-deleted {
  61         text-decoration: line-through;
  62         color: #888;
  63         font-style: italic;
  64 }
  65
  66 /**
  67  * Forms
  68  */
  69 body.ltr td.mw-label { text-align: right; }
  70 body.ltr td.mw-input { text-align: left; }
  71 body.ltr td.mw-submit { text-align: left; }
  72 body.rtl td.mw-label { text-align: left; }
  73 body.rtl td.mw-input { text-align: right; }
  74 body.rtl td.mw-submit { text-align: right; }
  75
  76 td.mw-label { vertical-align: top; width: 30%; }
  77 td.mw-submit { white-space: nowrap; }
  78
  79 table.mw-htmlform-nolabel td.mw-label { width: 0 !important; }
  80
  81 /**
  82  * Image captions
  83  */
  84 body.rtl .thumbcaption { text-align:right; }
  85 body.rtl .magnify { float:left; }
  86
  87 body.ltr .thumbcaption { text-align:left; }
  88 body.ltr .magnify { float:right; }
  89
  90 /**
  91  * Hidden categories
  92  */
  93 .mw-hidden-cats-hidden { display: none; }
  94 .catlinks-allhidden { display: none; }
  95
  96 /* Convenience links to edit block, delete and protect reasons */
  97 p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
  98 p.mw-filedelete-editreasons, p.mw-delete-editreasons {
  99         font-size: 90%;
 100         float: right;
 101 }
 102
 103 /* Search results */
 104 .searchresults {
 105 }
 106
 107 .searchresults p {
 108         margin-left: 0.4em;
 109         margin-top: 1em;
 110         margin-bottom: 1.2em;
 111 }
 112
 113 div.searchresult {
 114         font-size: 95%;
 115         width:38em;
 116 }
 117
 118 .mw-search-results {
 119         margin-left: 0.4em;
 120 }
 121
 122 .mw-search-results li {
 123         padding-bottom: 1em;
 124         list-style:none;
 125         list-style-image:none;
 126 }
 127 .mw-search-results li a {
 128         font-size: 108%;
 129 }
 130
 131 .mw-search-result-data {
 132         color: green;
 133         font-size: 97%;
 134 }
 135
 136 .mw-search-formheader {
 137         background-color: #f3f3f3;
 138         margin-top: 1em;
 139         border: 1px solid silver;
 140 }
 141 .mw-search-formheader div.search-types {
 142         float:left;
 143         padding-left: 0.25em;
 144 }
 145 .mw-search-formheader div.search-types ul {
 146         margin: 0 !important;
 147         padding: 0 !important;
 148         list-style: none !important;
 149 }
 150 .mw-search-formheader div.search-types ul li {
 151         float: left;
 152         margin: 0;
 153         padding: 0;
 154 }
 155 .mw-search-formheader div.search-types ul li a {
 156         display: block;
 157         padding: 0.5em;
 158 }
 159 .mw-search-formheader div.search-types ul li.current a {
 160         color: #333333;
 161         cursor: default;
 162 }
 163 .mw-search-formheader div.search-types ul li.current a:hover {
 164         text-decoration: none;
 165 }
 166 .mw-search-formheader div.results-info {
 167         float: right;
 168         padding: 0.5em;
 169         padding-right: 0.75em;
 170 }
 171 .mw-search-formheader div.results-info ul {
 172         margin: 0 !important;
 173         padding: 0 !important;
 174         list-style: none !important;
 175 }
 176 .mw-search-formheader div.results-info ul li {
 177         float: right;
 178         margin: 0;
 179         padding: 0;
 180 }
 181 fieldset#mw-searchoptions {
 182         margin: 0;
 183         padding-left: 0.75em !important;
 184         padding-right: 0.75em !important;
 185         padding-bottom: 0.5em !important;
 186         padding-top: 0.5em !important;
 187         border: none;
 188         background-color: #f9f9f9;
 189         border: 1px solid silver !important;
 190         border-top-width: 0 !important;
 191 }
 192 fieldset#mw-searchoptions legend {
 193         display: none;
 194 }
 195 fieldset#mw-searchoptions h4 {
 196         padding: 0;
 197         margin: 0;
 198         float: left;
 199 }
 200 fieldset#mw-searchoptions div#mw-search-togglebox {
 201         float: right;
 202 }
 203 fieldset#mw-searchoptions div#mw-search-togglebox label {
 204         margin-right: 0.25em;
 205 }
 206 fieldset#mw-searchoptions div#mw-search-togglebox input {
 207         margin-left: 0.25em;
 208 }
 209 fieldset#mw-searchoptions table {
 210         float: left;
 211         margin-right: 3em;
 212 }
 213 fieldset#mw-searchoptions table td {
 214         padding-right: 1em;
 215 }
 216 body.rtl fieldset#mw-searchoptions table {
 217         float: right;
 218 }
 219 fieldset#mw-searchoptions div.divider {
 220         clear: both;
 221         border-bottom: 1px solid #DDDDDD;
 222         padding-top: 0.5em;
 223         margin-bottom: 0.5em;
 224 }
 225
 226 td#mw-search-menu {
 227         padding-left:6em;
 228         font-size:85%;
 229 }
 230
 231 div#mw-search-interwiki {
 232         float: right;
 233         width: 18em;
 234         border-style: solid;
 235         border-color: #AAAAAA;
 236         border-width: 1px;
 237         margin-top: 2ex;
 238 }
 239
 240 .rtl div#mw-search-interwiki {
 241         float: left;
 242 }
 243
 244 div#mw-search-interwiki li {
 245         font-size: 95%;
 246 }
 247
 248 .mw-search-interwiki-more {
 249         float: right;
 250         font-size: 90%;
 251 }
 252
 253 .rtl .mw-search-interwiki-more {
 254         float: left;
 255 }
 256
 257 div#mw-search-interwiki-caption {
 258         text-align: center;
 259         font-weight: bold;
 260         font-size: 95%;
 261 }
 262
 263 .mw-search-interwiki-project {
 264         font-size: 97%;
 265         text-align: left;
 266         padding-left: 0.2em;
 267         padding-right: 0.15em;
 268         padding-bottom: 0.2em;
 269         padding-top: 0.15em;
 270         background-color:#ececec;
 271         border-top:1px solid #BBBBBB;
 272 }
 273
 274 .rtl .mw-search-interwiki-project {
 275         text-align: right;
 276 }
 277
 278 span.searchalttitle {
 279         font-size: 95%;
 280 }
 281
 282 div.searchdidyoumean {
 283         font-size: 127%;
 284         margin-bottom: 1ex;
 285         margin-top: 1ex;
 286         /* Note that this color won't affect the link, as desired. */
 287         color: #c00;
 288 }
 289
 290 div.searchdidyoumean em {
 291         font-weight: bold;
 292 }
 293
 294 .searchmatch {
 295         font-weight: bold;
 296 }
 297
 298
 299 /*
 300  * Advanced PowerSearch box
 301  */
 302
 303 td#mw-search-togglebox {
 304         text-align: right;
 305 }
 306
 307 table#mw-search-powertable {
 308         width:100%;
 309 }
 310
 311 form#powersearch {
 312         clear: both;
 313 }
 314
 315
 316 /*
 317  * UserRights stuff
 318  */
 319 .mw-userrights-disabled {
 320         color: #888;
 321 }
 322
 323 table.mw-userrights-groups * td,table.mw-userrights-groups * th {
 324         padding-right: 1.5em;
 325 }
 326
 327 /*
 328  * OpenSearch ajax suggestions
 329  */
 330 .os-suggest {
 331         overflow: auto;
 332         overflow-x: hidden;
 333         position: absolute;
 334         top: 0px;
 335         left: 0px;
 336         width: 0px;
 337         background-color: white;
 338         background-color: Window;
 339         border-style: solid;
 340         border-color: #AAAAAA;
 341         border-width: 1px;
 342         z-index:99;
 343         visibility:hidden;
 344         font-size:95%;
 345 }
 346
 347 table.os-suggest-results {
 348         font-size: 95%;
 349         cursor: pointer;
 350         border: 0;
 351         border-collapse: collapse;
 352         width: 100%;
 353 }
 354
 355 td.os-suggest-result, td.os-suggest-result-hl {
 356         white-space: nowrap;
 357         background-color: white;
 358         background-color: Window;
 359         color: black;
 360         color: WindowText;
 361         padding: 2px;
 362 }
 363 td.os-suggest-result-hl,
 364 td.os-suggest-result-hl-webkit {
 365         background-color: #4C59A6;
 366         color: white;
 367 }
 368 td.os-suggest-result-hl {
 369         /* System colors are misimplemented in Safari 3.0 and earlier,
 370            making highlighted text illegible... */
 371         background-color: Highlight;
 372         color: HighlightText;
 373 }
 374
 375 .os-suggest-toggle {
 376         position: relative;
 377         left: 1ex;
 378         font-size: 65%;
 379 }
 380 .os-suggest-toggle-def {
 381         position: absolute;
 382         top: 0px;
 383         left: 0px;
 384         font-size: 65%;
 385         visibility: hidden;
 386 }
 387
 388 /* Page history styling */
 389 /* the auto-generated edit comments */
 390 .autocomment { color: gray; }
 391 #pagehistory .history-user {
 392     margin-left: 0.4em;
 393     margin-right: 0.2em;
 394 }
 395 #pagehistory span.minor { font-weight: bold; }
 396 #pagehistory li { border: 1px solid white; }
 397 #pagehistory li.selected {
 398     background-color: #f9f9f9;
 399     border: 1px dashed #aaa;
 400 }
 401
 402 /* Special:Contributions styling */
 403 .mw-uctop {
 404         font-weight: bold;
 405 }
 406
 407 /* Special:ListGroupRights styling */
 408 table.mw-listgrouprights-table tr  {
 409         vertical-align: top;
 410 }
 411 .listgrouprights-revoked { text-decoration: line-through; }
 412
 413 /* Special:Statistics styling */
 414 td.mw-statistics-numbers {
 415         text-align: right;
 416 }
 417
 418 /* Special:SpecialPages styling */
 419 h4.mw-specialpagesgroup {
 420         background-color: #dcdcdc;
 421         padding: 2px;
 422         margin: .3em 0em 0em 0em;
 423 }
 424 .mw-specialpagerestricted {
 425         font-weight: bold;
 426 }
 427
 428 #shared-image-dup, #shared-image-conflict {
 429         font-style: italic;
 430 }
 431
 432 /* Special:EmailUser styling */
 433 table.mw-emailuser-table {
 434         width: 98%;
 435 }
 436 td#mw-emailuser-sender, td#mw-emailuser-recipient {
 437         font-weight: bold;
 438 }
 439
 440 /* Special:Allpages styling */
 441 table.allpageslist {
 442         background-color: transparent;
 443 }
 444 table.mw-allpages-table-form, table.mw-allpages-table-chunk {
 445         background-color: transparent;
 446         width: 100%;
 447 }
 448 td.mw-allpages-alphaindexline {
 449         text-align: right;
 450 }
 451 td.mw-allpages-nav, p.mw-allpages-nav {
 452         text-align: right;
 453         font-size: smaller;
 454         margin-bottom: 1em;
 455 }
 456 table.mw-allpages-table-form tr  {
 457         vertical-align: top;
 458 }
 459
 460 /* Special:Prefixindex styling */
 461 table#mw-prefixindex-list-table,
 462 table#mw-prefixindex-nav-table {
 463         width: 98%;
 464         background-color: transparent;
 465 }
 466 td#mw-prefixindex-nav-form  {
 467         font-size: smaller;
 468         margin-bottom: 1em;
 469         text-align: right;
 470         vertical-align: top;
 471 }
 472
 473 /*
 474  * Recreating deleted page warning
 475  * Reupload file warning
 476  * Page protection warning
 477  * incl. log entries for these warnings
 478  */
 479 div.mw-warning-with-logexcerpt {
 480         padding: 3px;
 481         margin-bottom: 3px;
 482         border: 2px solid #2F6FAB;
 483 }
 484 div.mw-warning-with-logexcerpt ul li {
 485         font-size: 90%;
 486 }
 487
 488 /* (show/hide) revision deletion links */
 489 span.mw-revdelundel-link,
 490 strong.mw-revdelundel-link {
 491         font-size: 90%;
 492 }
 493
 494 /* feed links */
 495 a.feedlink {
 496         background: url("images/feed-icon.png") center left no-repeat;
 497         padding-left: 16px;
 498 }
 499
 500 /* wikitable class for skinning normal tables */
 501 table.wikitable {
 502     margin: 1em 1em 1em 0;
 503     background: #f9f9f9;
 504     border: 1px #aaa solid;
 505     border-collapse: collapse;
 506 }
 507 .wikitable th, .wikitable td {
 508     border: 1px #aaa solid;
 509     padding: 0.2em;
 510 }
 511 .wikitable th {
 512     background: #f2f2f2;
 513     text-align: center;
 514 }
 515 .wikitable caption {
 516     font-weight: bold;
 517 }
 518
 519 /* success and error messages */
 520 .success {
 521         color: green;
 522         font-size: larger;
 523 }
 524 .error {
 525         color: red;
 526         font-size: larger;
 527 }
 528 .errorbox, .successbox {
 529         font-size: larger;
 530         border: 2px solid;
 531         padding: .5em 1em;
 532         float: left;
 533         margin-bottom: 2em;
 534         color: #000;
 535 }
 536 .errorbox {
 537         border-color: red;
 538         background-color: #fff2f2;
 539 }
 540 .successbox {
 541         border-color: green;
 542         background-color: #dfd;
 543 }
 544 .errorbox h2, .successbox h2 {
 545         font-size: 1em;
 546         font-weight: bold;
 547         display: inline;
 548         margin: 0 .5em 0 0;
 549         border: none;
 550 }
 551
 552 .visualClear {
 553         clear: both;
 554 }
 555
 556 #mw_trackbacks {
 557         border: solid 1px #bbbbff;
 558         background-color: #eeeeff;
 559         padding: 0.2em;
 560 }
 561
 562 /*
 563   Table pager (e.g. Special:Imagelist)
 564   - remove underlines from the navigation link
 565   - collapse borders
 566   - set the borders to outsets (similar to Special:Allmessages)
 567   - remove line wrapping for all td and th, set background color
 568   - restore line wrapping for the last two table cells (description and size)
 569 */
 570 .TablePager { min-width: 80%; }
 571 .TablePager_nav a { text-decoration: none; }
 572 .TablePager { border-collapse: collapse; }
 573 .TablePager, .TablePager td, .TablePager th {
 574         border: 1px solid #aaaaaa;
 575         padding: 0 0.15em 0 0.15em;
 576 }
 577 .TablePager th { background-color: #eeeeff }
 578 .TablePager td { background-color: #ffffff }
 579 .TablePager tr:hover td { background-color: #eeeeff }
 580
 581 .imagelist td, .imagelist th { white-space: nowrap }
 582 .imagelist .TablePager_col_links { background-color: #eeeeff }
 583 .imagelist .TablePager_col_img_description { white-space: normal }
 584 .imagelist th.TablePager_sort { background-color: #ccccff }