skins/common/common.css

   1 /*
   2  * common.css
   3  * This file contains CSS settings common to Wikistandard, Nostalgia and CologneBlue
   4  */
   5
   6 /* For clarity, explicitly state some recommendations from <http://www.w3.org/
   7    TR/CSS21/sample.html> to make sure the editsection links scale right */
   8
   9 h1 { font-size: 2em; }
  10 h2 { font-size: 1.5em; }
  11 h3 { font-size: 1.17em; }
  12 h5 { font-size: .83em; }
  13 h6 { font-size: .75em; }
  14 h1, h2, h3, h4, h5, h6 { font-weight: bolder }
  15
  16 /* Now the custom parts */
  17
  18 /* Make edit sections (which are inside h# tags) normal-sized */
  19 .editsection {
  20         font-weight: normal;
  21         float: right;
  22         margin-left: 5px;
  23 }
  24 h1 .editsection { font-size: 50% }
  25 h2 .editsection { font-size: 66.7% }
  26 h3 .editsection { font-size: 85.5% }
  27 h5 .editsection { font-size: 120% }
  28 h6 .editsection { font-size: 133% }
  29
  30 #footer { clear: both }
  31 /* images */
  32 div.floatright { float: right; clear: right; margin: 0 0 1em 1em; }
  33 div.floatright p { font-style: italic; }
  34 div.floatleft { float: left; clear: left; margin: 0.3em 0.5em 0.5em 0; }
  35 div.floatleft p { font-style: italic; }
  36
  37
  38 /* Print-specific things to hide */
  39 .printfooter {
  40         display: none;
  41 }
  42
  43 /* table standards */
  44 table.rimage {
  45         float:right;
  46         margin-left:1em;
  47         margin-bottom:1em;
  48         text-align:center;
  49         font-size:smaller;
  50 }
  51
  52 /* thumbnails */
  53 div.thumb {
  54         margin-bottom: .5em;
  55         border-style: solid;
  56         border-color: white;
  57         width: auto;
  58 }
  59 div.thumbinner {
  60         border: 1px solid #ccc;
  61         padding: 3px !important;
  62         background-color: #f9f9f9;
  63         font-size: 94%;
  64         text-align: center;
  65         overflow: hidden;
  66 }
  67 html .thumbimage {
  68         border: 1px solid #ccc;
  69 }
  70 html .thumbcaption {
  71         border: none;
  72         text-align: left;
  73         line-height: 1.4em;
  74         padding: 3px !important;
  75         font-size: 94%;
  76 }
  77 div.magnify {
  78         float: right;
  79         border: none !important;
  80         background: none !important;
  81 }
  82 div.magnify a, div.magnify img {
  83         display: block;
  84         border: none !important;
  85         background: none !important;
  86 }
  87 div.tright {
  88         clear: right;
  89         float: right;
  90         border-width: .5em 0 .8em 1.4em;
  91 }
  92 div.tleft {
  93         float: left;
  94         clear: left;
  95         margin-right: .5em;
  96         border-width: .5em 1.4em .8em 0;
  97 }
  98 img.thumbborder {
  99         border: 1px solid #dddddd;
 100 }
 101
 102 /* Page history styling */
 103 /* the auto-generated edit comments */
 104 .autocomment { color: #4b4b4b; }
 105 #pagehistory span.user {
 106     margin-left: 1.4em;
 107     margin-right: 0.4em;
 108 }
 109 #pagehistory span.minor { font-weight: bold; }
 110 #pagehistory li { border: 1px solid White; }
 111 #pagehistory li.selected {
 112     background-color:#f9f9f9;
 113     border:1px dashed #aaaaaa;
 114 }
 115
 116 img { border: none; }
 117 img.tex { vertical-align: middle; }
 118 span.texhtml { font-family: serif; }
 119
 120
 121 #toc,
 122 .toc {
 123         border: 1px solid #bba;
 124         background-color: #f7f8ff;
 125         padding: 5px;
 126         font-size: 95%;
 127         text-align: center;
 128 }
 129 #toc h2,
 130 .toc h2 {
 131         display: inline;
 132         border: none;
 133         padding: 0;
 134         font-size: 100%;
 135         font-weight: bold;
 136 }
 137 #toc ul,
 138 .toc ul {
 139         list-style-type: none;
 140         list-style-image: none;
 141         margin-left: 0;
 142         padding-left: 0;
 143         text-align: left;
 144 }
 145 #toc ul ul,
 146 .toc ul ul {
 147         margin: 0 0 0 2em;
 148 }
 149 #toc .toctoggle,
 150 .toc .toctoggle {
 151         font-size: 94%;
 152 }
 153
 154
 155 .error {
 156         color: red;
 157         font-size: larger;
 158 }
 159
 160 /* preference page with js-genrated toc */
 161 #preftoc {
 162     float: left;
 163     margin: 1em 1em 1em 1em;
 164     width: 13em;
 165 }
 166 #preftoc li { border: 1px solid White; }
 167 #preftoc li.selected {
 168     background-color:#f9f9f9;
 169     border:1px dashed #aaaaaa;
 170 }
 171 #preftoc a,
 172 #preftoc a:active {
 173     display: block;
 174     color: #005189;
 175 }
 176 #prefcontrol {
 177     clear: left;
 178     float: left;
 179     margin-top: 1em;
 180 }
 181 div.prefsectiontip {
 182     font-size: 94%;
 183     margin-top: 0.4em;
 184     color: #666;
 185 }
 186 fieldset.prefsection { margin-top: 1em }
 187 fieldset.operaprefsection { margin-left: 15em }
 188
 189 /* emulate center */
 190 .center {
 191     width: 100%;
 192     text-align: center;
 193 }
 194 *.center * {
 195     margin-left: auto;
 196     margin-right: auto;
 197 }
 198 /* small for tables and similar */
 199 .small, .small * { font-size: 94%; }
 200 table.small { font-size: 100% }
 201
 202 div.townBox {
 203     position:relative;
 204     float:right;
 205     background:White;
 206     margin-left:1em;
 207     border: 1px solid gray;
 208     padding:0.3em;
 209     width: 200px;
 210     overflow: hidden;
 211     clear: right;
 212 }
 213 div.townBox dl {
 214     padding: 0;
 215     margin: 0 0 0.3em 0;
 216     font-size: 96%;
 217 }
 218 div.townBox dl dt {
 219     background: none;
 220     margin: 0.4em 0 0 0;
 221 }
 222 div.townBox dl dd {
 223     margin: 0.1em 0 0 1.1em;
 224     background-color: #f3f3f3;
 225 }
 226 /* use this instead of #toc for page content */
 227 .toccolours {
 228     border:1px solid #aaaaaa;
 229     background-color:#f9f9f9;
 230     padding:5px;
 231     font-size: 95%;
 232 }
 233 #siteNotice {
 234     border:1px solid #aaaaaa;
 235     padding-left: 0.5em;
 236     padding-right: 0.5em;
 237 }
 238 .redirectText {
 239         font-size:150%;
 240         margin:5px;
 241 }
 242 .searchmatch {
 243         color: red;
 244         font-weight: bold;
 245 }
 246 .sharedUploadNotice {
 247         font-style: italic;
 248 }
 249 span.unpatrolled {
 250         font-weight:bold;
 251         color:red;
 252 }
 253
 254 span.updatedmarker {
 255         color:black;
 256         background-color:#00FF00;
 257 }
 258
 259 table.gallery {
 260         border:  1px solid #cccccc;
 261         margin:  2px;
 262         padding: 2px;
 263         background-color:#ffffff;
 264 }
 265
 266 table.gallery tr {
 267     vertical-align:top;
 268 }
 269
 270 table.gallery td {
 271       vertical-align:top;
 272       background-color:#f9f9f9;
 273       border: solid 2px white;
 274 }
 275
 276 div.gallerybox {
 277         margin: 2px;
 278         width:  150px;
 279 }
 280
 281 div.gallerybox div.thumb {
 282         text-align: center;
 283         border: 1px solid #cccccc;
 284         margin: 2px;
 285 }
 286
 287 div.gallerytext {
 288         overflow: hidden;
 289         font-size: 94%;
 290         padding: 2px 4px;
 291 }
 292
 293 span.comment {
 294         font-style: italic;
 295 }
 296
 297 span.changedby {
 298         font-size: 95%;
 299 }
 300
 301 .previewnote {
 302         text-align: center;
 303         color: #cc0000;
 304 }
 305 .editExternally {
 306         border-style:solid;
 307         border-width:1px;
 308         border-color:gray;
 309         background: #ffffff;
 310         padding:3px;
 311         margin-top:0.5em;
 312         float:left;
 313         font-size:small;
 314         text-align:center;
 315 }
 316 .editExternallyHelp {
 317         font-style:italic;
 318         color:gray;
 319 }
 320
 321 li span.deleted {
 322         text-decoration: line-through;
 323         color: #888;
 324         font-style: italic;
 325 }
 326
 327 /* Classes for EXIF data display */
 328 table.mw_metadata {
 329         margin-left: 0.5em;
 330 }
 331
 332 table.mw_metadata caption { font-weight: bold; }
 333 table.mw_metadata th { font-weight: normal; }
 334 table.mw_metadata td { padding: 0.1em; }
 335
 336 table.mw_metadata {
 337         border: none;
 338         border-collapse: collapse;
 339 }
 340 table.mw_metadata td, table.mw_metadata th {
 341         border: 1px solid #aaaaaa;
 342         padding-left: 4px;
 343         padding-right: 4px;
 344 }
 345 table.mw_metadata th {
 346         background-color: #f9f9f9;
 347 }
 348 table.mw_metadata td {
 349         background-color: #fcfcfc;
 350 }
 351 table.mw_metadata td.spacer {
 352         background: inherit;
 353         border-top: none;
 354         border-bottom: none;
 355 }
 356 table.collapsed tr.collapsable {
 357         display: none;
 358 }
 359
 360 .visualClear {
 361     clear: both;
 362 }
 363
 364 #mw_trackbacks {
 365         border: solid 1px #bbbbff;
 366         background-color: #eeeeff;
 367         padding: 0.2em;
 368 }
 369
 370 /* Allmessages table */
 371
 372 #allmessagestable th {
 373         background-color: #b2b2ff;
 374 }
 375
 376 #allmessagestable tr.orig {
 377         background-color: #ffe2e2;
 378 }
 379
 380 #allmessagestable tr.new {
 381         background-color: #e2ffe2;
 382 }
 383
 384 #allmessagestable tr.def {
 385         background-color: #f0f0ff;
 386 }
 387
 388 #jump-to-nav {
 389   display: none;
 390 }
 391
 392 /* Keep this temporarily so that cached pages will display right */
 393 table.gallery td.galleryheader {
 394     text-align: center;
 395         font-weight: bold;
 396 }
 397 table.gallery caption {
 398         font-weight: bold;
 399 }
 400
 401 div.multipageimagenavbox {
 402    border: solid 1px silver;
 403    padding: 4px;
 404    margin: 1em;
 405    -moz-border-radius: 6px;
 406    background: #f0f0f0;
 407 }
 408
 409 div.multipageimagenavbox div.thumb {
 410    border: none;
 411    margin-left: 2em;
 412    margin-right: 2em;
 413 }
 414
 415 div.multipageimagenavbox hr {
 416    margin: 6px;
 417 }
 418
 419 table.multipageimage td {
 420    text-align: center;
 421 }
 422
 423 /*
 424   Table pager (e.g. Special:Imagelist)
 425   - remove underlines from the navigation link
 426   - collapse borders
 427   - set the borders to outsets (similar to Special:Allmessages)
 428   - remove line wrapping for all td and th, set background color
 429   - restore line wrapping for the last two table cells (description and size)
 430 */
 431 .TablePager_nav a { text-decoration: none; }
 432 .TablePager { border-collapse: collapse; }
 433 .TablePager, .TablePager td, .TablePager th {
 434         border: 0.15em solid #777777;
 435         padding: 0 0.15em 0 0.15em;
 436 }
 437 .TablePager th { background-color: #eeeeff }
 438 .TablePager td { background-color: #ffffff }
 439 .TablePager tr:hover td { background-color: #eeeeff }
 440
 441 .imagelist td, .imagelist th { white-space: nowrap }
 442 .imagelist .TablePager_col_links { background-color: #eeeeff }
 443 .imagelist .TablePager_col_img_description { white-space: normal }
 444 .imagelist th.TablePager_sort { background-color: #ccccff }
 445
 446 .templatesUsed { margin-top: 1em; }
 447
 448 /* Convenience links on Special:Ipblocklist */
 449 p.mw-ipb-conveniencelinks {
 450         font-size: 90%;
 451         float: right;
 452 }
 453
 454 /* Recreating-deleted-page warning and log entries */
 455 div#mw-recreate-deleted-warn ul li {
 456         font-size: 95%;
 457 }
 458 div.mw-recreate-deleted-control {
 459         float: right;
 460         font-size: 90%;
 461 }
 462
 463 /**
 464  * Here is some stuff that's ACTUALLY COMMON TO ALL SKINS.
 465  * When the day comes, it can be moved to a *real* common.css.
 466  */
 467 .mw-plusminus-null { color: #aaa; }
 468 .texvc { direction: ltr; unicode-bidi: embed; }
 469 /* Stop floats from intruding into edit area in previews */
 470 #toolbar, #wpTextbox1 { clear: both; }
 471
 472 /*
 473 #file img, .gallerybox .thumb img {
 474         background: url(images/Checker-16x16.png) repeat;
 475 }
 476 */
 477 .MediaTransformError {
 478         border: thin solid #777;
 479         background-color: #ccc;
 480         padding: 0.1em;
 481 }
 482 .MediaTransformError td {
 483         text-align: center;
 484         vertical-align: middle;
 485         font-size: 90%;
 486 }
 487
 488