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