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         padding-top: 0.5em;
  51         padding-bottom: 0.17em;
  52         border-bottom: 1px solid #aaaaaa;
  53 }
  54 .editsection {
  55         font-weight: normal;
  56 }
  57 h1 { font-size: 188%; }
  58 h1 .editsection { font-size: 53.2%; }
  59 h2 { font-size: 150%; }
  60 h2 .editsection { font-size: 66.7%; }
  61 h3, h4, h5, h6 {
  62         border-bottom: none;
  63         font-weight: bold;
  64 }
  65 h3 { font-size: 132%; }
  66 h3 .editsection { font-size: 75.8%; }
  67 h4 { font-size: 116%; }
  68 h4 .editsection { font-size: 86.2%; }
  69 h5 { font-size: 100%; }
  70 h6 { font-size: 80%;  }
  71 h6 .editsection { font-size: 125%; }
  72
  73 ul {
  74         line-height: 1.5em;
  75         margin: 0.3em 0 0 1.5em;
  76         padding:0;
  77 }
  78 ol {
  79         line-height: 1.5em;
  80         margin: 0.3em 0 0 3.2em;
  81         padding:0;
  82         list-style-image: none;
  83 }
  84 li { margin-bottom: 0.1em; }
  85 dt {
  86         font-weight: bold;
  87         margin-bottom: 0.1em;
  88 }
  89 dl{
  90         margin-top: 0.2em;
  91         margin-bottom: 0.5em;
  92 }
  93 dd {
  94         line-height: 1.5em;
  95         margin-left: 2em;
  96         margin-bottom: 0.1em;
  97 }
  98
  99 fieldset {
 100         border: 1px solid #2f6fab;
 101         margin: 1em 0em 1em 0em;
 102         padding: 0em 1em 1em 1em;
 103         line-height: 1.5em;
 104 }
 105 legend {
 106         background: white;
 107         padding: 0.5em;
 108         font-size: 95%;
 109 }
 110 form {
 111         border: none;
 112         margin: 0;
 113 }
 114
 115 textarea {
 116         border: 1px solid #2f6fab;
 117         color: black;
 118         background-color: white;
 119         width: 100%;
 120         padding: 0.1em;
 121         overflow: auto;
 122 }
 123 /* hide this from ie/mac and konq2.2 */
 124 @media All {
 125         head:first-child+body input {
 126                 visibility: visible;
 127                 border: 1px solid #2f6fab;
 128                 color: black;
 129                 background-color: white;
 130                 vertical-align: middle;
 131                 padding: 0.2em;
 132         }
 133 }
 134 input.historysubmit {
 135         padding: 0 0.3em 0.3em 0.3em !important;
 136         font-size: 94%;
 137         cursor: pointer;
 138         height: 1.7em !important;
 139         margin-left: 1.6em;
 140 }
 141 input[type="radio"],
 142 input[type="checkbox"] { border:none; }
 143 select {
 144         border: 1px solid #2f6fab;
 145         color: black;
 146         vertical-align: top;
 147 }
 148 abbr, acronym, .explain {
 149         border-bottom: 1px dotted black;
 150         color: black;
 151         background: none;
 152         cursor: help;
 153 }
 154 q {
 155         font-family: Times, "Times New Roman", serif;
 156         font-style: italic;
 157 }
 158 code { background-color: #f9f9f9; }
 159 pre {
 160         padding: 1em;
 161         border: 1px dashed #2f6fab;
 162         color: black;
 163         background-color: #f9f9f9;
 164         line-height: 1.1em;
 165 }
 166
 167 /*
 168 ** the main content area
 169 */
 170
 171 span.subpages { display: block; }
 172
 173 /* Some space under the headers in the content area */
 174 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
 175 #bodyContent h3,
 176 #bodyContent h4,
 177 #bodyContent h5 {
 178         margin-bottom: 0.3em;
 179 }
 180 #firstHeading { margin-bottom:0.1em; }
 181
 182 /* user notification thing */
 183 .usermessage {
 184         background-color: #ffce7b;
 185         border: 1px solid #ffa500;
 186         color: black;
 187         font-weight: bold;
 188         margin: 0.1em 0 0 0;
 189         padding: 2px 5px;
 190         vertical-align: middle;
 191 }
 192 #siteNotice {
 193         text-align: center;
 194         font-size: 95%;
 195         padding: 0 0.9em 0 0.9em;
 196 }
 197 #siteNotice p { margin: 0; padding: 0; }
 198 .error {
 199         color: red;
 200         font-size: larger;
 201 }
 202 .catlinks {
 203         border:1px solid #aaaaaa;
 204         background-color:#f9f9f9;
 205         padding: 2px 5px;
 206         margin: 0.1em 0 0 0;
 207         clear: both;
 208 }
 209 .catlinks { margin: 0; padding: 0; }
 210
 211
 212 /* currently unused, intended to be used by a metadata box
 213 in the bottom-right corner of the content area */
 214 .documentDescription {
 215         /* The summary text describing the document */
 216         font-weight: bold;
 217         display: block;
 218         margin: 1em 0em;
 219         line-height: 1.5em;
 220 }
 221 .documentByLine {
 222         text-align: right;
 223         font-size: 90%;
 224         clear: both;
 225         font-weight: normal;
 226         color: #76797c;
 227 }
 228
 229 /* emulate center */
 230 .center {
 231         width: 100%;
 232         text-align: center;
 233 }
 234 *.center * {
 235         margin-left: auto;
 236         margin-right: auto;
 237 }
 238 /* small for tables and similar */
 239 .small, .small * { font-size: 94%; }
 240 table.small { font-size: 100% }
 241
 242 /*
 243 ** content styles
 244 */
 245
 246 #toc {
 247         /*border:1px solid #2f6fab;*/
 248         border:1px solid #aaaaaa;
 249         background-color:#f9f9f9;
 250         padding:5px;
 251         font-size: 95%;
 252 }
 253 #toc ul { margin-left: 2em; }
 254 #toc .toctoggle { font-size: 94%; }
 255 #toc .editsection {
 256         margin-top: 0.7em;
 257         font-size: 94%;
 258 }
 259
 260 /* images */
 261 div.floatright, table.floatright {
 262         clear: right;
 263         float: right;
 264         margin: 0;
 265         position: relative;
 266         border: 0.5em solid white;
 267         border-width: 0.5em 0 0.8em 1.4em;
 268 }
 269 div.floatright p { font-style: italic; }
 270 div.floatleft, table.floatleft {
 271         float: left;
 272         clear: left;
 273         margin: 0.3em 0.5em 0.5em 0;
 274         position: relative;
 275         border: 0.5em solid white;
 276         border-width: 0.5em 1.4em 0.8em 0;
 277 }
 278 div.floatleft p { font-style: italic; }
 279 /* thumbnails */
 280 div.thumb {
 281         margin-bottom: 0.5em;
 282         border-style: solid; border-color: white;
 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         border-width: 0.5em 0 0.8em 1.4em;
 316 }
 317 div.tleft {
 318         float: left;
 319         clear: left;
 320         margin-right:0.5em;
 321         border-width: 0.5em 1.4em 0.8em 0;
 322 }
 323 img.thumbborder {
 324         border: 1px solid #dddddd;
 325 }
 326
 327 .hiddenStructure {
 328         display: none;
 329 }
 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
 354 /*
 355 ** edit views etc
 356 */
 357 .special li {
 358         line-height: 1.4em;
 359         margin: 0;
 360         padding: 0;
 361 }
 362
 363 a.external { color: #3366bb; }
 364 div#footer { text-align: center; }
 365 ul#f-list li { list-style: none;  text-align: center; }
 366 div.portlet { margin: 0.5em 0; }
 367
 368 .redirectText {
 369         font-size:150%;
 370         margin:5px;
 371 }
 372
 373 ul.special li.not-patrolled, ol.special li.not-patrolled {
 374         background-color: #ffa;
 375 }
 376 div.patrollink {
 377         font-size: 75%;
 378         text-align: right;
 379 }
 380
 381 span.updatedmarker {
 382         color:black;
 383         background-color:#00FF00;
 384 }
 385
 386 div.gallerybox {
 387         width:  150px;
 388 }
 389
 390 #xjump-to-nav {
 391         display: none;
 392 }
 393
 394 .templatesUsed { margin-top: 1.5em; }
 395
 396 .printfooter {
 397         display: none;
 398 }
 399
 400 #footer {
 401         background-color: white;
 402         border-top: 1px solid #fabd23;
 403         border-bottom: 1px solid #fabd23;
 404         margin: .6em 0 1em 0;
 405         padding: .4em 0 1.2em 0;
 406         text-align: center;
 407         font-size: 90%;
 408 }
 409 #f-poweredbyico, #f-copyrightico {
 410         display: inline;
 411 }