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