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 h1, h2, h3, h4, h5, h6 {
  45     color: Black;
  46     background: none;
  47     font-weight: normal;
  48     margin: 0;
  49     padding-top: 0.5em;
  50     padding-bottom: 0.17em;
  51     border-bottom: 1px solid #aaaaaa;
  52 }
  53 .editsection {
  54         font-weight: normal;
  55         float: right;
  56         margin-left: 5px;
  57 }
  58 h1 { font-size: 188%; }
  59 h1 .editsection { font-size: 53.2%; }
  60 h2 { font-size: 150%; }
  61 h2 .editsection { font-size: 66.7%; }
  62 h3, h4, h5, h6 {
  63     border-bottom: none;
  64     font-weight: bold;
  65 }
  66 h3 { font-size: 132%; }
  67 h3 .editsection { font-size: 75.8%; }
  68 h4 { font-size: 116%; }
  69 h4 .editsection { font-size: 86.2%; }
  70 h5 { font-size: 100%; }
  71 h6 { font-size: 80%;  }
  72 h6 .editsection { font-size: 125%; }
  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 p.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     margin: 0.3em 0.5em 0.5em 0;
 274     position: relative;
 275     border: 0.5em solid White;
 276     border-width: 0.5em 1.4em 0.8em 0;
 277 }
 278 div.floatleft p { font-style: italic; }
 279 /* thumbnails */
 280 div.thumb {
 281     margin-bottom: 0.5em;
 282     border-style: solid; border-color: White;
 283     width: auto;
 284 }
 285 div.thumb div {
 286     border:1px solid #cccccc;
 287     padding: 3px !important;
 288     background-color:#f9f9f9;
 289     font-size: 94%;
 290     text-align: center;
 291     overflow: hidden;
 292 }
 293 div.thumb div a img {
 294     border:1px solid #cccccc;
 295 }
 296 div.thumb div div.thumbcaption {
 297     border: none;
 298     text-align: left;
 299     line-height: 1.4em;
 300     padding: 0.3em 0 0.1em 0;
 301 }
 302 div.magnify {
 303     float: right;
 304     border: none !important;
 305     background: none !important;
 306 }
 307 div.magnify a, div.magnify img {
 308     display: block;
 309     border: none !important;
 310     background: none !important;
 311 }
 312 div.tright {
 313     clear: right;
 314     float: right;
 315     border-width: 0.5em 0 0.8em 1.4em;
 316 }
 317 div.tleft {
 318     float: left;
 319     margin-right:0.5em;
 320     border-width: 0.5em 1.4em 0.8em 0;
 321 }
 322
 323 .hiddenStructure {
 324     display: none;
 325 }
 326 img.tex { vertical-align: middle; }
 327 span.texhtml { font-family: serif; }
 328
 329 /*
 330 ** classes for special content elements like town boxes
 331 ** intended to be referenced directly from the wiki src
 332 */
 333
 334 /*
 335 ** User styles
 336 */
 337 /* table standards */
 338 table.rimage {
 339     float:right;
 340     position:relative;
 341     margin-left:1em;
 342     margin-bottom:1em;
 343     text-align:center;
 344 }
 345 .toccolours {
 346     border:1px solid #aaaaaa;
 347     background-color:#f9f9f9;
 348     padding:5px;
 349     font-size: 95%;
 350 }
 351 div.townBox {
 352     position:relative;
 353     float:right;
 354     background:White;
 355     margin-left:1em;
 356     border: 1px solid gray;
 357     padding:0.3em;
 358     width: 200px;
 359     overflow: hidden;
 360     clear: right;
 361 }
 362 div.townBox dl {
 363     padding: 0;
 364     margin: 0 0 0.3em 0;
 365     font-size: 96%;
 366 }
 367 div.townBox dl dt {
 368     background: none;
 369     margin: 0.4em 0 0 0;
 370 }
 371 div.townBox dl dd {
 372     margin: 0.1em 0 0 1.1em;
 373     background-color: #f3f3f3;
 374 }
 375
 376 /*
 377 ** edit views etc
 378 */
 379 .special li {
 380     line-height: 1.4em;
 381     margin: 0;
 382     padding: 0;
 383 }
 384
 385 /* Page history styling */
 386 /* the auto-generated edit comments */
 387 .autocomment { color: gray; }
 388 #pagehistory span.user {
 389     margin-left: 1.4em;
 390     margin-right: 0.4em;
 391 }
 392 #pagehistory span.minor { font-weight: bold; }
 393 #pagehistory li { border: 1px solid White; }
 394 #pagehistory li.selected {
 395     background-color:#f9f9f9;
 396     border:1px dashed #aaaaaa;
 397 }
 398 /*
 399 ** Diff rendering
 400 */
 401 table.diff { background:white; }
 402 td.diff-otitle { background:#ffffff; }
 403 td.diff-ntitle { background:#ffffff; }
 404 td.diff-addedline {
 405     background:#ccffcc;
 406     font-size: smaller;
 407 }
 408 td.diff-deletedline {
 409     background:#ffffaa;
 410     font-size: smaller;
 411 }
 412 td.diff-context {
 413     background:#eeeeee;
 414     font-size: smaller;
 415 }
 416 span.diffchange { color: red; }
 417
 418 a.external { color: #3366bb; }
 419
 420 div#footer { text-align: center; }
 421
 422 ul#f-list li { list-style: none;  text-align: center; }
 423
 424 div.portlet { margin: 0.5em 0; }
 425
 426 .redirectText {
 427         font-size:150%;
 428         margin:5px;
 429 }
 430
 431 ul.special li.not-patrolled, ol.special li.not-patrolled {
 432         background-color: #ffa;
 433 }
 434 div.patrollink {
 435         font-size: 75%;
 436         text-align: right;
 437 }
 438 span.newpage, span.minor {
 439         font-weight: bold;
 440 }
 441
 442 span.updatedmarker {
 443         color:black;
 444         background-color:#00FF00;
 445 }
 446 span.newpageletter {
 447         font-weight:bold;
 448         color:black;
 449         background-color:yellow;
 450 }
 451 span.minoreditletter {
 452         color:black;
 453         background-color:#C5FFE6;
 454 }
 455
 456 table.gallery {
 457         border:  1px solid #cccccc;
 458         margin:  2px;
 459         padding: 2px;
 460         background-color:#ffffff;
 461 }
 462
 463 table.gallery tr {
 464         vertical-align:top;
 465 }
 466
 467 table.gallery td {
 468       vertical-align:top;
 469       background-color:#f9f9f9;
 470       border: solid 2px white;
 471 }
 472
 473 div.gallerybox {
 474         margin: 2px;
 475         width:  150px;
 476 }
 477
 478 div.gallerybox div.thumb {
 479         text-align: center;
 480         border: 1px solid #cccccc;
 481         margin: 2px;
 482 }
 483
 484 div.gallerytext {
 485         font-size: 94%;
 486         padding: 2px 4px;
 487 }
 488
 489 #jump-to-nav {
 490   display: none;
 491 }