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