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