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