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 div.searchresult {
 106         font-size: 95%;
 107         width:38em;
 108 }
 109 .mw-search-results li {
 110         padding-bottom: 1em;
 111         list-style:none;
 112 }
 113 .mw-search-result-data {
 114         color: green;
 115         font-size: 97%;
 116 }
 117
 118 td#mw-search-menu {
 119         padding-left:6em;
 120         font-size:85%;
 121 }
 122
 123 div#mw-search-interwiki {
 124         float: right;
 125         width: 18em;
 126         border-style: solid;
 127         border-color: #AAAAAA;
 128         border-width: 1px;
 129         margin-top: 2ex;
 130 }
 131
 132 div#mw-search-interwiki li {
 133         font-size: 95%;
 134 }
 135
 136 .mw-search-interwiki-more {
 137         float: right;
 138         font-size: 90%;
 139 }
 140
 141 span.searchalttitle {
 142         font-size: 95%;
 143 }
 144
 145 div.searchdidyoumean {
 146         font-size: 127%;
 147         margin-bottom: 1ex;
 148         margin-top: 1ex;
 149         /* Note that this color won't affect the link, as desired. */
 150         color: #c00;
 151 }
 152
 153 div.searchdidyoumean em {
 154         font-weight: bold;
 155 }
 156
 157 .searchmatch {
 158         font-weight: bold;
 159 }
 160
 161 div.searchresults {
 162         border:1px solid darkblue;
 163         padding-top: 10px;
 164         padding-bottom: 10px;
 165         padding-left: 20px;
 166         padding-right: 20px;
 167 }
 168
 169 /*
 170  * UserRights stuff
 171  */
 172 .mw-userrights-disabled {
 173         color: #888;
 174 }
 175
 176 table.mw-userrights-groups * td,table.mw-userrights-groups * th {
 177         padding-right: 1.5em;
 178 }
 179
 180 /*
 181  * OpenSearch ajax suggestions
 182  */
 183 .os-suggest {
 184         overflow: auto;
 185         overflow-x: hidden;
 186         position: absolute;
 187         top: 0px;
 188         left: 0px;
 189         width: 0px;
 190         background-color: white;
 191         background-color: Window;
 192         border-style: solid;
 193         border-color: #AAAAAA;
 194         border-width: 1px;
 195         z-index:99;
 196         visibility:hidden;
 197         font-size:95%;
 198 }
 199
 200 table.os-suggest-results {
 201         font-size: 95%;
 202         cursor: pointer;
 203         border: 0;
 204         border-collapse: collapse;
 205         width: 100%;
 206 }
 207
 208 td.os-suggest-result, td.os-suggest-result-hl {
 209         white-space: nowrap;
 210         background-color: white;
 211         background-color: Window;
 212         color: black;
 213         color: WindowText;
 214         padding: 2px;
 215 }
 216 td.os-suggest-result-hl,
 217 td.os-suggest-result-hl-webkit {
 218         background-color: #4C59A6;
 219         color: white;
 220 }
 221 td.os-suggest-result-hl {
 222         /* System colors are misimplemented in Safari 3.0 and earlier,
 223            making highlighted text illegible... */
 224         background-color: Highlight;
 225         color: HighlightText;
 226 }
 227
 228 .os-suggest-toggle {
 229         position: relative;
 230         left: 1ex;
 231         font-size: 65%;
 232 }
 233 .os-suggest-toggle-def {
 234         position: absolute;
 235         top: 0px;
 236         left: 0px;
 237         font-size: 65%;
 238         visibility: hidden;
 239 }
 240
 241 /* Page history styling */
 242 /* the auto-generated edit comments */
 243 .autocomment { color: gray; }
 244 #pagehistory .history-user {
 245     margin-left: 0.4em;
 246     margin-right: 0.2em;
 247 }
 248 #pagehistory span.minor { font-weight: bold; }
 249 #pagehistory li { border: 1px solid white; }
 250 #pagehistory li.selected {
 251     background-color: #f9f9f9;
 252     border: 1px dashed #aaa;
 253 }
 254
 255 /*
 256  * Special:ListGroupRights styling
 257  * Special:Statistics styling
 258  * Special:Tags styling
 259 */
 260
 261 table.mw-listgrouprights-table,
 262 table.mw-statistics-table,
 263 table.mw-tags-table {
 264         border: 1px solid #ccc;
 265         border-collapse: collapse;
 266 }
 267
 268 table.mw-listgrouprights-table tr  {
 269         vertical-align: top;
 270 }
 271
 272 table.mw-listgrouprights-table td, table.mw-listgrouprights-table th,
 273 table.mw-statistics-table td, table.mw-statistics-table th,
 274 table.mw-tags-table td, table.mw-tags-table th {
 275         padding: 0.5em 0.2em 0.5em 0.2em;
 276         border: 1px solid #ccc;
 277 }
 278
 279 td.mw-statistics-numbers {
 280         text-align: right;
 281 }
 282
 283 /* Special:SpecialPages styling */
 284 h4.mw-specialpagesgroup {
 285         background-color: #dcdcdc;
 286         padding: 2px;
 287         margin: .3em 0em 0em 0em;
 288 }
 289 .mw-specialpagerestricted {
 290         font-weight: bold;
 291 }
 292
 293 #shared-image-dup, #shared-image-conflict {
 294         font-style: italic;
 295 }
 296
 297 /* Special:EmailUser styling */
 298 table.mw-emailuser-table {
 299         width: 98%;
 300 }
 301 td#mw-emailuser-sender, td#mw-emailuser-recipient {
 302         font-weight: bold;
 303 }
 304
 305 /* Special:Allpages styling */
 306 table.allpageslist {
 307         background-color: transparent;
 308 }
 309 table.mw-allpages-table-form, table.mw-allpages-table-chunk {
 310         background-color: transparent;
 311         width: 100%;
 312 }
 313 td.mw-allpages-alphaindexline {
 314         text-align: right;
 315 }
 316 td.mw-allpages-nav, p.mw-allpages-nav {
 317         text-align: right;
 318         font-size: smaller;
 319         margin-bottom: 1em;
 320 }
 321 table.mw-allpages-table-form tr  {
 322         vertical-align: top;
 323 }
 324
 325 /* Special:Prefixindex styling */
 326 table#mw-prefixindex-list-table,
 327 table#mw-prefixindex-nav-table {
 328         width: 98%;
 329         background-color: transparent;
 330 }
 331 td#mw-prefixindex-nav-form  {
 332         font-size: smaller;
 333         margin-bottom: 1em;
 334         text-align: right;
 335         vertical-align: top;
 336 }
 337
 338 /*
 339  * Recreating deleted page warning
 340  * Reupload file warning
 341  * Page protection warning
 342  * incl. log entries for these warnings
 343  */
 344 div.mw-warning-with-logexcerpt {
 345         padding: 3px;
 346         margin-bottom: 3px;
 347         border: 2px solid #2F6FAB;
 348 }
 349 div.mw-warning-with-logexcerpt ul li {
 350         font-size: 90%;
 351 }
 352
 353 /* (show/hide) revision deletion links */
 354 span.mw-revdelundel-link,
 355 strong.mw-revdelundel-link {
 356         font-size: 90%;
 357 }
 358
 359 /* feed links */
 360 a.feedlink {
 361         background: url("images/feed-icon.png") center left no-repeat;
 362         padding-left: 16px;
 363 }
 364
 365 /* wikitable class for skinning normal tables */
 366 table.wikitable {
 367     margin: 1em 1em 1em 0;
 368     background: #f9f9f9;
 369     border: 1px #aaa solid;
 370     border-collapse: collapse;
 371 }
 372 .wikitable th, .wikitable td {
 373     border: 1px #aaa solid;
 374     padding: 0.2em;
 375 }
 376 .wikitable th {
 377     background: #f2f2f2;
 378     text-align: center;
 379 }
 380 .wikitable caption {
 381     font-weight: bold;
 382 }
 383
 384 /* success and error messages */
 385 .success {
 386         color: green;
 387         font-size: larger;
 388 }
 389 .error {
 390         color: red;
 391         font-size: larger;
 392 }
 393 .errorbox, .successbox {
 394         font-size: larger;
 395         border: 2px solid;
 396         padding: .5em 1em;
 397         float: left;
 398         margin-bottom: 2em;
 399         color: #000;
 400 }
 401 .errorbox {
 402         border-color: red;
 403         background-color: #fff2f2;
 404 }
 405 .successbox {
 406         border-color: green;
 407         background-color: #dfd;
 408 }
 409 .errorbox h2, .successbox h2 {
 410         font-size: 1em;
 411         font-weight: bold;
 412         display: inline;
 413         margin: 0 .5em 0 0;
 414         border: none;
 415 }