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