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