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     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
 325 .hiddenStructure {
 326     display: none;
 327 }
 328 img.tex { vertical-align: middle; }
 329 span.texhtml { font-family: serif; }
 330
 331 /*
 332 ** classes for special content elements like town boxes
 333 ** intended to be referenced directly from the wiki src
 334 */
 335
 336 /*
 337 ** User styles
 338 */
 339 /* table standards */
 340 table.rimage {
 341     float:right;
 342     position:relative;
 343     margin-left:1em;
 344     margin-bottom:1em;
 345     text-align:center;
 346 }
 347 .toccolours {
 348     border:1px solid #aaaaaa;
 349     background-color:#f9f9f9;
 350     padding:5px;
 351     font-size: 95%;
 352 }
 353 div.townBox {
 354     position:relative;
 355     float:right;
 356     background:White;
 357     margin-left:1em;
 358     border: 1px solid gray;
 359     padding:0.3em;
 360     width: 200px;
 361     overflow: hidden;
 362     clear: right;
 363 }
 364 div.townBox dl {
 365     padding: 0;
 366     margin: 0 0 0.3em 0;
 367     font-size: 96%;
 368 }
 369 div.townBox dl dt {
 370     background: none;
 371     margin: 0.4em 0 0 0;
 372 }
 373 div.townBox dl dd {
 374     margin: 0.1em 0 0 1.1em;
 375     background-color: #f3f3f3;
 376 }
 377
 378 /*
 379 ** edit views etc
 380 */
 381 .special li {
 382     line-height: 1.4em;
 383     margin: 0;
 384     padding: 0;
 385 }
 386
 387 /* Page history styling */
 388 /* the auto-generated edit comments */
 389 .autocomment { color: gray; }
 390 #pagehistory span.user {
 391     margin-left: 1.4em;
 392     margin-right: 0.4em;
 393 }
 394 #pagehistory span.minor { font-weight: bold; }
 395 #pagehistory li { border: 1px solid White; }
 396 #pagehistory li.selected {
 397     background-color:#f9f9f9;
 398     border:1px dashed #aaaaaa;
 399 }
 400 /*
 401 ** Diff rendering
 402 */
 403 table.diff { background:white; }
 404 td.diff-otitle { background:#ffffff; }
 405 td.diff-ntitle { background:#ffffff; }
 406 td.diff-addedline {
 407     background:#ccffcc;
 408     font-size: smaller;
 409 }
 410 td.diff-deletedline {
 411     background:#ffffaa;
 412     font-size: smaller;
 413 }
 414 td.diff-context {
 415     background:#eeeeee;
 416     font-size: smaller;
 417 }
 418 span.diffchange { color: red; }
 419
 420 a.external { color: #3366bb; }
 421
 422 div#footer { text-align: center; }
 423
 424 ul#f-list li { list-style: none;  text-align: center; }
 425
 426 div.portlet { margin: 0.5em 0; }
 427
 428 .redirectText {
 429         font-size:150%;
 430         margin:5px;
 431 }
 432
 433 ul.special li.not-patrolled, ol.special li.not-patrolled {
 434         background-color: #ffa;
 435 }
 436 div.patrollink {
 437         font-size: 75%;
 438         text-align: right;
 439 }
 440 span.newpage, span.minor {
 441         font-weight: bold;
 442 }
 443
 444 span.updatedmarker {
 445         color:black;
 446         background-color:#00FF00;
 447 }
 448
 449 table.gallery {
 450         border:  1px solid #cccccc;
 451         margin:  2px;
 452         padding: 2px;
 453         background-color:#ffffff;
 454 }
 455
 456 table.gallery tr {
 457         vertical-align:top;
 458 }
 459
 460 table.gallery td {
 461       vertical-align:top;
 462       background-color:#f9f9f9;
 463       border: solid 2px white;
 464 }
 465
 466 div.gallerybox {
 467         margin: 2px;
 468         width:  150px;
 469 }
 470
 471 div.gallerybox div.thumb {
 472         text-align: center;
 473         border: 1px solid #cccccc;
 474         margin: 2px;
 475 }
 476
 477 div.gallerytext {
 478         font-size: 94%;
 479         padding: 2px 4px;
 480 }
 481
 482 #jump-to-nav {
 483   display: none;
 484 }
 485
 486 .templatesUsed { margin-top: 1.5em; }
 487
 488 /**
 489  * Here is some stuff that's ACTUALLY COMMON TO ALL SKINS.
 490  * When the day comes, it can be moved to a *real* common.css.
 491  */
 492 #toolbar { clear: both; }
 493 .mw-plusminus-null { color: #aaa; }
 494 .texvc { direction: ltr; unicode-bidi: embed; }