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  * https://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,
  36 h2,
  37 h3,
  38 h4,
  39 h5,
  40 h6 {
  41         font-weight: bolder;
  42 }
  43
  44 /* Now the custom parts */
  45
  46 #footer {
  47         clear: both;
  48 }
  49
  50 /* images */
  51 /* @noflip */
  52 div.floatright {
  53         float: right;
  54         clear: right;
  55         margin: 0 0 1em 1em;
  56 }
  57
  58 /* @noflip */
  59 div.floatright p {
  60         font-style: italic;
  61 }
  62
  63 /* @noflip */
  64 div.floatleft {
  65         float: left;
  66         clear: left;
  67         margin: 0.3em 0.5em 0.5em 0;
  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: 0.5em;
  82         border-style: solid;
  83         border-color: #fff;
  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         /* new block formatting context,
  94          * to clear background from floating content  */
  95         overflow: hidden;
  96 }
  97
  98 html .thumbimage {
  99         border: 1px solid #ccc;
 100 }
 101
 102 html .thumbcaption {
 103         border: 0;
 104         line-height: 1.4em;
 105         padding: 3px;
 106         font-size: 94%;
 107         text-align: left;
 108 }
 109
 110 div.magnify {
 111         float: right;
 112         margin-left: 3px;
 113 }
 114
 115 div.magnify a {
 116         display: block;
 117         /* Hide the text… */
 118         text-indent: 15px;
 119         white-space: nowrap;
 120         overflow: hidden;
 121         /* …and replace it with the image */
 122         width: 15px;
 123         height: 11px;
 124         /* Use same SVG support hack as mediawiki.legacy's shared.css */
 125         background: url( images/magnify-clip-ltr.png ) center center no-repeat;
 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: 0.5em 0 0.8em 1.4em;
 140 }
 141
 142 /* @noflip */
 143 div.tleft {
 144         float: left;
 145         clear: left;
 146         margin-right: 0.5em;
 147         border-width: 0.5em 1.4em 0.8em 0;
 148 }
 149
 150 img.thumbborder {
 151         border: 1px solid #ddd;
 152 }
 153
 154 /* Page history styling */
 155 /* the auto-generated edit comments */
 156 .autocomment {
 157         color: #4b4b4b;
 158 }
 159
 160 img {
 161         border: 0;
 162 }
 163
 164 .toc {
 165         border: 1px solid #bba;
 166         background-color: #f7f8ff;
 167         padding: 7px;
 168         font-size: 95%;
 169         text-align: center;
 170         display: inline-block;
 171         display: table;
 172
 173         /* IE7 and earlier */
 174         zoom: 1;
 175         *display: inline; /* stylelint-disable-line declaration-block-no-duplicate-properties */
 176 }
 177
 178 /* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
 179 table.toc {
 180         border-collapse: collapse;
 181 }
 182
 183 /* Remove additional paddings inside table-cells that are not present in <div>s */
 184 table.toc td {
 185         padding: 0;
 186 }
 187
 188 .toc h2 {
 189         display: inline;
 190         border: 0;
 191         padding: 0;
 192         font-size: 100%;
 193         font-weight: bold;
 194 }
 195
 196 .toc ul {
 197         list-style-type: none;
 198         list-style-image: none;
 199         padding: 0;
 200         text-align: left;
 201 }
 202
 203 .toc ul ul {
 204         margin: 0 0 0 2em;
 205 }
 206
 207 .error {
 208         color: #f00;
 209         font-size: larger;
 210 }
 211
 212 /* Preference page with js-generated toc */
 213 .mw-prefs-buttons {
 214         clear: left;
 215         float: left;
 216         margin-top: 1em;
 217 }
 218
 219 div.htmlform-tip {
 220         font-size: 94%;
 221         margin-top: 0.4em;
 222         color: #666;
 223 }
 224
 225 /* emulate center */
 226 .center {
 227         width: 100%;
 228         text-align: center;
 229 }
 230
 231 *.center * {
 232         margin-left: auto;
 233         margin-right: auto;
 234 }
 235
 236 /* small for tables and similar */
 237 .small {
 238         font-size: 94%;
 239 }
 240
 241 table.small {
 242         font-size: 100%;
 243 }
 244
 245 /* use this instead of .toc for page content */
 246 .toccolours {
 247         border: 1px solid #aaa;
 248         background-color: #f9f9f9;
 249         padding: 5px;
 250         font-size: 95%;
 251 }
 252
 253 #siteNotice {
 254         border: 1px solid #aaa;
 255         padding-left: 0.5em;
 256         padding-right: 0.5em;
 257 }
 258
 259 .sharedUploadNotice {
 260         font-style: italic;
 261 }
 262
 263 span.unpatrolled {
 264         font-weight: bold;
 265         color: #f00;
 266 }
 267
 268 div.gallerybox {
 269         width: 150px;
 270 }
 271
 272 span.comment {
 273         font-style: italic;
 274 }
 275
 276 .previewnote {
 277         text-align: center;
 278         color: #c00;
 279 }
 280
 281 .editExternally {
 282         border: 1px solid #808080;
 283         background: #fff;
 284         padding: 3px;
 285         margin-top: 0.5em;
 286         float: left;
 287         font-size: small;
 288         text-align: center;
 289 }
 290
 291 .editExternallyHelp {
 292         font-style: italic;
 293         color: #808080;
 294 }
 295
 296 li span.deleted {
 297         text-decoration: line-through;
 298         color: #888;
 299         font-style: italic;
 300 }
 301
 302 /* Classes for Exif data display */
 303 table.mw_metadata {
 304         margin-left: 0.5em;
 305         border: 0;
 306         border-collapse: collapse;
 307 }
 308
 309 table.mw_metadata caption {
 310         font-weight: bold;
 311 }
 312
 313 table.mw_metadata td,
 314 table.mw_metadata th {
 315         border: 1px solid #aaa;
 316         padding-left: 4px;
 317         padding-right: 4px;
 318 }
 319
 320 table.mw_metadata th {
 321         background-color: #f9f9f9;
 322         font-weight: normal;
 323 }
 324
 325 table.mw_metadata td {
 326         background-color: #fcfcfc;
 327         padding-top: 0.1em;
 328         padding-bottom: 0.1em;
 329 }
 330
 331 table.mw_metadata td.spacer {
 332         background: inherit;
 333         border-width: 0 1px;
 334 }
 335
 336 .visualClear {
 337         clear: both;
 338 }
 339
 340 /* Allmessages table */
 341 #allmessagestable th {
 342         background-color: #b2b2ff;
 343 }
 344
 345 #allmessagestable tr.orig {
 346         background-color: #ffe2e2;
 347 }
 348
 349 #allmessagestable tr.new {
 350         background-color: #e2ffe2;
 351 }
 352
 353 #allmessagestable tr.def {
 354         background-color: #f0f0ff;
 355 }
 356
 357 #jump-to-nav {
 358         display: none;
 359 }
 360
 361 div.multipageimagenavbox {
 362         border: 1px solid #c0c0c0;
 363         padding: 4px;
 364         margin: 1em;
 365         background: #f0f0f0;
 366 }
 367
 368 div.multipageimagenavbox div.thumb {
 369         border: 0;
 370         margin-left: 2em;
 371         margin-right: 2em;
 372 }
 373
 374 div.multipageimagenavbox hr {
 375         margin: 6px;
 376 }
 377
 378 table.multipageimage td {
 379         text-align: center;
 380 }
 381
 382 .templatesUsed {
 383         margin-top: 1em;
 384 }
 385
 386 .MediaTransformError {
 387         border: thin solid #777;
 388         background-color: #ccc;
 389         padding: 0.1em;
 390 }
 391
 392 .MediaTransformError td {
 393         text-align: center;
 394         vertical-align: middle;
 395         font-size: 90%;
 396 }
 397
 398 form#specialpages {
 399         display: inline;
 400 }
 401
 402 body {
 403         direction: ltr;
 404         unicode-bidi: embed;
 405         background-color: #ffffec;
 406 }
 407
 408 body.ns-0 {
 409         background-color: #fff;
 410 }
 411
 412 /** RTL specific CSS starts here **/
 413
 414 /**
 415  * Lists:
 416  * The following lines don't have a visible effect on non-Gecko browsers
 417  * They fix a problem with Gecko browsers rendering lists to the right of
 418  * left-floated objects in an RTL layout.
 419  */
 420 /* @noflip */
 421 html > body.rtl div#article ul {
 422         display: table;
 423 }
 424
 425 /* @noflip */
 426 html > body.rtl .mw-body ul#filetoc {
 427         display: block;
 428 }
 429
 430 /** RTL specific CSS ends here **/