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