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