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