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