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 #prefcontrol {
 163     clear: left;
 164     float: left;
 165     margin-top: 1em;
 166 }
 167 div.prefsectiontip {
 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 .searchmatch {
 205         color: red;
 206         font-weight: bold;
 207 }
 208 .sharedUploadNotice {
 209         font-style: italic;
 210 }
 211 span.unpatrolled {
 212         font-weight:bold;
 213         color:red;
 214 }
 215
 216 span.updatedmarker {
 217         color:black;
 218         background-color:#00FF00;
 219 }
 220
 221 table.gallery {
 222         border:  1px solid #cccccc;
 223         margin:  2px;
 224         padding: 2px;
 225         background-color:#ffffff;
 226 }
 227
 228 table.gallery tr {
 229     vertical-align:top;
 230 }
 231
 232 table.gallery td {
 233       vertical-align:top;
 234       background-color:#f9f9f9;
 235       border: solid 2px white;
 236 }
 237
 238 div.gallerybox {
 239         margin: 2px;
 240         width:  150px;
 241 }
 242
 243 div.gallerybox div.thumb {
 244         text-align: center;
 245         border: 1px solid #cccccc;
 246         margin: 2px;
 247 }
 248
 249 div.gallerytext {
 250         overflow: hidden;
 251         font-size: 94%;
 252         padding: 2px 4px;
 253 }
 254
 255 span.comment {
 256         font-style: italic;
 257 }
 258
 259 span.changedby {
 260         font-size: 95%;
 261 }
 262
 263 .previewnote {
 264         text-align: center;
 265         color: #cc0000;
 266 }
 267 .editExternally {
 268         border-style:solid;
 269         border-width:1px;
 270         border-color:gray;
 271         background: #ffffff;
 272         padding:3px;
 273         margin-top:0.5em;
 274         float:left;
 275         font-size:small;
 276         text-align:center;
 277 }
 278 .editExternallyHelp {
 279         font-style:italic;
 280         color:gray;
 281 }
 282
 283 li span.deleted {
 284         text-decoration: line-through;
 285         color: #888;
 286         font-style: italic;
 287 }
 288
 289 /* Classes for EXIF data display */
 290 table.mw_metadata {
 291         margin-left: 0.5em;
 292 }
 293
 294 table.mw_metadata caption { font-weight: bold; }
 295 table.mw_metadata th { font-weight: normal; }
 296 table.mw_metadata td { padding: 0.1em; }
 297
 298 table.mw_metadata {
 299         border: none;
 300         border-collapse: collapse;
 301 }
 302 table.mw_metadata td, table.mw_metadata th {
 303         border: 1px solid #aaaaaa;
 304         padding-left: 4px;
 305         padding-right: 4px;
 306 }
 307 table.mw_metadata th {
 308         background-color: #f9f9f9;
 309 }
 310 table.mw_metadata td {
 311         background-color: #fcfcfc;
 312 }
 313 table.mw_metadata td.spacer {
 314         background: inherit;
 315         border-top: none;
 316         border-bottom: none;
 317 }
 318 table.collapsed tr.collapsable {
 319         display: none;
 320 }
 321
 322 .visualClear {
 323     clear: both;
 324 }
 325
 326 #mw_trackbacks {
 327         border: solid 1px #bbbbff;
 328         background-color: #eeeeff;
 329         padding: 0.2em;
 330 }
 331
 332 /* Allmessages table */
 333
 334 #allmessagestable th {
 335         background-color: #b2b2ff;
 336 }
 337
 338 #allmessagestable tr.orig {
 339         background-color: #ffe2e2;
 340 }
 341
 342 #allmessagestable tr.new {
 343         background-color: #e2ffe2;
 344 }
 345
 346 #allmessagestable tr.def {
 347         background-color: #f0f0ff;
 348 }
 349
 350 #jump-to-nav {
 351   display: none;
 352 }
 353
 354 /* Keep this temporarily so that cached pages will display right */
 355 table.gallery td.galleryheader {
 356     text-align: center;
 357         font-weight: bold;
 358 }
 359 table.gallery caption {
 360         font-weight: bold;
 361 }
 362
 363 div.multipageimagenavbox {
 364    border: solid 1px silver;
 365    padding: 4px;
 366    margin: 1em;
 367    background: #f0f0f0;
 368 }
 369
 370 div.multipageimagenavbox div.thumb {
 371    border: none;
 372    margin-left: 2em;
 373    margin-right: 2em;
 374 }
 375
 376 div.multipageimagenavbox hr {
 377    margin: 6px;
 378 }
 379
 380 table.multipageimage td {
 381    text-align: center;
 382 }
 383
 384 /*
 385   Table pager (e.g. Special:Imagelist)
 386   - remove underlines from the navigation link
 387   - collapse borders
 388   - set the borders to outsets (similar to Special:Allmessages)
 389   - remove line wrapping for all td and th, set background color
 390   - restore line wrapping for the last two table cells (description and size)
 391 */
 392 .TablePager_nav a { text-decoration: none; }
 393 .TablePager { border-collapse: collapse; }
 394 .TablePager, .TablePager td, .TablePager th {
 395         border: 0.15em solid #777777;
 396         padding: 0 0.15em 0 0.15em;
 397 }
 398 .TablePager th { background-color: #eeeeff }
 399 .TablePager td { background-color: #ffffff }
 400 .TablePager tr:hover td { background-color: #eeeeff }
 401
 402 .imagelist td, .imagelist th { white-space: nowrap }
 403 .imagelist .TablePager_col_links { background-color: #eeeeff }
 404 .imagelist .TablePager_col_img_description { white-space: normal }
 405 .imagelist th.TablePager_sort { background-color: #ccccff }
 406
 407 .templatesUsed { margin-top: 1em; }
 408
 409 /* Recreating-deleted-page/reupload file warning and log entries */
 410 div#mw-upload-deleted-warn ul li,
 411 div#mw-recreate-deleted-warn ul li {
 412         font-size: 95%;
 413 }
 414
 415
 416 .MediaTransformError {
 417         border: thin solid #777;
 418         background-color: #ccc;
 419         padding: 0.1em;
 420 }
 421 .MediaTransformError td {
 422         text-align: center;
 423         vertical-align: middle;
 424         font-size: 90%;
 425 }