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: 1em;
 202 }
 203 fieldset.prefsection { margin-top: 1em }
 204 fieldset.operaprefsection { margin-left: 15em }
 205
 206 /* emulate center */
 207 .center {
 208     width: 100%;
 209     text-align: center;
 210 }
 211 *.center * {
 212     margin-left: auto;
 213     margin-right: auto;
 214 }
 215 /* small for tables and similar */
 216 .small, .small * { font-size: 94%; }
 217 table.small { font-size: 100% }
 218
 219 div.townBox {
 220     position:relative;
 221     float:right;
 222     background:White;
 223     margin-left:1em;
 224     border: 1px solid gray;
 225     padding:0.3em;
 226     width: 200px;
 227     overflow: hidden;
 228     clear: right;
 229 }
 230 div.townBox dl {
 231     padding: 0;
 232     margin: 0 0 0.3em 0;
 233     font-size: 96%;
 234 }
 235 div.townBox dl dt {
 236     background: none;
 237     margin: 0.4em 0 0 0;
 238 }
 239 div.townBox dl dd {
 240     margin: 0.1em 0 0 1.1em;
 241     background-color: #f3f3f3;
 242 }
 243 /* use this instead of #toc for page content */
 244 .toccolours {
 245     border:1px solid #aaaaaa;
 246     background-color:#f9f9f9;
 247     padding:5px;
 248     font-size: 95%;
 249 }
 250 #siteNotice {
 251     border:1px solid #aaaaaa;
 252     padding-left: 0.5em;
 253     padding-right: 0.5em;
 254 }
 255 .redirectText {
 256         font-size:150%;
 257         margin:5px;
 258 }
 259 .searchmatch {
 260         color: red;
 261         font-weight: bold;
 262 }
 263 .sharedUploadNotice {
 264         font-style: italic;
 265 }
 266 span.unpatrolled {
 267         font-weight:bold;
 268         color:red;
 269 }
 270
 271 span.updatedmarker {
 272         color:black;
 273         background-color:#00FF00;
 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 /* Keep this temporarily so that cached pages will display right */
 409 table.gallery td.galleryheader {
 410     text-align: center;
 411         font-weight: bold;
 412 }
 413 table.gallery caption {
 414         font-weight: bold;
 415 }
 416
 417 div.multipageimagenavbox {
 418    border: solid 1px silver;
 419    padding: 4px;
 420    margin: 1em;
 421    -moz-border-radius: 6px;
 422    background: #f0f0f0;
 423 }
 424
 425 div.multipageimagenavbox div.thumb {
 426    border: none;
 427    margin-left: 2em;
 428    margin-right: 2em;
 429 }
 430
 431 div.multipageimagenavbox hr {
 432    margin: 6px;
 433 }
 434
 435 table.multipageimage td {
 436    text-align: center;
 437 }
 438
 439 /*
 440   Table pager (e.g. Special:Imagelist)
 441   - remove underlines from the navigation link
 442   - collapse borders
 443   - set the borders to outsets (similar to Special:Allmessages)
 444   - remove line wrapping for all td and th, set background color
 445   - restore line wrapping for the last two table cells (description and size)
 446 */
 447 .TablePager_nav a { text-decoration: none; }
 448 .TablePager { border-collapse: collapse; }
 449 .TablePager, .TablePager td, .TablePager th {
 450         border: 0.15em solid #777777;
 451         padding: 0 0.15em 0 0.15em;
 452 }
 453 .TablePager th { background-color: #eeeeff }
 454 .TablePager td { background-color: #ffffff }
 455 .TablePager tr:hover td { background-color: #eeeeff }
 456
 457 .imagelist td, .imagelist th { white-space: nowrap }
 458 .imagelist .TablePager_col_links { background-color: #eeeeff }
 459 .imagelist .TablePager_col_img_description { white-space: normal }
 460 .imagelist th.TablePager_sort { background-color: #ccccff }
 461
 462 .templatesUsed { margin-top: 1em; }
 463
 464 /* Convenience links on Special:Ipblocklist */
 465 p.mw-ipb-conveniencelinks {
 466         font-size: 90%;
 467         float: right;
 468 }
 469
 470 /**
 471  * Here is some stuff that's ACTUALLY COMMON TO ALL SKINS.
 472  * When the day comes, it can be moved to a *real* common.css.
 473  */
 474 .mw-plusminus-null { color: #aaa; }
 475 .texvc { direction: ltr; unicode-bidi: embed; }
 476 /* Stop floats from intruding into edit area in previews */
 477 #toolbar, #wpTextbox1 { clear: both; }
 478
 479 /*
 480 #file img, .gallerybox .thumb img {
 481         background: url(images/Checker-16x16.png) repeat;
 482 }
 483 */