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