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 #mw-pref-clear {
 148         clear: both;
 149 }
 150 #preftoc {
 151     float: left;
 152     margin: 1em 1em 1em 1em;
 153     width: 13em;
 154 }
 155 #preftoc li { border: 1px solid White; }
 156 #preftoc li.selected {
 157     background-color:#f9f9f9;
 158     border:1px dashed #aaaaaa;
 159 }
 160 #preftoc a,
 161 #preftoc a:active {
 162     display: block;
 163     color: #005189;
 164 }
 165 .mw-prefs-buttons {
 166     clear: left;
 167     float: left;
 168     margin-top: 1em;
 169 }
 170 div.htmlform-tip {
 171     font-size: 94%;
 172     margin-top: 0.4em;
 173     color: #666;
 174 }
 175 fieldset.prefsection { margin-top: 1em }
 176 fieldset.operaprefsection { margin-left: 15em }
 177
 178 /* emulate center */
 179 .center {
 180     width: 100%;
 181     text-align: center;
 182 }
 183 *.center * {
 184     margin-left: auto;
 185     margin-right: auto;
 186 }
 187 /* small for tables and similar */
 188 .small, .small * { font-size: 94%; }
 189 table.small { font-size: 100% }
 190
 191 /* use this instead of #toc for page content */
 192 .toccolours {
 193     border:1px solid #aaaaaa;
 194     background-color:#f9f9f9;
 195     padding:5px;
 196     font-size: 95%;
 197 }
 198 #siteNotice {
 199     border:1px solid #aaaaaa;
 200     padding-left: 0.5em;
 201     padding-right: 0.5em;
 202 }
 203 .redirectText {
 204         font-size:150%;
 205         margin:5px;
 206 }
 207 .sharedUploadNotice {
 208         font-style: italic;
 209 }
 210 span.unpatrolled {
 211         font-weight:bold;
 212         color:red;
 213 }
 214
 215 span.updatedmarker {
 216         color:black;
 217         background-color:#00FF00;
 218 }
 219
 220 table.gallery {
 221         border:  1px solid #cccccc;
 222         margin:  2px;
 223         padding: 2px;
 224         background-color:#ffffff;
 225 }
 226
 227 table.gallery tr {
 228     vertical-align:top;
 229 }
 230
 231 table.gallery td {
 232       vertical-align:top;
 233       background-color:#f9f9f9;
 234       border: solid 2px white;
 235 }
 236
 237 div.gallerybox {
 238         margin: 2px;
 239         width:  150px;
 240 }
 241
 242 div.gallerybox div.thumb {
 243         text-align: center;
 244         border: 1px solid #cccccc;
 245         margin: 2px;
 246 }
 247
 248 div.gallerytext {
 249         overflow: hidden;
 250         font-size: 94%;
 251         padding: 2px 4px;
 252 }
 253
 254 span.comment {
 255         font-style: italic;
 256 }
 257
 258 span.changedby {
 259         font-size: 95%;
 260 }
 261
 262 .previewnote {
 263         text-align: center;
 264         color: #cc0000;
 265 }
 266 .editExternally {
 267         border-style:solid;
 268         border-width:1px;
 269         border-color:gray;
 270         background: #ffffff;
 271         padding:3px;
 272         margin-top:0.5em;
 273         float:left;
 274         font-size:small;
 275         text-align:center;
 276 }
 277 .editExternallyHelp {
 278         font-style:italic;
 279         color:gray;
 280 }
 281
 282 li span.deleted {
 283         text-decoration: line-through;
 284         color: #888;
 285         font-style: italic;
 286 }
 287
 288 /* Classes for EXIF data display */
 289 table.mw_metadata {
 290         margin-left: 0.5em;
 291 }
 292
 293 table.mw_metadata caption { font-weight: bold; }
 294 table.mw_metadata th { font-weight: normal; }
 295 table.mw_metadata td { padding: 0.1em; }
 296
 297 table.mw_metadata {
 298         border: none;
 299         border-collapse: collapse;
 300 }
 301 table.mw_metadata td, table.mw_metadata th {
 302         border: 1px solid #aaaaaa;
 303         padding-left: 4px;
 304         padding-right: 4px;
 305 }
 306 table.mw_metadata th {
 307         background-color: #f9f9f9;
 308 }
 309 table.mw_metadata td {
 310         background-color: #fcfcfc;
 311 }
 312 table.mw_metadata td.spacer {
 313         background: inherit;
 314         border-top: none;
 315         border-bottom: none;
 316 }
 317 table.collapsed tr.collapsable {
 318         display: none;
 319 }
 320
 321 .visualClear {
 322     clear: both;
 323 }
 324
 325 /* Allmessages table */
 326
 327 #allmessagestable th {
 328         background-color: #b2b2ff;
 329 }
 330
 331 #allmessagestable tr.orig {
 332         background-color: #ffe2e2;
 333 }
 334
 335 #allmessagestable tr.new {
 336         background-color: #e2ffe2;
 337 }
 338
 339 #allmessagestable tr.def {
 340         background-color: #f0f0ff;
 341 }
 342
 343 #jump-to-nav {
 344   display: none;
 345 }
 346
 347 /* Keep this temporarily so that cached pages will display right */
 348 table.gallery td.galleryheader {
 349     text-align: center;
 350         font-weight: bold;
 351 }
 352 table.gallery caption {
 353         font-weight: bold;
 354 }
 355
 356 div.multipageimagenavbox {
 357    border: solid 1px silver;
 358    padding: 4px;
 359    margin: 1em;
 360    background: #f0f0f0;
 361 }
 362
 363 div.multipageimagenavbox div.thumb {
 364    border: none;
 365    margin-left: 2em;
 366    margin-right: 2em;
 367 }
 368
 369 div.multipageimagenavbox hr {
 370    margin: 6px;
 371 }
 372
 373 table.multipageimage td {
 374    text-align: center;
 375 }
 376
 377 /*
 378   Table pager (e.g. Special:Imagelist)
 379   - remove underlines from the navigation link
 380   - collapse borders
 381   - set the borders to outsets (similar to Special:Allmessages)
 382   - remove line wrapping for all td and th, set background color
 383   - restore line wrapping for the last two table cells (description and size)
 384 */
 385 .TablePager_nav a { text-decoration: none; }
 386 .TablePager { border-collapse: collapse; }
 387 .TablePager, .TablePager td, .TablePager th {
 388         border: 0.15em solid #777777;
 389         padding: 0 0.15em 0 0.15em;
 390 }
 391 .TablePager th { background-color: #eeeeff }
 392 .TablePager td { background-color: #ffffff }
 393 .TablePager tr:hover td { background-color: #eeeeff }
 394
 395 .imagelist td, .imagelist th { white-space: nowrap }
 396 .imagelist .TablePager_col_links { background-color: #eeeeff }
 397 .imagelist .TablePager_col_img_description { white-space: normal }
 398 .imagelist th.TablePager_sort { background-color: #ccccff }
 399
 400 .templatesUsed { margin-top: 1em; }
 401
 402 .MediaTransformError {
 403         border: thin solid #777;
 404         background-color: #ccc;
 405         padding: 0.1em;
 406 }
 407 .MediaTransformError td {
 408         text-align: center;
 409         vertical-align: middle;
 410         font-size: 90%;
 411 }
 412
 413 form#specialpages {
 414         display: inline;
 415 }