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