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