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