stylesheets/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 .tocindent { margin-left: 2em; }
 245 #toc .tocline { margin-bottom: 0px; }
 246 #toc p { margin: 0 }
 247 #toc .toctoggle { font-size: 94%; }
 248 #toc .editsection {
 249     margin-top: 0.7em;
 250     font-size: 94%;
 251 }
 252
 253 /* images */
 254 div.floatright, table.floatright {
 255     clear: right;
 256     float: right;
 257     margin: 0;
 258     position: relative;
 259     border: 0.5em solid White;
 260     border-width: 0.5em 0 0.8em 1.4em;
 261 }
 262 div.floatright p { font-style: italic; }
 263 div.floatleft, table.floatleft {
 264     float: left;
 265     margin: 0.3em 0.5em 0.5em 0;
 266     position: relative;
 267     border: 0.5em solid White;
 268     border-width: 0.5em 1.4em 0.8em 0;
 269 }
 270 div.floatleft p { font-style: italic; }
 271 /* thumbnails */
 272 div.thumb {
 273     margin-bottom: 0.5em;
 274     border-style: solid; border-color: White;
 275     width: auto;
 276 }
 277 div.thumb div {
 278     border:1px solid #cccccc;
 279     padding: 3px !important;
 280     background-color:#f9f9f9;
 281     font-size: 94%;
 282     text-align: center;
 283     overflow: hidden;
 284 }
 285 div.thumb div a img {
 286     border:1px solid #cccccc;
 287 }
 288 div.thumb div div.thumbcaption {
 289     border: none;
 290     text-align: left;
 291     line-height: 1.4em;
 292     padding: 0.3em 0 0.1em 0;
 293 }
 294 div.magnify {
 295     float: right;
 296     border: none !important;
 297     background: none !important;
 298 }
 299 div.magnify a, div.magnify img {
 300     display: block;
 301     border: none !important;
 302     background: none !important;
 303 }
 304 div.tright {
 305     clear: right;
 306     float: right;
 307     border-width: 0.5em 0 0.8em 1.4em;
 308 }
 309 div.tleft {
 310     float: left;
 311     margin-right:0.5em;
 312     border-width: 0.5em 1.4em 0.8em 0;
 313 }
 314 .urlexpansion,
 315 .hiddenStructure {
 316     display: none;
 317 }
 318 img.tex { vertical-align: middle; }
 319 span.texhtml { font-family: serif; }
 320
 321 /*
 322 ** classes for special content elements like town boxes
 323 ** intended to be referenced directly from the wiki src
 324 */
 325
 326 /*
 327 ** User styles
 328 */
 329 /* table standards */
 330 table.rimage {
 331     float:right;
 332     position:relative;
 333     margin-left:1em;
 334     margin-bottom:1em;
 335     text-align:center;
 336 }
 337 .toccolours {
 338     border:1px solid #aaaaaa;
 339     background-color:#f9f9f9;
 340     padding:5px;
 341     font-size: 95%;
 342 }
 343 div.townBox {
 344     position:relative;
 345     float:right;
 346     background:White;
 347     margin-left:1em;
 348     border: 1px solid Grey;
 349     padding:0.3em;
 350     width: 200px;
 351     overflow: hidden;
 352     clear: right;
 353 }
 354 div.townBox dl {
 355     padding: 0;
 356     margin: 0 0 0.3em 0;
 357     font-size: 96%;
 358 }
 359 div.townBox dl dt {
 360     background: none;
 361     margin: 0.4em 0 0 0;
 362 }
 363 div.townBox dl dd {
 364     margin: 0.1em 0 0 1.1em;
 365     background-color: #f3f3f3;
 366 }
 367
 368 /*
 369 ** edit views etc
 370 */
 371 .special li {
 372     line-height: 1.4em;
 373     margin: 0;
 374     padding: 0;
 375 }
 376
 377 /* Page history styling */
 378 /* the auto-generated edit comments */
 379 .autocomment { color: gray; }
 380 #pagehistory span.user {
 381     margin-left: 1.4em;
 382     margin-right: 0.4em;
 383 }
 384 #pagehistory span.minor { font-weight: bold; }
 385 #pagehistory li { border: 1px solid White; }
 386 #pagehistory li.selected {
 387     background-color:#f9f9f9;
 388     border:1px dashed #aaaaaa;
 389 }
 390 /*
 391 ** Diff rendering
 392 */
 393 table.diff { background:white; }
 394 td.diff-otitle { background:#ffffff; }
 395 td.diff-ntitle { background:#ffffff; }
 396 td.diff-addedline {
 397     background:#ccffcc;
 398     font-size: smaller;
 399 }
 400 td.diff-deletedline {
 401     background:#ffffaa;
 402     font-size: smaller;
 403 }
 404 td.diff-context {
 405     background:#eeeeee;
 406     font-size: smaller;
 407 }
 408 span.diffchange { color: red; }
 409
 410 a.external { color: #3366bb; }
 411
 412 div#footer { text-align: center; }
 413
 414 ul#f-list li { list-style: none;  text-align: center; }
 415
 416 div.portlet { margin: 0.5em 0; }
 417
 418 .redirectText {
 419         font-size:150%;
 420         margin:5px;
 421 }
 422
 423 ul.special li.not_patrolled, ol.special li.not_patrolled {
 424         background-color: #ffa;
 425 }
 426 div.patrollink {
 427         font-size: 75%;
 428         text-align: right;
 429 }
 430 span.newpage, span.minor {
 431         font-weight: bold;
 432 }