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