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