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 { font-weight: bolder }
  16
  17 /* Now the custom parts */
  18
  19 /* Make edit sections (which are inside h# tags) normal-sized */
  20 .editsection {
  21         font-weight: normal;
  22         float: right;
  23         margin-left: 5px;
  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 { float: right; clear: right; margin: 0 0 1em 1em; }
  34 div.floatright p { font-style: italic; }
  35 div.floatleft { float: left; clear: left; margin: 0.3em 0.5em 0.5em 0; }
  36 div.floatleft p { font-style: italic; }
  37
  38
  39 /* Print-specific things to hide */
  40 .printfooter {
  41         display: none;
  42 }
  43
  44 /* table standards */
  45 table.rimage {
  46         float:right;
  47         margin-left:1em;
  48         margin-bottom:1em;
  49         text-align:center;
  50         font-size:smaller;
  51 }
  52
  53 /* thumbnails */
  54 div.thumb {
  55         margin-bottom: .5em;
  56         border-style: solid;
  57         border-color: white;
  58         width: auto;
  59 }
  60 div.thumbinner {
  61         border: 1px solid #ccc;
  62         padding: 3px !important;
  63         background-color: #f9f9f9;
  64         font-size: 94%;
  65         text-align: center;
  66         overflow: hidden;
  67 }
  68 html .thumbimage {
  69         border: 1px solid #ccc;
  70 }
  71 html .thumbcaption {
  72         border: none;
  73         text-align: left;
  74         line-height: 1.4em;
  75         padding: 3px !important;
  76         font-size: 94%;
  77 }
  78 div.magnify {
  79         float: right;
  80         border: none !important;
  81         background: none !important;
  82 }
  83 div.magnify a, div.magnify img {
  84         display: block;
  85         border: none !important;
  86         background: none !important;
  87 }
  88 div.tright {
  89         clear: right;
  90         float: right;
  91         border-width: .5em 0 .8em 1.4em;
  92 }
  93 div.tleft {
  94         float: left;
  95         clear: left;
  96         margin-right: .5em;
  97         border-width: .5em 1.4em .8em 0;
  98 }
  99 img.thumbborder {
 100         border: 1px solid #dddddd;
 101 }
 102
 103 /* Page history styling */
 104 /* the auto-generated edit comments */
 105 .autocomment { color: #4b4b4b; }
 106 #pagehistory span.user {
 107     margin-left: 1.4em;
 108     margin-right: 0.4em;
 109 }
 110 #pagehistory span.minor { font-weight: bold; }
 111 #pagehistory li { border: 1px solid White; }
 112 #pagehistory li.selected {
 113     background-color:#f9f9f9;
 114     border:1px dashed #aaaaaa;
 115 }
 116
 117 img { border: none; }
 118
 119 #toc,
 120 .toc {
 121         border: 1px solid #bba;
 122         background-color: #f7f8ff;
 123         padding: 5px;
 124         font-size: 95%;
 125         text-align: center;
 126 }
 127 #toc h2,
 128 .toc h2 {
 129         display: inline;
 130         border: none;
 131         padding: 0;
 132         font-size: 100%;
 133         font-weight: bold;
 134 }
 135 #toc ul,
 136 .toc ul {
 137         list-style-type: none;
 138         list-style-image: none;
 139         margin-left: 0;
 140         padding-left: 0;
 141         text-align: left;
 142 }
 143 #toc ul ul,
 144 .toc ul ul {
 145         margin: 0 0 0 2em;
 146 }
 147 #toc .toctoggle,
 148 .toc .toctoggle {
 149         font-size: 94%;
 150 }
 151
 152
 153 .error {
 154         color: red;
 155         font-size: larger;
 156 }
 157
 158 /* preference page with js-genrated toc */
 159 #preftoc {
 160     float: left;
 161     margin: 1em 1em 1em 1em;
 162     width: 13em;
 163 }
 164 #preftoc li { border: 1px solid White; }
 165 #preftoc li.selected {
 166     background-color:#f9f9f9;
 167     border:1px dashed #aaaaaa;
 168 }
 169 #preftoc a,
 170 #preftoc a:active {
 171     display: block;
 172     color: #005189;
 173 }
 174 #prefcontrol {
 175     clear: left;
 176     float: left;
 177     margin-top: 1em;
 178 }
 179 div.prefsectiontip {
 180     font-size: 94%;
 181     margin-top: 0.4em;
 182     color: #666;
 183 }
 184 fieldset.prefsection { margin-top: 1em }
 185 fieldset.operaprefsection { margin-left: 15em }
 186
 187 /* emulate center */
 188 .center {
 189     width: 100%;
 190     text-align: center;
 191 }
 192 *.center * {
 193     margin-left: auto;
 194     margin-right: auto;
 195 }
 196 /* small for tables and similar */
 197 .small, .small * { font-size: 94%; }
 198 table.small { font-size: 100% }
 199
 200 div.townBox {
 201     position:relative;
 202     float:right;
 203     background:White;
 204     margin-left:1em;
 205     border: 1px solid gray;
 206     padding:0.3em;
 207     width: 200px;
 208     overflow: hidden;
 209     clear: right;
 210 }
 211 div.townBox dl {
 212     padding: 0;
 213     margin: 0 0 0.3em 0;
 214     font-size: 96%;
 215 }
 216 div.townBox dl dt {
 217     background: none;
 218     margin: 0.4em 0 0 0;
 219 }
 220 div.townBox dl dd {
 221     margin: 0.1em 0 0 1.1em;
 222     background-color: #f3f3f3;
 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 .searchmatch {
 241         color: red;
 242         font-weight: bold;
 243 }
 244 .sharedUploadNotice {
 245         font-style: italic;
 246 }
 247 span.unpatrolled {
 248         font-weight:bold;
 249         color:red;
 250 }
 251
 252 span.updatedmarker {
 253         color:black;
 254         background-color:#00FF00;
 255 }
 256
 257 table.gallery {
 258         border:  1px solid #cccccc;
 259         margin:  2px;
 260         padding: 2px;
 261         background-color:#ffffff;
 262 }
 263
 264 table.gallery tr {
 265     vertical-align:top;
 266 }
 267
 268 table.gallery td {
 269       vertical-align:top;
 270       background-color:#f9f9f9;
 271       border: solid 2px white;
 272 }
 273
 274 div.gallerybox {
 275         margin: 2px;
 276         width:  150px;
 277 }
 278
 279 div.gallerybox div.thumb {
 280         text-align: center;
 281         border: 1px solid #cccccc;
 282         margin: 2px;
 283 }
 284
 285 div.gallerytext {
 286         overflow: hidden;
 287         font-size: 94%;
 288         padding: 2px 4px;
 289 }
 290
 291 span.comment {
 292         font-style: italic;
 293 }
 294
 295 span.changedby {
 296         font-size: 95%;
 297 }
 298
 299 .previewnote {
 300         text-align: center;
 301         color: #cc0000;
 302 }
 303 .editExternally {
 304         border-style:solid;
 305         border-width:1px;
 306         border-color:gray;
 307         background: #ffffff;
 308         padding:3px;
 309         margin-top:0.5em;
 310         float:left;
 311         font-size:small;
 312         text-align:center;
 313 }
 314 .editExternallyHelp {
 315         font-style:italic;
 316         color:gray;
 317 }
 318
 319 li span.deleted {
 320         text-decoration: line-through;
 321         color: #888;
 322         font-style: italic;
 323 }
 324
 325 /* Classes for EXIF data display */
 326 table.mw_metadata {
 327         margin-left: 0.5em;
 328 }
 329
 330 table.mw_metadata caption { font-weight: bold; }
 331 table.mw_metadata th { font-weight: normal; }
 332 table.mw_metadata td { padding: 0.1em; }
 333
 334 table.mw_metadata {
 335         border: none;
 336         border-collapse: collapse;
 337 }
 338 table.mw_metadata td, table.mw_metadata th {
 339         border: 1px solid #aaaaaa;
 340         padding-left: 4px;
 341         padding-right: 4px;
 342 }
 343 table.mw_metadata th {
 344         background-color: #f9f9f9;
 345 }
 346 table.mw_metadata td {
 347         background-color: #fcfcfc;
 348 }
 349 table.mw_metadata td.spacer {
 350         background: inherit;
 351         border-top: none;
 352         border-bottom: none;
 353 }
 354 table.collapsed tr.collapsable {
 355         display: none;
 356 }
 357
 358 .visualClear {
 359     clear: both;
 360 }
 361
 362 #mw_trackbacks {
 363         border: solid 1px #bbbbff;
 364         background-color: #eeeeff;
 365         padding: 0.2em;
 366 }
 367
 368 /* Allmessages table */
 369
 370 #allmessagestable th {
 371         background-color: #b2b2ff;
 372 }
 373
 374 #allmessagestable tr.orig {
 375         background-color: #ffe2e2;
 376 }
 377
 378 #allmessagestable tr.new {
 379         background-color: #e2ffe2;
 380 }
 381
 382 #allmessagestable tr.def {
 383         background-color: #f0f0ff;
 384 }
 385
 386 #jump-to-nav {
 387   display: none;
 388 }
 389
 390 /* Keep this temporarily so that cached pages will display right */
 391 table.gallery td.galleryheader {
 392     text-align: center;
 393         font-weight: bold;
 394 }
 395 table.gallery caption {
 396         font-weight: bold;
 397 }
 398
 399 div.multipageimagenavbox {
 400    border: solid 1px silver;
 401    padding: 4px;
 402    margin: 1em;
 403    -moz-border-radius: 6px;
 404    background: #f0f0f0;
 405 }
 406
 407 div.multipageimagenavbox div.thumb {
 408    border: none;
 409    margin-left: 2em;
 410    margin-right: 2em;
 411 }
 412
 413 div.multipageimagenavbox hr {
 414    margin: 6px;
 415 }
 416
 417 table.multipageimage td {
 418    text-align: center;
 419 }
 420
 421 /*
 422   Table pager (e.g. Special:Imagelist)
 423   - remove underlines from the navigation link
 424   - collapse borders
 425   - set the borders to outsets (similar to Special:Allmessages)
 426   - remove line wrapping for all td and th, set background color
 427   - restore line wrapping for the last two table cells (description and size)
 428 */
 429 .TablePager_nav a { text-decoration: none; }
 430 .TablePager { border-collapse: collapse; }
 431 .TablePager, .TablePager td, .TablePager th {
 432         border: 0.15em solid #777777;
 433         padding: 0 0.15em 0 0.15em;
 434 }
 435 .TablePager th { background-color: #eeeeff }
 436 .TablePager td { background-color: #ffffff }
 437 .TablePager tr:hover td { background-color: #eeeeff }
 438
 439 .imagelist td, .imagelist th { white-space: nowrap }
 440 .imagelist .TablePager_col_links { background-color: #eeeeff }
 441 .imagelist .TablePager_col_img_description { white-space: normal }
 442 .imagelist th.TablePager_sort { background-color: #ccccff }
 443
 444 .templatesUsed { margin-top: 1em; }
 445
 446 /* Convenience links on Special:Ipblocklist */
 447 p.mw-ipb-conveniencelinks {
 448         font-size: 90%;
 449         float: right;
 450 }
 451
 452 /* Recreating-deleted-page warning and log entries */
 453 div#mw-recreate-deleted-warn ul li {
 454         font-size: 95%;
 455 }
 456
 457
 458 .MediaTransformError {
 459         border: thin solid #777;
 460         background-color: #ccc;
 461         padding: 0.1em;
 462 }
 463 .MediaTransformError td {
 464         text-align: center;
 465         vertical-align: middle;
 466         font-size: 90%;
 467 }