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