skins/common/common.css

   1 /*
   2  * common.css
   3  * This file contains CSS settings common to Wikistandard, Nostalgia and CologneBlue
   4  */
   5 #footer { clear: both }
   6 /* images */
   7 div.floatright { float: right; margin: 0 0 1em 1em; }
   8 div.floatright p { font-style: italic; }
   9 div.floatleft { float: left; margin: 0.3em 0.5em 0.5em 0; }
  10 div.floatleft p { font-style: italic; }
  11
  12
  13 /* Print-specific things to hide */
  14 .printfooter {
  15         display: none;
  16 }
  17
  18 /* table standards */
  19 table.rimage {
  20         float:right;
  21         margin-left:1em;
  22         margin-bottom:1em;
  23         text-align:center;
  24         font-size:smaller;
  25 }
  26
  27 /* thumbnails */
  28 div.thumb {
  29     margin: 10px;
  30     text-align: center;
  31     width: auto;
  32 }
  33 div.thumb div {
  34     border: 1px solid #8888aa;
  35     background-color: #f7f8ff;
  36     padding: 2px;
  37     font-size: 94%;
  38     text-align: center;
  39     overflow: hidden;
  40 }
  41 div.thumb div * {
  42     border: none;
  43     background: none;
  44 }
  45 div.thumb img {
  46     border:1px solid #8888AA;
  47     margin-bottom:3px;
  48     background:#FFFFFF;
  49 }
  50 div.thumbcaption,
  51 div.thumbcaption * {
  52     border: none !important;
  53     background: none !important;
  54 }
  55 div.thumbcaption {
  56     padding: 0.2em 0 0.2em 0 !important;
  57     text-align: left !important;
  58 }
  59 div.tright {
  60     float: right;
  61     margin-left:0.5em;
  62 }
  63 div.tleft {
  64     float: left;
  65     margin-right:0.5em;
  66 }
  67
  68 /* Page history styling */
  69 /* the auto-generated edit comments */
  70 .autocomment { color: #4b4b4b; }
  71 #pagehistory span.user {
  72     margin-left: 1.4em;
  73     margin-right: 0.4em;
  74 }
  75 #pagehistory span.minor { font-weight: bold; }
  76 #pagehistory li { border: 1px solid White; }
  77 #pagehistory li.selected {
  78     background-color:#f9f9f9;
  79     border:1px dashed #aaaaaa;
  80 }
  81
  82 table.diff { background:white; }
  83 td.diff-otitle { background:#cccccc; }
  84 td.diff-ntitle { background:#cccccc; }
  85 td.diff-addedline {
  86     background:#ccffcc;
  87     font-size: 94%;
  88 }
  89 td.diff-deletedline {
  90     background:#ffffaa;
  91     font-size: 94%;
  92 }
  93 td.diff-context {
  94     background:#eeeeee;
  95     font-size: 94%;
  96 }
  97 span.diffchange { color: red; font-weight: bold; }
  98
  99 img { border: none; }
 100 img.tex { vertical-align: middle; }
 101 span.texhtml { font-family: serif; }
 102
 103
 104 #toc,
 105 .toc {
 106         border: 1px solid #bba;
 107         background-color: #f7f8ff;
 108         padding: 5px;
 109         font-size: 95%;
 110         text-align: center;
 111 }
 112 #toc h2,
 113 .toc h2 {
 114         display: inline;
 115         border: none;
 116         padding: 0;
 117         font-size: 100%;
 118         font-weight: bold;
 119 }
 120 #toc ul,
 121 .toc ul {
 122         list-style-type: none;
 123         list-style-image: none;
 124         margin-left: 0;
 125         padding-left: 0;
 126         text-align: left;
 127 }
 128 #toc ul ul,
 129 .toc ul ul {
 130         margin: 0 0 0 2em;
 131 }
 132 #toc .toctoggle,
 133 .toc .toctoggle {
 134         font-size: 94%;
 135 }
 136
 137
 138 .error {
 139         color: red;
 140         font-size: larger;
 141 }
 142
 143 /* preference page with js-genrated toc */
 144 #preftoc {
 145     float: left;
 146     margin: 1em 1em 1em 1em;
 147     width: 13em;
 148 }
 149 #preftoc li { border: 1px solid White; }
 150 #preftoc li.selected {
 151     background-color:#f9f9f9;
 152     border:1px dashed #aaaaaa;
 153 }
 154 #preftoc a,
 155 #preftoc a:active {
 156     display: block;
 157     color: #005189;
 158 }
 159 #prefcontrol {
 160     clear: left;
 161     float: left;
 162     margin-top: 1em;
 163 }
 164 div.prefsectiontip {
 165     font-size: 94%;
 166     margin-top: 1em;
 167 }
 168 fieldset.prefsection { margin-top: 1em }
 169 fieldset.operaprefsection { margin-left: 15em }
 170
 171 /* emulate center */
 172 .center {
 173     width: 100%;
 174     text-align: center;
 175 }
 176 *.center * {
 177     margin-left: auto;
 178     margin-right: auto;
 179 }
 180 /* small for tables and similar */
 181 .small, .small * { font-size: 94%; }
 182 table.small { font-size: 100% }
 183
 184 div.townBox {
 185     position:relative;
 186     float:right;
 187     background:White;
 188     margin-left:1em;
 189     border: 1px solid gray;
 190     padding:0.3em;
 191     width: 200px;
 192     overflow: hidden;
 193     clear: right;
 194 }
 195 div.townBox dl {
 196     padding: 0;
 197     margin: 0 0 0.3em 0;
 198     font-size: 96%;
 199 }
 200 div.townBox dl dt {
 201     background: none;
 202     margin: 0.4em 0 0 0;
 203 }
 204 div.townBox dl dd {
 205     margin: 0.1em 0 0 1.1em;
 206     background-color: #f3f3f3;
 207 }
 208 /* use this instead of #toc for page content */
 209 .toccolours {
 210     border:1px solid #aaaaaa;
 211     background-color:#f9f9f9;
 212     padding:5px;
 213     font-size: 95%;
 214 }
 215 #siteNotice {
 216     border:1px solid #aaaaaa;
 217     padding-left: 0.5em;
 218     padding-right: 0.5em;
 219 }
 220 .redirectText {
 221         font-size:150%;
 222         margin:5px;
 223 }
 224 .searchmatch {
 225         color: red;
 226         font-weight: bold;
 227 }
 228 .sharedUploadNotice {
 229         font-style: italic;
 230 }
 231 span.unpatrolled {
 232         font-weight:bold;
 233         color:red;
 234 }
 235
 236 span.updatedmarker {
 237         color:black;
 238         background-color:#00FF00;
 239 }
 240 span.newpageletter {
 241         font-weight:bold;
 242         color:black;
 243         background-color:yellow;
 244 }
 245 span.minoreditletter {
 246         color:black;
 247         background-color:#C5FFE6;
 248 }
 249
 250 table.gallery {
 251         border:  1px solid #cccccc;
 252         margin:  2px;
 253         padding: 2px;
 254         background-color:#ffffff;
 255 }
 256
 257 table.gallery tr {
 258         vertical-align:top;
 259 }
 260
 261 table.gallery td {
 262       vertical-align:top;
 263       background-color:#f9f9f9;
 264       border: solid 2px white;
 265 }
 266
 267 div.gallerybox {
 268         margin: 2px;
 269         width:  150px;
 270 }
 271
 272 div.gallerybox div.thumb {
 273         text-align: center;
 274         border: 1px solid #cccccc;
 275         margin: 2px;
 276 }
 277
 278 div.gallerytext {
 279         font-size: 94%;
 280         padding: 2px 4px;
 281 }
 282
 283 span.comment {
 284         font-style: italic;
 285 }
 286
 287 span.changedby {
 288         font-size: 95%;
 289 }
 290
 291 .previewnote {
 292         text-align: center;
 293         color: #cc0000;
 294 }
 295 .editExternally {
 296         border-style:solid;
 297         border-width:1px;
 298         border-color:gray;
 299         background: #ffffff;
 300         padding:3px;
 301         margin-top:0.5em;
 302         float:left;
 303         font-size:small;
 304         text-align:center;
 305 }
 306 .editExternallyHelp {
 307         font-style:italic;
 308         color:gray;
 309 }
 310
 311 li span.deleted {
 312         text-decoration: line-through;
 313         color: #888;
 314         font-style: italic;
 315 }
 316
 317
 318 /* Classes for EXIF data display */
 319 table.exif {
 320         margin-left: 0.5em;
 321 }
 322
 323 table.exif caption { font-weight: bold; }
 324 table.exif th { font-weight: normal; }
 325 table.exif td { padding: 0.1em; }
 326
 327 table.exif {
 328         border: none;
 329         border-collapse: collapse;
 330 }
 331 table.exif td, table.exif th {
 332         border: 1px solid #aaaaaa;
 333         padding-left: 4px;
 334         padding-right: 4px;
 335 }
 336 table.exif th {
 337         background-color: #f9f9f9;
 338 }
 339 table.exif td {
 340         background-color: #fcfcfc;
 341 }
 342 table.exif td.spacer {
 343         background: inherit;
 344         border-top: none;
 345         border-bottom: none;
 346 }
 347
 348 .visualClear {
 349     clear: both;
 350 }
 351
 352 #mw_trackbacks {
 353         border: solid 1px #bbbbff;
 354         background-color: #eeeeff;
 355         padding: 0.2em;
 356 }
 357
 358 /* Allmessages table */
 359
 360 #allmessagestable th {
 361         background-color: #b2b2ff;
 362 }
 363
 364 #allmessagestable tr.orig {
 365         background-color: #ffe2e2;
 366 }
 367
 368 #allmessagestable tr.new {
 369         background-color: #e2ffe2;
 370 }
 371
 372 #allmessagestable tr.def {
 373         background-color: #f0f0ff;
 374 }
 375
 376 #jump-to-nav {
 377   display: none;
 378 }