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 /* IE/mac fixes */
 104 #toc {
 105   display: inline-table;
 106 }
 107 #toc h2, #toc div, #toc ul, #toc li {
 108   float: left;
 109   clear: left;
 110 }
 111 @media all {
 112   #toc {
 113     display: block;
 114     text-align: center;
 115   }
 116   #toc * {
 117     float: none!important;
 118   }
 119 }
 120 /* end IE/mac fixes */
 121
 122 #toc {
 123     border: 1px solid #88a;
 124     background-color: #f7f8ff;
 125     padding: 5px;
 126     font-size: 95%;
 127     float: left;
 128 }
 129 #toc h2 {
 130     display: inline;
 131     border: none;
 132     padding: 0;
 133     font-size: 100%;
 134     font-weight: bold;
 135 }
 136 #toc ul {
 137     list-style-type: none;
 138     list-style-image: none;
 139     margin-left: 0;
 140     padding-left: 0;
 141     text-align: left;
 142 }
 143 #toc ul ul {
 144     margin: 0 0 0 2em;
 145 }
 146 #toc .toctoggle {
 147     font-size: 95%;
 148 }
 149
 150
 151 .error {
 152         color: red;
 153         font-size: larger;
 154 }
 155
 156 /* preference page with js-genrated toc */
 157 #preftoc {
 158     float: left;
 159     margin: 1em 1em 1em 1em;
 160     width: 13em;
 161 }
 162 #preftoc li { border: 1px solid White; }
 163 #preftoc li.selected {
 164     background-color:#f9f9f9;
 165     border:1px dashed #aaaaaa;
 166 }
 167 #preftoc a,
 168 #preftoc a:active {
 169     display: block;
 170     color: #005189;
 171 }
 172 #prefcontrol {
 173     clear: left;
 174     float: left;
 175     margin-top: 1em;
 176 }
 177 div.prefsectiontip {
 178     font-size: 94%;
 179     margin-top: 1em;
 180 }
 181 fieldset.prefsection { margin-top: 1em }
 182 fieldset.operaprefsection { margin-left: 15em }
 183
 184 /* emulate center */
 185 .center {
 186     width: 100%;
 187     text-align: center;
 188 }
 189 *.center * {
 190     margin-left: auto;
 191     margin-right: auto;
 192 }
 193 /* small for tables and similar */
 194 .small, .small * { font-size: 94%; }
 195 table.small { font-size: 100% }
 196
 197 div.townBox {
 198     position:relative;
 199     float:right;
 200     background:White;
 201     margin-left:1em;
 202     border: 1px solid Grey;
 203     padding:0.3em;
 204     width: 200px;
 205     overflow: hidden;
 206     clear: right;
 207 }
 208 div.townBox dl {
 209     padding: 0;
 210     margin: 0 0 0.3em 0;
 211     font-size: 96%;
 212 }
 213 div.townBox dl dt {
 214     background: none;
 215     margin: 0.4em 0 0 0;
 216 }
 217 div.townBox dl dd {
 218     margin: 0.1em 0 0 1.1em;
 219     background-color: #f3f3f3;
 220 }
 221 /* use this instead of #toc for page content */
 222 .toccolours {
 223     border:1px solid #aaaaaa;
 224     background-color:#f9f9f9;
 225     padding:5px;
 226     font-size: 95%;
 227 }
 228 #siteNotice {
 229     border:1px solid #aaaaaa;
 230 }
 231 .redirectText {
 232         font-size:150%;
 233         margin:5px;
 234 }
 235 .searchmatch {
 236         color: red;
 237         font-weight: bold;
 238 }
 239 .sharedUploadNotice {
 240         font-style: italic;
 241 }
 242 span.unpatrolled {
 243         font-weight:bold;
 244         color:red;
 245 }
 246
 247 span.updatedmarker {
 248         color:black;
 249         background-color:#00FF00;
 250 }
 251 span.newpageletter {
 252         font-weight:bold
 253         color:black;
 254         background-color:yellow;
 255 }
 256 span.minoreditletter {
 257         color:black;
 258         background-color:#C5FFE6;
 259 }
 260
 261 table.gallery {
 262         border:  1px solid #cccccc;
 263         margin:  2px;
 264         padding: 2px;
 265         background-color:#ffffff;
 266 }
 267
 268 table.gallery tr {
 269         vertical-align:top;
 270 }
 271
 272 table.gallery td {
 273       vertical-align:top;
 274       background-color:#f9f9f9;
 275       border: solid 2px white;
 276 }
 277
 278 div.gallerybox {
 279         margin: 2px;
 280         width:  150px;
 281 }
 282
 283 div.gallerybox div.thumb {
 284         text-align: center;
 285         border: 1px solid #cccccc;
 286         margin: 2px;
 287 }
 288
 289 div.gallerytext {
 290         font-size: 94%;
 291         padding: 2px 4px;
 292 }
 293