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