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