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 .editsection {
  54         font-weight: normal;
  55 }
  56 h1 { font-size: 188%; }
  57 h1 .editsection { font-size: 53.2%; }
  58 h2 { font-size: 150%; }
  59 h2 .editsection { font-size: 66.7%; }
  60 h3, h4, h5, h6 {
  61     border-bottom: none;
  62     font-weight: bold;
  63 }
  64 h3 { font-size: 132%; }
  65 h3 .editsection { font-size: 75.8%; }
  66 h4 { font-size: 116%; }
  67 h4 .editsection { font-size: 86.2%; }
  68 h5 { font-size: 100%; }
  69 h6 { font-size: 80%;  }
  70 h6 .editsection { font-size: 125%; }
  71
  72 ul {
  73     line-height: 1.5em;
  74     margin: 0.3em 0 0 1.5em;
  75     padding:0;
  76 }
  77 ol {
  78     line-height: 1.5em;
  79     margin: 0.3em 0 0 3.2em;
  80     padding:0;
  81     list-style-image: none;
  82 }
  83 li { margin-bottom: 0.1em; }
  84 dt {
  85     font-weight: bold;
  86     margin-bottom: 0.1em;
  87 }
  88 dl{
  89     margin-top: 0.2em;
  90     margin-bottom: 0.5em;
  91 }
  92 dd {
  93     line-height: 1.5em;
  94     margin-left: 2em;
  95     margin-bottom: 0.1em;
  96 }
  97
  98 fieldset {
  99     border: 1px solid #2f6fab;
 100     margin: 1em 0em 1em 0em;
 101     padding: 0em 1em 1em 1em;
 102     line-height: 1.5em;
 103 }
 104 legend {
 105     background: White;
 106     padding: 0.5em;
 107     font-size: 95%;
 108 }
 109 form {
 110     border: none;
 111     margin: 0;
 112 }
 113
 114 textarea {
 115     border: 1px solid #2f6fab;
 116     color: Black;
 117     background-color: white;
 118     width: 100%;
 119     padding: 0.1em;
 120     overflow: auto;
 121 }
 122 /* hide this from ie/mac and konq2.2 */
 123 @media All {
 124     head:first-child+body input {
 125         visibility: visible;
 126         border: 1px solid #2f6fab;
 127         color: Black;
 128         background-color: white;
 129         vertical-align: middle;
 130         padding: 0.2em;
 131     }
 132 }
 133 input.historysubmit {
 134     padding: 0 0.3em 0.3em 0.3em !important;
 135     font-size: 94%;
 136     cursor: pointer;
 137     height: 1.7em !important;
 138     margin-left: 1.6em;
 139 }
 140 input[type="radio"],
 141 input[type="checkbox"] { border:none; }
 142 select {
 143     border: 1px solid #2f6fab;
 144     color: Black;
 145     vertical-align: top;
 146 }
 147 abbr, acronym, .explain {
 148     border-bottom: 1px dotted Black;
 149     color: Black;
 150     background: none;
 151     cursor: help;
 152 }
 153 q {
 154     font-family: Times, "Times New Roman", serif;
 155     font-style: italic;
 156 }
 157 code { background-color: #f9f9f9; }
 158 pre {
 159     padding: 1em;
 160     border: 1px dashed #2f6fab;
 161     color: Black;
 162     background-color: #f9f9f9;
 163     line-height: 1.1em;
 164 }
 165
 166 /*
 167 ** the main content area
 168 */
 169
 170 span.subpages { display: block; }
 171
 172 /* Some space under the headers in the content area */
 173 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
 174 #bodyContent h3,
 175 #bodyContent h4,
 176 #bodyContent h5 {
 177     margin-bottom: 0.3em;
 178 }
 179 #firstHeading { margin-bottom:0.1em; }
 180
 181 /* user notification thing */
 182 .usermessage {
 183     background-color: #ffce7b;
 184     border: 1px solid #ffa500;
 185     color: Black;
 186     font-weight: bold;
 187     margin: 0.1em 0 0 0;
 188     padding: 2px 5px;
 189     vertical-align: middle;
 190 }
 191 #siteNotice {
 192     text-align: center;
 193     font-size: 95%;
 194     padding: 0 0.9em 0 0.9em;
 195 }
 196 #siteNotice p { margin: 0; padding: 0; }
 197 .error {
 198     color: red;
 199     font-size: larger;
 200 }
 201 .catlinks {
 202     border:1px solid #aaaaaa;
 203     background-color:#f9f9f9;
 204     padding: 2px 5px;
 205     margin: 0.1em 0 0 0;
 206     clear: both;
 207 }
 208 .catlinks { margin: 0; padding: 0; }
 209
 210
 211 /* currently unused, intended to be used by a metadata box
 212 in the bottom-right corner of the content area */
 213 .documentDescription {
 214     /* The summary text describing the document */
 215     font-weight: bold;
 216     display: block;
 217     margin: 1em 0em;
 218     line-height: 1.5em;
 219 }
 220 .documentByLine {
 221     text-align: right;
 222     font-size: 90%;
 223     clear: both;
 224     font-weight: normal;
 225     color: #76797c;
 226 }
 227
 228 /* emulate center */
 229 .center {
 230     width: 100%;
 231     text-align: center;
 232 }
 233 *.center * {
 234     margin-left: auto;
 235     margin-right: auto;
 236 }
 237 /* small for tables and similar */
 238 .small, .small * { font-size: 94%; }
 239 table.small { font-size: 100% }
 240
 241 /*
 242 ** content styles
 243 */
 244
 245 #toc {
 246     /*border:1px solid #2f6fab;*/
 247     border:1px solid #aaaaaa;
 248     background-color:#f9f9f9;
 249     padding:5px;
 250     font-size: 95%;
 251 }
 252 #toc ul { margin-left: 2em; }
 253 #toc .toctoggle { font-size: 94%; }
 254 #toc .editsection {
 255     margin-top: 0.7em;
 256     font-size: 94%;
 257 }
 258
 259 /* images */
 260 div.floatright, table.floatright {
 261     clear: right;
 262     float: right;
 263     margin: 0;
 264     position: relative;
 265     border: 0.5em solid White;
 266     border-width: 0.5em 0 0.8em 1.4em;
 267 }
 268 div.floatright p { font-style: italic; }
 269 div.floatleft, table.floatleft {
 270     float: left;
 271     clear: left;
 272     margin: 0.3em 0.5em 0.5em 0;
 273     position: relative;
 274     border: 0.5em solid White;
 275     border-width: 0.5em 1.4em 0.8em 0;
 276 }
 277 div.floatleft p { font-style: italic; }
 278 /* thumbnails */
 279 div.thumb {
 280     margin-bottom: 0.5em;
 281     border-style: solid; border-color: White;
 282     width: auto;
 283 }
 284 div.thumbinner {
 285     border:1px solid #cccccc;
 286     padding: 3px !important;
 287     background-color:#f9f9f9;
 288     font-size: 94%;
 289     text-align: center;
 290     overflow: hidden;
 291 }
 292 html .thumbimage {
 293     border:1px solid #cccccc;
 294 }
 295 html .thumbcaption {
 296     border: none;
 297     text-align: left;
 298     line-height: 1.4em;
 299     padding: 0.3em 0 0.1em 0;
 300 }
 301 div.magnify {
 302     float: right;
 303     border: none !important;
 304     background: none !important;
 305 }
 306 div.magnify a, div.magnify img {
 307     display: block;
 308     border: none !important;
 309     background: none !important;
 310 }
 311 div.tright {
 312     clear: right;
 313     float: right;
 314     border-width: 0.5em 0 0.8em 1.4em;
 315 }
 316 div.tleft {
 317     float: left;
 318     clear: left;
 319     margin-right:0.5em;
 320     border-width: 0.5em 1.4em 0.8em 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 }