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