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 }
 218 .redirectText {
 219         font-size:150%;
 220         margin:5px;
 221 }
 222 .searchmatch {
 223         color: red;
 224         font-weight: bold;
 225 }
 226 .sharedUploadNotice {
 227         font-style: italic;
 228 }
 229 span.unpatrolled {
 230         font-weight:bold;
 231         color:red;
 232 }
 233
 234 span.updatedmarker {
 235         color:black;
 236         background-color:#00FF00;
 237 }
 238 span.newpageletter {
 239         font-weight:bold;
 240         color:black;
 241         background-color:yellow;
 242 }
 243 span.minoreditletter {
 244         color:black;
 245         background-color:#C5FFE6;
 246 }
 247
 248 table.gallery {
 249         border:  1px solid #cccccc;
 250         margin:  2px;
 251         padding: 2px;
 252         background-color:#ffffff;
 253 }
 254
 255 table.gallery tr {
 256         vertical-align:top;
 257 }
 258
 259 table.gallery td {
 260       vertical-align:top;
 261       background-color:#f9f9f9;
 262       border: solid 2px white;
 263 }
 264
 265 div.gallerybox {
 266         margin: 2px;
 267         width:  150px;
 268 }
 269
 270 div.gallerybox div.thumb {
 271         text-align: center;
 272         border: 1px solid #cccccc;
 273         margin: 2px;
 274 }
 275
 276 div.gallerytext {
 277         font-size: 94%;
 278         padding: 2px 4px;
 279 }
 280
 281 span.comment {
 282         font-style: italic;
 283 }
 284
 285 span.changedby {
 286         font-size: 95%;
 287 }
 288
 289 .previewnote {
 290         text-align: center;
 291         color: #cc0000;
 292 }
 293 .editExternally {
 294         border-style:solid;
 295         border-width:1px;
 296         border-color:gray;
 297         background: #ffffff;
 298         padding:3px;
 299         margin-top:0.5em;
 300         float:left;
 301         font-size:small;
 302         text-align:center;
 303 }
 304 .editExternallyHelp {
 305         font-style:italic;
 306         color:gray;
 307 }
 308
 309 li span.deleted {
 310         text-decoration: line-through;
 311         color: #888;
 312         font-style: italic;
 313 }
 314
 315
 316 /* Classes for EXIF data display */
 317 table.exif {
 318         margin-left: 0.5em;
 319 }
 320
 321 table.exif caption { font-weight: bold; }
 322 table.exif th { font-weight: normal; }
 323 table.exif td { padding: 0.1em; }
 324
 325 table.exif {
 326         border: none;
 327         border-collapse: collapse;
 328 }
 329 table.exif td, table.exif th {
 330         border: 1px solid #aaaaaa;
 331         padding-left: 4px;
 332         padding-right: 4px;
 333 }
 334 table.exif th {
 335         background-color: #f9f9f9;
 336 }
 337 table.exif td {
 338         background-color: #fcfcfc;
 339 }
 340 table.exif td.spacer {
 341         background: inherit;
 342         border-top: none;
 343         border-bottom: none;
 344 }
 345
 346 .visualClear {
 347     clear: both;
 348 }