skins/chick/main.css

   1 /*
   2 ** MediaWiki 'chick' style sheet for PDAs or other small-screen devices.
   3 ** Copyright Timwi
   4 ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
   5 **
   6 ** Loosely based on Monobook by Gabriel Wicke
   7 */
   8
   9 body {
  10     font-family: sans-serif;
  11     color: Black;
  12     margin: 0;
  13     padding: 0.3em;
  14 }
  15
  16 a { color: #002bb8; }
  17 a:visited { color: #5a3696; }
  18 a:active { color: #ffa500; }
  19 a.stub { color: #772233; }
  20 a.new,
  21 #p-personal a.new { color:#ba0000; }
  22 a.new:visited,
  23 #p-personal a.new:visited { color:#a55858; }
  24
  25 img {
  26     border: none;
  27     vertical-align: middle;
  28 }
  29 p {
  30     margin: 0.4em 0em 0.5em 0em;
  31     line-height: 1.5em;
  32 }
  33
  34 p img { margin: 0; }
  35
  36 hr {
  37     height: 1px;
  38     color: #aaaaaa;
  39     background-color: #aaaaaa;
  40     border: 0;
  41     margin: 0.2em 0 0.2em 0;
  42 }
  43
  44 /* Headers */
  45 .mw-h1, .mw-h2, .mw-h3, .mw-h4, .mw-h5, .mw-h6 {
  46         color: black;
  47         background: none;
  48         margin: 0;
  49         border-bottom: 1px solid #aaa;
  50 }
  51 .mw-h3, .mw-h4, .mw-h5, .mw-h6 {
  52         border-bottom: none;
  53 }
  54 h1, h2 {
  55         font-weight: normal;
  56 }
  57 h1 { font-size: 188%; }
  58 h2 { font-size: 150%; }
  59 h3 { font-size: 132%; }
  60 h4 { font-size: 116%; }
  61 h5 { font-size: 100%; }
  62 h6 { font-size: 80%;  }
  63
  64 /* To replicate the old padding, where h# were block-level elements and edit
  65  * links were floated, we need to multiply .5em top padding and .17em bottom
  66  * padding by the header text sizes. */
  67 .mw-h1 { padding: .94em 0 .32em; } /* (0.5*1.88)em 0 (0.17*1.88)em */
  68 .mw-h2 { padding: .75em 0 .26em; } /* (0.5*1.50)em 0 (0.17*1.50)em */
  69 .mw-h3 { padding: .66em 0 .22em; } /* etc. */
  70 .mw-h4 { padding: .58em 0 .20em; }
  71 .mw-h5 { padding: .50em 0 .17em; }
  72 .mw-h6 { padding: .40em 0 .14em; }
  73
  74 ul {
  75     line-height: 1.5em;
  76     margin: 0.3em 0 0 1.5em;
  77     padding:0;
  78 }
  79 ol {
  80     line-height: 1.5em;
  81     margin: 0.3em 0 0 3.2em;
  82     padding:0;
  83     list-style-image: none;
  84 }
  85 li { margin-bottom: 0.1em; }
  86 dt {
  87     font-weight: bold;
  88     margin-bottom: 0.1em;
  89 }
  90 dl{
  91     margin-top: 0.2em;
  92     margin-bottom: 0.5em;
  93 }
  94 dd {
  95     line-height: 1.5em;
  96     margin-left: 2em;
  97     margin-bottom: 0.1em;
  98 }
  99
 100 fieldset {
 101     border: 1px solid #2f6fab;
 102     margin: 1em 0em 1em 0em;
 103     padding: 0em 1em 1em 1em;
 104     line-height: 1.5em;
 105 }
 106 legend {
 107     background: White;
 108     padding: 0.5em;
 109     font-size: 95%;
 110 }
 111 form {
 112     border: none;
 113     margin: 0;
 114 }
 115
 116 textarea {
 117     border: 1px solid #2f6fab;
 118     color: Black;
 119     background-color: white;
 120     width: 100%;
 121     padding: 0.1em;
 122     overflow: auto;
 123 }
 124 /* hide this from ie/mac and konq2.2 */
 125 @media All {
 126     head:first-child+body input {
 127         visibility: visible;
 128         border: 1px solid #2f6fab;
 129         color: Black;
 130         background-color: white;
 131         vertical-align: middle;
 132         padding: 0.2em;
 133     }
 134 }
 135 input.historysubmit {
 136     padding: 0 0.3em 0.3em 0.3em !important;
 137     font-size: 94%;
 138     cursor: pointer;
 139     height: 1.7em !important;
 140     margin-left: 1.6em;
 141 }
 142 input[type="radio"],
 143 input[type="checkbox"] { border:none; }
 144 select {
 145     border: 1px solid #2f6fab;
 146     color: Black;
 147     vertical-align: top;
 148 }
 149 abbr, acronym, .explain {
 150     border-bottom: 1px dotted Black;
 151     color: Black;
 152     background: none;
 153     cursor: help;
 154 }
 155 q {
 156     font-family: Times, "Times New Roman", serif;
 157     font-style: italic;
 158 }
 159 code { background-color: #f9f9f9; }
 160 pre {
 161     padding: 1em;
 162     border: 1px dashed #2f6fab;
 163     color: Black;
 164     background-color: #f9f9f9;
 165     line-height: 1.1em;
 166 }
 167
 168 /*
 169 ** the main content area
 170 */
 171
 172 span.subpages { display: block; }
 173
 174 /* Some space under the headers in the content area */
 175 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
 176 #bodyContent h3,
 177 #bodyContent h4,
 178 #bodyContent h5 {
 179     margin-bottom: 0.3em;
 180 }
 181 #firstHeading { margin-bottom:0.1em; }
 182
 183 /* user notification thing */
 184 .usermessage {
 185     background-color: #ffce7b;
 186     border: 1px solid #ffa500;
 187     color: Black;
 188     font-weight: bold;
 189     margin: 0.1em 0 0 0;
 190     padding: 2px 5px;
 191     vertical-align: middle;
 192 }
 193 #siteNotice {
 194     text-align: center;
 195     font-size: 95%;
 196     padding: 0 0.9em 0 0.9em;
 197 }
 198 #siteNotice p { margin: 0; padding: 0; }
 199 .error {
 200     color: red;
 201     font-size: larger;
 202 }
 203 .catlinks {
 204     border:1px solid #aaaaaa;
 205     background-color:#f9f9f9;
 206     padding: 2px 5px;
 207     margin: 0.1em 0 0 0;
 208     clear: both;
 209 }
 210 .catlinks { margin: 0; padding: 0; }
 211
 212
 213 /* currently unused, intended to be used by a metadata box
 214 in the bottom-right corner of the content area */
 215 .documentDescription {
 216     /* The summary text describing the document */
 217     font-weight: bold;
 218     display: block;
 219     margin: 1em 0em;
 220     line-height: 1.5em;
 221 }
 222 .documentByLine {
 223     text-align: right;
 224     font-size: 90%;
 225     clear: both;
 226     font-weight: normal;
 227     color: #76797c;
 228 }
 229
 230 /* emulate center */
 231 .center {
 232     width: 100%;
 233     text-align: center;
 234 }
 235 *.center * {
 236     margin-left: auto;
 237     margin-right: auto;
 238 }
 239 /* small for tables and similar */
 240 .small, .small * { font-size: 94%; }
 241 table.small { font-size: 100% }
 242
 243 /*
 244 ** content styles
 245 */
 246
 247 #toc {
 248     /*border:1px solid #2f6fab;*/
 249     border:1px solid #aaaaaa;
 250     background-color:#f9f9f9;
 251     padding:5px;
 252     font-size: 95%;
 253 }
 254 #toc ul { margin-left: 2em; }
 255 #toc .toctoggle { font-size: 94%; }
 256 #toc .editsection {
 257     margin-top: 0.7em;
 258     font-size: 94%;
 259 }
 260
 261 /* images */
 262 div.floatright, table.floatright {
 263     clear: right;
 264     float: right;
 265     margin: 0;
 266     position: relative;
 267     border: 0.5em solid White;
 268     border-width: 0.5em 0 0.8em 1.4em;
 269 }
 270 div.floatright p { font-style: italic; }
 271 div.floatleft, table.floatleft {
 272     float: left;
 273     clear: left;
 274     margin: 0.3em 0.5em 0.5em 0;
 275     position: relative;
 276     border: 0.5em solid White;
 277     border-width: 0.5em 1.4em 0.8em 0;
 278 }
 279 div.floatleft p { font-style: italic; }
 280 /* thumbnails */
 281 div.thumb {
 282     margin-bottom: 0.5em;
 283     border-style: solid; border-color: White;
 284     width: auto;
 285 }
 286 div.thumb div {
 287     border:1px solid #cccccc;
 288     padding: 3px !important;
 289     background-color:#f9f9f9;
 290     font-size: 94%;
 291     text-align: center;
 292     overflow: hidden;
 293 }
 294 div.thumb div a img {
 295     border:1px solid #cccccc;
 296 }
 297 div.thumb div div.thumbcaption {
 298     border: none;
 299     text-align: left;
 300     line-height: 1.4em;
 301     padding: 0.3em 0 0.1em 0;
 302 }
 303 div.magnify {
 304     float: right;
 305     border: none !important;
 306     background: none !important;
 307 }
 308 div.magnify a, div.magnify img {
 309     display: block;
 310     border: none !important;
 311     background: none !important;
 312 }
 313 div.tright {
 314     clear: right;
 315     float: right;
 316     border-width: 0.5em 0 0.8em 1.4em;
 317 }
 318 div.tleft {
 319     float: left;
 320     clear: left;
 321     margin-right:0.5em;
 322     border-width: 0.5em 1.4em 0.8em 0;
 323 }
 324 img.thumbborder {
 325         border: 1px solid #dddddd;
 326 }
 327
 328 .hiddenStructure {
 329     display: none;
 330 }
 331
 332 /*
 333 ** classes for special content elements like town boxes
 334 ** intended to be referenced directly from the wiki src
 335 */
 336
 337 /*
 338 ** User styles
 339 */
 340 /* table standards */
 341 table.rimage {
 342     float:right;
 343     position:relative;
 344     margin-left:1em;
 345     margin-bottom:1em;
 346     text-align:center;
 347 }
 348 .toccolours {
 349     border:1px solid #aaaaaa;
 350     background-color:#f9f9f9;
 351     padding:5px;
 352     font-size: 95%;
 353 }
 354
 355 /*
 356 ** edit views etc
 357 */
 358 .special li {
 359     line-height: 1.4em;
 360     margin: 0;
 361     padding: 0;
 362 }
 363
 364 a.external { color: #3366bb; }
 365 div#footer { text-align: center; }
 366 ul#f-list li { list-style: none;  text-align: center; }
 367 div.portlet { margin: 0.5em 0; }
 368
 369 .redirectText {
 370         font-size:150%;
 371         margin:5px;
 372 }
 373
 374 ul.special li.not-patrolled, ol.special li.not-patrolled {
 375         background-color: #ffa;
 376 }
 377 div.patrollink {
 378         font-size: 75%;
 379         text-align: right;
 380 }
 381 span.newpage, span.minor {
 382         font-weight: bold;
 383 }
 384
 385 span.updatedmarker {
 386         color:black;
 387         background-color:#00FF00;
 388 }
 389
 390 table.gallery {
 391         border:  1px solid #cccccc;
 392         margin:  2px;
 393         padding: 2px;
 394         background-color:#ffffff;
 395 }
 396
 397 table.gallery tr {
 398         vertical-align:top;
 399 }
 400
 401 table.gallery td {
 402       vertical-align:top;
 403       background-color:#f9f9f9;
 404       border: solid 2px white;
 405 }
 406
 407 div.gallerybox {
 408         margin: 2px;
 409         width:  150px;
 410 }
 411
 412 div.gallerybox div.thumb {
 413         text-align: center;
 414         border: 1px solid #cccccc;
 415         margin: 2px;
 416 }
 417
 418 div.gallerytext {
 419         overflow: hidden;
 420         font-size: 94%;
 421         padding: 2px 4px;
 422 }
 423
 424 #xjump-to-nav {
 425   display: none;
 426 }
 427
 428 .templatesUsed { margin-top: 1.5em; }
 429
 430 .printfooter {
 431         display: none;
 432 }
 433
 434 #footer {
 435         background-color: white;
 436         border-top: 1px solid #fabd23;
 437         border-bottom: 1px solid #fabd23;
 438         margin: .6em 0 1em 0;
 439         padding: .4em 0 1.2em 0;
 440         text-align: center;
 441         font-size: 90%;
 442 }
 443 #f-poweredbyico, #f-copyrightico {
 444         display: inline;
 445 }