skins/common/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 !important;
  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         text-align: left;
 103         line-height: 1.4em;
 104         padding: 3px !important;
 105         font-size: 94%;
 106 }
 107
 108 div.magnify {
 109         float: right;
 110         border: none !important;
 111         background: none !important;
 112         margin-left: 3px;
 113 }
 114
 115 div.magnify a,
 116 div.magnify img {
 117         display: block;
 118         border: none !important;
 119         background: none !important;
 120 }
 121
 122 /* @noflip */
 123 div.tright {
 124         clear: right;
 125         float: right;
 126         border-width: .5em 0 .8em 1.4em;
 127 }
 128
 129 /* @noflip */
 130 div.tleft {
 131         float: left;
 132         clear: left;
 133         margin-right: .5em;
 134         border-width: .5em 1.4em .8em 0;
 135 }
 136
 137 img.thumbborder {
 138         border: 1px solid #dddddd;
 139 }
 140
 141 /* Page history styling */
 142 /* the auto-generated edit comments */
 143 .autocomment {
 144         color: #4b4b4b;
 145 }
 146
 147 img {
 148         border: none;
 149 }
 150
 151 #toc,
 152 .toc {
 153         border: 1px solid #bba;
 154         background-color: #f7f8ff;
 155         padding: 5px;
 156         font-size: 95%;
 157         text-align: center;
 158         display: -moz-inline-block;
 159         display: inline-block;
 160         display: table;
 161
 162         /* IE7 and earlier */
 163         zoom: 1;
 164         *display: inline;
 165
 166         padding: 7px;
 167 }
 168
 169 /* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
 170 table#toc,
 171 table.toc {
 172         border-collapse: collapse;
 173 }
 174
 175 /* Remove additional paddings inside table-cells that are not present in <div>s */
 176 table#toc td,
 177 table.toc td {
 178         padding: 0;
 179 }
 180
 181 #toc h2,
 182 .toc h2 {
 183         display: inline;
 184         border: none;
 185         padding: 0;
 186         font-size: 100%;
 187         font-weight: bold;
 188 }
 189
 190 #toc ul,
 191 .toc ul {
 192         list-style-type: none;
 193         list-style-image: none;
 194         padding: 0;
 195         text-align: left;
 196 }
 197
 198 #toc ul ul,
 199 .toc ul ul {
 200         margin: 0 0 0 2em;
 201 }
 202
 203 #toc .toctoggle,
 204 .toc .toctoggle {
 205         font-size: 94%;
 206 }
 207
 208 .error {
 209         color: red;
 210         font-size: larger;
 211 }
 212
 213 /* preference page with js-genrated toc */
 214 #preftoc {
 215         float: left;
 216         margin: 1em 1em 1em 1em;
 217         width: 13em;
 218 }
 219
 220 #preftoc li {
 221         border: 1px solid White;
 222 }
 223
 224 #preftoc li.selected {
 225         background-color: #f9f9f9;
 226         border: 1px dashed #aaaaaa;
 227 }
 228
 229 #preftoc a,
 230 #preftoc a:active {
 231         display: block;
 232         color: #005189;
 233 }
 234
 235 .mw-prefs-buttons {
 236         clear: left;
 237         float: left;
 238         margin-top: 1em;
 239 }
 240
 241 div.htmlform-tip {
 242         font-size: 94%;
 243         margin-top: 0.4em;
 244         color: #666;
 245 }
 246
 247 fieldset.prefsection {
 248         margin-top: 1em;
 249 }
 250
 251 fieldset.operaprefsection {
 252         margin-left: 15em;
 253 }
 254
 255 /* emulate center */
 256 .center {
 257         width: 100%;
 258         text-align: center;
 259 }
 260
 261 *.center * {
 262         margin-left: auto;
 263         margin-right: auto;
 264 }
 265
 266 /* small for tables and similar */
 267 .small {
 268         font-size: 94%;
 269 }
 270
 271 table.small {
 272         font-size: 100%;
 273 }
 274
 275 /* use this instead of #toc for page content */
 276 .toccolours {
 277         border: 1px solid #aaaaaa;
 278         background-color: #f9f9f9;
 279         padding: 5px;
 280         font-size: 95%;
 281 }
 282
 283 #siteNotice {
 284         border: 1px solid #aaaaaa;
 285         padding-left: 0.5em;
 286         padding-right: 0.5em;
 287 }
 288
 289 .redirectText {
 290         font-size: 150%;
 291         margin: 5px;
 292 }
 293
 294 .sharedUploadNotice {
 295         font-style: italic;
 296 }
 297
 298 span.unpatrolled {
 299         font-weight: bold;
 300         color: red;
 301 }
 302
 303 span.updatedmarker {
 304         color: black;
 305         background-color: #00FF00;
 306 }
 307
 308 div.gallerybox {
 309         width: 150px;
 310 }
 311
 312 span.comment {
 313         font-style: italic;
 314 }
 315
 316 span.changedby {
 317         font-size: 95%;
 318 }
 319
 320 .previewnote {
 321         text-align: center;
 322         color: #cc0000;
 323 }
 324
 325 .editExternally {
 326         border-style: solid;
 327         border-width: 1px;
 328         border-color: gray;
 329         background: #ffffff;
 330         padding: 3px;
 331         margin-top: 0.5em;
 332         float: left;
 333         font-size: small;
 334         text-align: center;
 335 }
 336
 337 .editExternallyHelp {
 338         font-style: italic;
 339         color: gray;
 340 }
 341
 342 li span.deleted {
 343         text-decoration: line-through;
 344         color: #888;
 345         font-style: italic;
 346 }
 347
 348 /* Classes for Exif data display */
 349 table.mw_metadata {
 350         margin-left: 0.5em;
 351 }
 352
 353 table.mw_metadata caption {
 354         font-weight: bold;
 355 }
 356
 357 table.mw_metadata th {
 358         font-weight: normal;
 359 }
 360
 361 table.mw_metadata td {
 362         padding: 0.1em;
 363 }
 364
 365 table.mw_metadata {
 366         border: none;
 367         border-collapse: collapse;
 368 }
 369
 370 table.mw_metadata td,
 371 table.mw_metadata th {
 372         border: 1px solid #aaaaaa;
 373         padding-left: 4px;
 374         padding-right: 4px;
 375 }
 376
 377 table.mw_metadata th {
 378         background-color: #f9f9f9;
 379 }
 380
 381 table.mw_metadata td {
 382         background-color: #fcfcfc;
 383 }
 384
 385 table.mw_metadata td.spacer {
 386         background: inherit;
 387         border-top: none;
 388         border-bottom: none;
 389 }
 390
 391 table.collapsed tr.collapsable {
 392         display: 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 /*
 442   Table pager (e.g. Special:Imagelist)
 443   - remove underlines from the navigation link
 444   - collapse borders
 445   - set the borders to outsets (similar to Special:Allmessages)
 446   - remove line wrapping for all td and th, set background color
 447   - restore line wrapping for the last two table cells (description and size)
 448 */
 449 .TablePager_nav a {
 450         text-decoration: none;
 451 }
 452
 453 .TablePager {
 454         border-collapse: collapse;
 455 }
 456
 457 .TablePager,
 458 .TablePager td,
 459 .TablePager th {
 460         border: 0.15em solid #777777;
 461         padding: 0 0.15em 0 0.15em;
 462 }
 463
 464 .TablePager th {
 465         background-color: #eeeeff;
 466 }
 467
 468 .TablePager td {
 469         background-color: #ffffff;
 470 }
 471
 472 .TablePager tr:hover td {
 473         background-color: #eeeeff;
 474 }
 475
 476 .imagelist td,
 477 .imagelist th {
 478         white-space: nowrap;
 479 }
 480
 481 .imagelist .TablePager_col_links {
 482         background-color: #eeeeff;
 483 }
 484
 485 .imagelist .TablePager_col_img_description {
 486         white-space: normal;
 487 }
 488
 489 .imagelist th.TablePager_sort {
 490         background-color: #ccccff;
 491 }
 492
 493 .templatesUsed {
 494         margin-top: 1em;
 495 }
 496
 497 .MediaTransformError {
 498         border: thin solid #777;
 499         background-color: #ccc;
 500         padding: 0.1em;
 501 }
 502
 503 .MediaTransformError td {
 504         text-align: center;
 505         vertical-align: middle;
 506         font-size: 90%;
 507 }
 508
 509 form#specialpages {
 510         display: inline;
 511 }
 512
 513 body {
 514         direction: ltr;
 515         unicode-bidi: embed;
 516         background-color: #ffffec;
 517 }
 518
 519 body.ns-0 {
 520         background-color: white;
 521 }
 522
 523 /** RTL specific CSS starts here **/
 524
 525 /**
 526  * Lists:
 527  * The following lines don't have a visible effect on non-Gecko browsers
 528  * They fix a problem with Gecko browsers rendering lists to the right of
 529  * left-floated objects in an RTL layout.
 530  */
 531 /* @noflip */
 532 html > body.rtl div#article ul {
 533         display: table;
 534 }
 535
 536 /* @noflip */
 537 html > body.rtl div#bodyContent ul#filetoc {
 538         display: block;
 539 }
 540
 541 /* RTL specific CSS ends here **/