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         background: white;
  13         margin: 0;
  14         padding: 0.3em;
  15 }
  16
  17 a { color: #002bb8; }
  18 a:visited { color: #5a3696; }
  19 a:active { color: #ffa500; }
  20 a.stub { color: #772233; }
  21 a.new,
  22 #p-personal a.new { color:#ba0000; }
  23 a.new:visited,
  24 #p-personal a.new:visited { color:#a55858; }
  25
  26 img {
  27         border: none;
  28         vertical-align: middle;
  29 }
  30 p {
  31         margin: 0.4em 0em 0.5em 0em;
  32         line-height: 1.5em;
  33 }
  34
  35 p img { margin: 0; }
  36
  37 hr {
  38         height: 1px;
  39         color: #aaaaaa;
  40         background-color: #aaaaaa;
  41         border: 0;
  42         margin: 0.2em 0 0.2em 0;
  43 }
  44
  45 h1, h2, h3, h4, h5, h6 {
  46         color: black;
  47         background: none;
  48         font-weight: normal;
  49         margin: 0;
  50         overflow: hidden;
  51         padding-top: 0.5em;
  52         padding-bottom: 0.17em;
  53         border-bottom: 1px solid #aaaaaa;
  54 }
  55 .editsection {
  56         font-weight: normal;
  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 .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         width: auto;
 284 }
 285 div.thumbinner {
 286         border:1px solid #cccccc;
 287         padding: 3px !important;
 288         background-color:#f9f9f9;
 289         font-size: 94%;
 290         text-align: center;
 291         overflow: hidden;
 292 }
 293 html .thumbimage {
 294         border:1px solid #cccccc;
 295 }
 296 html .thumbcaption {
 297         border: none;
 298         text-align: left;
 299         line-height: 1.4em;
 300         padding: 0.3em 0 0.1em 0;
 301 }
 302 div.magnify {
 303         float: right;
 304         border: none !important;
 305         background: none !important;
 306 }
 307 div.magnify a, div.magnify img {
 308         display: block;
 309         border: none !important;
 310         background: none !important;
 311 }
 312 div.tright {
 313         clear: right;
 314         float: right;
 315         margin: 0.5em 0 1.3em 1.4em;
 316 }
 317 div.tleft {
 318         float: left;
 319         clear: left;
 320         margin: 0.5em 1.4em 1.3em 0;
 321 }
 322 img.thumbborder {
 323         border: 1px solid #dddddd;
 324 }
 325
 326 .hiddenStructure {
 327         display: none;
 328 }
 329
 330 /*
 331 ** classes for special content elements like town boxes
 332 ** intended to be referenced directly from the wiki src
 333 */
 334
 335 /*
 336 ** User styles
 337 */
 338 /* table standards */
 339 table.rimage {
 340         float:right;
 341         position:relative;
 342         margin-left:1em;
 343         margin-bottom:1em;
 344         text-align:center;
 345 }
 346 .toccolours {
 347         border:1px solid #aaaaaa;
 348         background-color:#f9f9f9;
 349         padding:5px;
 350         font-size: 95%;
 351 }
 352
 353 /*
 354 ** edit views etc
 355 */
 356 .special li {
 357         line-height: 1.4em;
 358         margin: 0;
 359         padding: 0;
 360 }
 361
 362 a.external { color: #3366bb; }
 363 div#footer { text-align: center; }
 364 ul#f-list li { list-style: none;  text-align: center; }
 365 div.portlet { margin: 0.5em 0; }
 366
 367 .redirectText {
 368         font-size:150%;
 369         margin:5px;
 370 }
 371
 372 ul.special li.not-patrolled, ol.special li.not-patrolled {
 373         background-color: #ffa;
 374 }
 375 div.patrollink {
 376         font-size: 75%;
 377         text-align: right;
 378 }
 379
 380 span.updatedmarker {
 381         color:black;
 382         background-color:#00FF00;
 383 }
 384
 385 div.gallerybox {
 386         width:  150px;
 387 }
 388
 389 #xjump-to-nav {
 390         display: none;
 391 }
 392
 393 .templatesUsed { margin-top: 1.5em; }
 394
 395 .printfooter {
 396         display: none;
 397 }
 398
 399 #footer {
 400         background-color: white;
 401         border-top: 1px solid #fabd23;
 402         border-bottom: 1px solid #fabd23;
 403         margin: .6em 0 1em 0;
 404         padding: .4em 0 1.2em 0;
 405         text-align: center;
 406         font-size: 90%;
 407 }
 408 #f-poweredbyico, #f-copyrightico {
 409         display: inline;
 410 }