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