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