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