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 { font-size: 2em; }
  12 h2 { font-size: 1.5em; }
  13 h3 { font-size: 1.17em; }
  14 h4 { font-size: 1.11em; }
  15 h5 { font-size: 1.05em; }
  16 h6 { font-size: 1em; }
  17 h1, h2, h3, h4, h5, h6 {
  18         font-weight: bolder;
  19 }
  20
  21 /* Now the custom parts */
  22
  23 #footer { clear: both }
  24 /* images */
  25 /* @noflip */
  26 div.floatright {
  27         float: right;
  28         clear: right;
  29         margin: 0 0 1em 1em;
  30 }
  31
  32 /* @noflip */
  33 div.floatright p {
  34         font-style: italic;
  35 }
  36
  37 /* @noflip */
  38 div.floatleft {
  39         float: left;
  40         clear: left;
  41         margin: 0.3em 0.5em 0.5em 0;
  42 }
  43
  44 /* @noflip */
  45 div.floatleft p {
  46         font-style: italic;
  47 }
  48
  49 /* table standards */
  50 table.rimage {
  51         float: right;
  52         margin-left: 1em;
  53         margin-bottom: 1em;
  54         text-align: center;
  55         font-size: smaller;
  56 }
  57
  58 /* thumbnails */
  59 div.thumb {
  60         margin-bottom: .5em;
  61         border-style: solid;
  62         border-color: white;
  63         width: auto;
  64 }
  65 div.thumbinner {
  66         border: 1px solid #ccc;
  67         padding: 3px !important;
  68         background-color: #f9f9f9;
  69         font-size: 94%;
  70         text-align: center;
  71         overflow: hidden;
  72 }
  73 html .thumbimage {
  74         border: 1px solid #ccc;
  75 }
  76 html .thumbcaption {
  77         border: none;
  78         text-align: left;
  79         line-height: 1.4em;
  80         padding: 3px !important;
  81         font-size: 94%;
  82 }
  83 div.magnify {
  84         float: right;
  85         border: none !important;
  86         background: none !important;
  87         margin-left: 3px;
  88 }
  89 div.magnify a,
  90 div.magnify img {
  91         display: block;
  92         border: none !important;
  93         background: none !important;
  94 }
  95 /* @noflip */
  96 div.tright {
  97         clear: right;
  98         float: right;
  99         border-width: .5em 0 .8em 1.4em;
 100 }
 101 /* @noflip */
 102 div.tleft {
 103         float: left;
 104         clear: left;
 105         margin-right: .5em;
 106         border-width: .5em 1.4em .8em 0;
 107 }
 108 img.thumbborder {
 109         border: 1px solid #dddddd;
 110 }
 111
 112 /* Page history styling */
 113 /* the auto-generated edit comments */
 114 .autocomment { color: #4b4b4b; }
 115
 116 img { border: none; }
 117
 118 #toc,
 119 .toc {
 120         border: 1px solid #bba;
 121         background-color: #f7f8ff;
 122         padding: 5px;
 123         font-size: 95%;
 124         text-align: center;
 125         display: -moz-inline-block;
 126         display: inline-block;
 127         display: table;
 128
 129         /* IE7 and earlier */
 130         zoom: 1;
 131         *display: inline;
 132
 133         padding: 7px;
 134 }
 135 /* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
 136 table#toc,
 137 table.toc {
 138         border-collapse: collapse;
 139 }
 140 /* Remove additional paddings inside table-cells that are not present in <div>s */
 141 table#toc td,
 142 table.toc td {
 143         padding: 0;
 144 }
 145 #toc h2,
 146 .toc h2 {
 147         display: inline;
 148         border: none;
 149         padding: 0;
 150         font-size: 100%;
 151         font-weight: bold;
 152 }
 153 #toc ul,
 154 .toc ul {
 155         list-style-type: none;
 156         list-style-image: none;
 157         padding: 0;
 158         text-align: left;
 159 }
 160 #toc ul ul,
 161 .toc ul ul {
 162         margin: 0 0 0 2em;
 163 }
 164 #toc .toctoggle,
 165 .toc .toctoggle {
 166         font-size: 94%;
 167 }
 168
 169 .error {
 170         color: red;
 171         font-size: larger;
 172 }
 173
 174 /* preference page with js-genrated toc */
 175 #preftoc {
 176         float: left;
 177         margin: 1em 1em 1em 1em;
 178         width: 13em;
 179 }
 180 #preftoc li {
 181         border: 1px solid White;
 182 }
 183 #preftoc li.selected {
 184         background-color:#f9f9f9;
 185         border:1px dashed #aaaaaa;
 186 }
 187 #preftoc a,
 188 #preftoc a:active {
 189         display: block;
 190         color: #005189;
 191 }
 192 .mw-prefs-buttons {
 193         clear: left;
 194         float: left;
 195         margin-top: 1em;
 196 }
 197 div.htmlform-tip {
 198         font-size: 94%;
 199         margin-top: 0.4em;
 200         color: #666;
 201 }
 202 fieldset.prefsection {
 203         margin-top: 1em;
 204 }
 205 fieldset.operaprefsection {
 206         margin-left: 15em;
 207 }
 208
 209 /* emulate center */
 210 .center {
 211         width: 100%;
 212         text-align: center;
 213 }
 214 *.center * {
 215         margin-left: auto;
 216         margin-right: auto;
 217 }
 218
 219 /* small for tables and similar */
 220 .small {
 221         font-size: 94%;
 222 }
 223 table.small {
 224         font-size: 100%;
 225 }
 226
 227 /* use this instead of #toc for page content */
 228 .toccolours {
 229         border: 1px solid #aaaaaa;
 230         background-color: #f9f9f9;
 231         padding: 5px;
 232         font-size: 95%;
 233 }
 234 #siteNotice {
 235         border: 1px solid #aaaaaa;
 236         padding-left: 0.5em;
 237         padding-right: 0.5em;
 238 }
 239 .redirectText {
 240         font-size: 150%;
 241         margin: 5px;
 242 }
 243 .sharedUploadNotice {
 244         font-style: italic;
 245 }
 246 span.unpatrolled {
 247         font-weight: bold;
 248         color: red;
 249 }
 250
 251 span.updatedmarker {
 252         color: black;
 253         background-color: #00FF00;
 254 }
 255
 256 div.gallerybox {
 257         width: 150px;
 258 }
 259
 260 span.comment {
 261         font-style: italic;
 262 }
 263
 264 span.changedby {
 265         font-size: 95%;
 266 }
 267
 268 .previewnote {
 269         text-align: center;
 270         color: #cc0000;
 271 }
 272 .editExternally {
 273         border-style: solid;
 274         border-width: 1px;
 275         border-color: gray;
 276         background: #ffffff;
 277         padding: 3px;
 278         margin-top: 0.5em;
 279         float: left;
 280         font-size: small;
 281         text-align: center;
 282 }
 283 .editExternallyHelp {
 284         font-style: italic;
 285         color: gray;
 286 }
 287
 288 li span.deleted {
 289         text-decoration: line-through;
 290         color: #888;
 291         font-style: italic;
 292 }
 293
 294 /* Classes for Exif data display */
 295 table.mw_metadata {
 296         margin-left: 0.5em;
 297 }
 298
 299 table.mw_metadata caption {
 300         font-weight: bold;
 301 }
 302 table.mw_metadata th {
 303         font-weight: normal;
 304 }
 305 table.mw_metadata td {
 306         padding: 0.1em;
 307 }
 308
 309 table.mw_metadata {
 310         border: none;
 311         border-collapse: collapse;
 312 }
 313 table.mw_metadata td,
 314 table.mw_metadata th {
 315         border: 1px solid #aaaaaa;
 316         padding-left: 4px;
 317         padding-right: 4px;
 318 }
 319 table.mw_metadata th {
 320         background-color: #f9f9f9;
 321 }
 322 table.mw_metadata td {
 323         background-color: #fcfcfc;
 324 }
 325 table.mw_metadata td.spacer {
 326         background: inherit;
 327         border-top: none;
 328         border-bottom: none;
 329 }
 330 table.collapsed tr.collapsable {
 331         display: none;
 332 }
 333
 334 .visualClear {
 335         clear: both;
 336 }
 337
 338 /* Allmessages table */
 339 #allmessagestable th {
 340         background-color: #b2b2ff;
 341 }
 342
 343 #allmessagestable tr.orig {
 344         background-color: #ffe2e2;
 345 }
 346
 347 #allmessagestable tr.new {
 348         background-color: #e2ffe2;
 349 }
 350
 351 #allmessagestable tr.def {
 352         background-color: #f0f0ff;
 353 }
 354
 355 #jump-to-nav {
 356         display: none;
 357 }
 358
 359 div.multipageimagenavbox {
 360         border: solid 1px silver;
 361         padding: 4px;
 362         margin: 1em;
 363         background: #f0f0f0;
 364 }
 365
 366 div.multipageimagenavbox div.thumb {
 367         border: none;
 368         margin-left: 2em;
 369         margin-right: 2em;
 370 }
 371
 372 div.multipageimagenavbox hr {
 373         margin: 6px;
 374 }
 375
 376 table.multipageimage td {
 377         text-align: center;
 378 }
 379
 380 /*
 381   Table pager (e.g. Special:Imagelist)
 382   - remove underlines from the navigation link
 383   - collapse borders
 384   - set the borders to outsets (similar to Special:Allmessages)
 385   - remove line wrapping for all td and th, set background color
 386   - restore line wrapping for the last two table cells (description and size)
 387 */
 388 .TablePager_nav a {
 389         text-decoration: none;
 390 }
 391 .TablePager {
 392         border-collapse: collapse;
 393 }
 394 .TablePager,
 395 .TablePager td,
 396 .TablePager th {
 397         border: 0.15em solid #777777;
 398         padding: 0 0.15em 0 0.15em;
 399 }
 400 .TablePager th {
 401         background-color: #eeeeff;
 402 }
 403 .TablePager td {
 404         background-color: #ffffff;
 405 }
 406 .TablePager tr:hover td {
 407         background-color: #eeeeff;
 408 }
 409
 410 .imagelist td,
 411 .imagelist th {
 412         white-space: nowrap;
 413 }
 414 .imagelist .TablePager_col_links {
 415         background-color: #eeeeff;
 416 }
 417 .imagelist .TablePager_col_img_description {
 418         white-space: normal;
 419 }
 420 .imagelist th.TablePager_sort {
 421         background-color: #ccccff;
 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 .MediaTransformError td {
 434         text-align: center;
 435         vertical-align: middle;
 436         font-size: 90%;
 437 }
 438
 439 form#specialpages {
 440         display: inline;
 441 }
 442
 443 body {
 444         direction: ltr;
 445         unicode-bidi: embed;
 446         background-color: #ffffec;
 447 }
 448 body.ns-0 {
 449         background-color: white;
 450 }
 451
 452 /** RTL specific CSS starts here **/
 453
 454 /**
 455  * Lists:
 456  * The following lines don't have a visible effect on non-Gecko browsers
 457  * They fix a problem with Gecko browsers rendering lists to the right of
 458  * left-floated objects in an RTL layout.
 459  */
 460 /* @noflip */
 461 html > body.rtl div#article ul {
 462         display: table;
 463 }
 464 /* @noflip */
 465 html > body.rtl div#bodyContent ul#filetoc {
 466         display: block;
 467 }
 468
 469 /* RTL specific CSS ends here **/