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