resources/src/mediawiki.legacy/oldshared.css

   1 /**
   2  * oldshared.css
   3  * This file contains CSS settings common to Wikistandard, Nostalgia and
   4  * CologneBlue, the old pre-Monobook skins
   5  */
   6
   7 /* For clarity, explicitly state some recommendations from
   8  * http://www.w3.org/TR/CSS21/sample.html to make sure the editsection links scale right
   9  */
  10
  11 h1 {
  12         font-size: 2em;
  13 }
  14
  15 h2 {
  16         font-size: 1.5em;
  17 }
  18
  19 h3 {
  20         font-size: 1.17em;
  21 }
  22
  23 h4 {
  24         font-size: 1.11em;
  25 }
  26
  27 h5 {
  28         font-size: 1.05em;
  29 }
  30
  31 h6 {
  32         font-size: 1em;
  33 }
  34
  35 h1, h2, h3, h4, h5, h6 {
  36         font-weight: bolder;
  37 }
  38
  39 /* Now the custom parts */
  40
  41 #footer {
  42         clear: both;
  43 }
  44
  45 /* images */
  46 /* @noflip */
  47 div.floatright {
  48         float: right;
  49         clear: right;
  50         margin: 0 0 1em 1em;
  51 }
  52
  53 /* @noflip */
  54 div.floatright p {
  55         font-style: italic;
  56 }
  57
  58 /* @noflip */
  59 div.floatleft {
  60         float: left;
  61         clear: left;
  62         margin: 0.3em 0.5em 0.5em 0;
  63 }
  64
  65 /* @noflip */
  66 div.floatleft p {
  67         font-style: italic;
  68 }
  69
  70 /* table standards */
  71 table.rimage {
  72         float: right;
  73         margin-left: 1em;
  74         margin-bottom: 1em;
  75         text-align: center;
  76         font-size: smaller;
  77 }
  78
  79 /* thumbnails */
  80 div.thumb {
  81         margin-bottom: .5em;
  82         border-style: solid;
  83         border-color: white;
  84         width: auto;
  85 }
  86
  87 div.thumbinner {
  88         border: 1px solid #ccc;
  89         padding: 3px;
  90         background-color: #f9f9f9;
  91         font-size: 94%;
  92         text-align: center;
  93         overflow: hidden;
  94 }
  95
  96 html .thumbimage {
  97         border: 1px solid #ccc;
  98 }
  99
 100 html .thumbcaption {
 101         border: none;
 102         line-height: 1.4em;
 103         padding: 3px;
 104         font-size: 94%;
 105         text-align: left;
 106 }
 107
 108 div.magnify {
 109         float: right;
 110         margin-left: 3px;
 111 }
 112
 113 div.magnify a {
 114         display: block;
 115         /* Hide the text… */
 116         text-indent: 15px;
 117         white-space: nowrap;
 118         overflow: hidden;
 119         /* …and replace it with the image */
 120         width: 15px;
 121         height: 11px;
 122         /* Use same SVG support hack as mediawiki.legacy's shared.css */
 123         background: url(images/magnify-clip-ltr.png) center center no-repeat;
 124         /* @embed */
 125         background-image: -webkit-linear-gradient(transparent, transparent), url(images/magnify-clip-ltr.svg);
 126         /* @embed */
 127         background-image: linear-gradient(transparent, transparent), url(images/magnify-clip-ltr.svg);
 128         /* Don't annoy people who copy-paste everything too much */
 129         -moz-user-select: none;
 130         -webkit-user-select: none;
 131         -ms-user-select: none;
 132         user-select: none;
 133 }
 134
 135 /* @noflip */
 136 div.tright {
 137         clear: right;
 138         float: right;
 139         border-width: .5em 0 .8em 1.4em;
 140 }
 141
 142 /* @noflip */
 143 div.tleft {
 144         float: left;
 145         clear: left;
 146         margin-right: .5em;
 147         border-width: .5em 1.4em .8em 0;
 148 }
 149
 150 img.thumbborder {
 151         border: 1px solid #dddddd;
 152 }
 153
 154 /* Page history styling */
 155 /* the auto-generated edit comments */
 156 .autocomment {
 157         color: #4b4b4b;
 158 }
 159
 160 img {
 161         border: none;
 162 }
 163
 164 #toc,
 165 .toc {
 166         border: 1px solid #bba;
 167         background-color: #f7f8ff;
 168         padding: 5px;
 169         font-size: 95%;
 170         text-align: center;
 171         display: inline-block;
 172         display: table;
 173
 174         /* IE7 and earlier */
 175         zoom: 1;
 176         *display: inline;
 177
 178         padding: 7px;
 179 }
 180
 181 /* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
 182 table#toc,
 183 table.toc {
 184         border-collapse: collapse;
 185 }
 186
 187 /* Remove additional paddings inside table-cells that are not present in <div>s */
 188 table#toc td,
 189 table.toc td {
 190         padding: 0;
 191 }
 192
 193 #toc h2,
 194 .toc h2 {
 195         display: inline;
 196         border: none;
 197         padding: 0;
 198         font-size: 100%;
 199         font-weight: bold;
 200 }
 201
 202 #toc ul,
 203 .toc ul {
 204         list-style-type: none;
 205         list-style-image: none;
 206         padding: 0;
 207         text-align: left;
 208 }
 209
 210 #toc ul ul,
 211 .toc ul ul {
 212         margin: 0 0 0 2em;
 213 }
 214
 215 #toc .toctoggle,
 216 .toc .toctoggle {
 217         font-size: 94%;
 218 }
 219
 220 .error {
 221         color: red;
 222         font-size: larger;
 223 }
 224
 225 /* preference page with js-genrated toc */
 226 #preftoc {
 227         float: left;
 228         margin: 1em 1em 1em 1em;
 229         width: 13em;
 230 }
 231
 232 #preftoc li {
 233         border: 1px solid White;
 234 }
 235
 236 #preftoc li.selected {
 237         background-color: #f9f9f9;
 238         border: 1px dashed #aaaaaa;
 239 }
 240
 241 #preftoc a,
 242 #preftoc a:active {
 243         display: block;
 244         color: #005189;
 245 }
 246
 247 .mw-prefs-buttons {
 248         clear: left;
 249         float: left;
 250         margin-top: 1em;
 251 }
 252
 253 div.htmlform-tip {
 254         font-size: 94%;
 255         margin-top: 0.4em;
 256         color: #666;
 257 }
 258
 259 fieldset.prefsection {
 260         margin-top: 1em;
 261 }
 262
 263 fieldset.operaprefsection {
 264         margin-left: 15em;
 265 }
 266
 267 /* emulate center */
 268 .center {
 269         width: 100%;
 270         text-align: center;
 271 }
 272
 273 *.center * {
 274         margin-left: auto;
 275         margin-right: auto;
 276 }
 277
 278 /* small for tables and similar */
 279 .small {
 280         font-size: 94%;
 281 }
 282
 283 table.small {
 284         font-size: 100%;
 285 }
 286
 287 /* use this instead of #toc for page content */
 288 .toccolours {
 289         border: 1px solid #aaaaaa;
 290         background-color: #f9f9f9;
 291         padding: 5px;
 292         font-size: 95%;
 293 }
 294
 295 #siteNotice {
 296         border: 1px solid #aaaaaa;
 297         padding-left: 0.5em;
 298         padding-right: 0.5em;
 299 }
 300
 301 .sharedUploadNotice {
 302         font-style: italic;
 303 }
 304
 305 span.unpatrolled {
 306         font-weight: bold;
 307         color: red;
 308 }
 309
 310 span.updatedmarker {
 311         color: black;
 312         background-color: #00FF00;
 313 }
 314
 315 div.gallerybox {
 316         width: 150px;
 317 }
 318
 319 span.comment {
 320         font-style: italic;
 321 }
 322
 323 .previewnote {
 324         text-align: center;
 325         color: #cc0000;
 326 }
 327
 328 .editExternally {
 329         border-style: solid;
 330         border-width: 1px;
 331         border-color: gray;
 332         background: #ffffff;
 333         padding: 3px;
 334         margin-top: 0.5em;
 335         float: left;
 336         font-size: small;
 337         text-align: center;
 338 }
 339
 340 .editExternallyHelp {
 341         font-style: italic;
 342         color: gray;
 343 }
 344
 345 li span.deleted {
 346         text-decoration: line-through;
 347         color: #888;
 348         font-style: italic;
 349 }
 350
 351 /* Classes for Exif data display */
 352 table.mw_metadata {
 353         margin-left: 0.5em;
 354 }
 355
 356 table.mw_metadata caption {
 357         font-weight: bold;
 358 }
 359
 360 table.mw_metadata th {
 361         font-weight: normal;
 362 }
 363
 364 table.mw_metadata td {
 365         padding: 0.1em;
 366 }
 367
 368 table.mw_metadata {
 369         border: none;
 370         border-collapse: collapse;
 371 }
 372
 373 table.mw_metadata td,
 374 table.mw_metadata th {
 375         border: 1px solid #aaaaaa;
 376         padding-left: 4px;
 377         padding-right: 4px;
 378 }
 379
 380 table.mw_metadata th {
 381         background-color: #f9f9f9;
 382 }
 383
 384 table.mw_metadata td {
 385         background-color: #fcfcfc;
 386 }
 387
 388 table.mw_metadata td.spacer {
 389         background: inherit;
 390         border-top: none;
 391         border-bottom: none;
 392 }
 393
 394 .visualClear {
 395         clear: both;
 396 }
 397
 398 /* Allmessages table */
 399 #allmessagestable th {
 400         background-color: #b2b2ff;
 401 }
 402
 403 #allmessagestable tr.orig {
 404         background-color: #ffe2e2;
 405 }
 406
 407 #allmessagestable tr.new {
 408         background-color: #e2ffe2;
 409 }
 410
 411 #allmessagestable tr.def {
 412         background-color: #f0f0ff;
 413 }
 414
 415 #jump-to-nav {
 416         display: none;
 417 }
 418
 419 div.multipageimagenavbox {
 420         border: solid 1px silver;
 421         padding: 4px;
 422         margin: 1em;
 423         background: #f0f0f0;
 424 }
 425
 426 div.multipageimagenavbox div.thumb {
 427         border: none;
 428         margin-left: 2em;
 429         margin-right: 2em;
 430 }
 431
 432 div.multipageimagenavbox hr {
 433         margin: 6px;
 434 }
 435
 436 table.multipageimage td {
 437         text-align: center;
 438 }
 439
 440 .templatesUsed {
 441         margin-top: 1em;
 442 }
 443
 444 .MediaTransformError {
 445         border: thin solid #777;
 446         background-color: #ccc;
 447         padding: 0.1em;
 448 }
 449
 450 .MediaTransformError td {
 451         text-align: center;
 452         vertical-align: middle;
 453         font-size: 90%;
 454 }
 455
 456 form#specialpages {
 457         display: inline;
 458 }
 459
 460 body {
 461         direction: ltr;
 462         unicode-bidi: embed;
 463         background-color: #ffffec;
 464 }
 465
 466 body.ns-0 {
 467         background-color: white;
 468 }
 469
 470 /** RTL specific CSS starts here **/
 471
 472 /**
 473  * Lists:
 474  * The following lines don't have a visible effect on non-Gecko browsers
 475  * They fix a problem with Gecko browsers rendering lists to the right of
 476  * left-floated objects in an RTL layout.
 477  */
 478 /* @noflip */
 479 html > body.rtl div#article ul {
 480         display: table;
 481 }
 482
 483 /* @noflip */
 484 html > body.rtl .mw-body ul#filetoc {
 485         display: block;
 486 }
 487
 488 /* RTL specific CSS ends here **/