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