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