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 p {
  27         margin: 0.4em 0em 0.5em 0em;
  28         line-height: 1.5em;
  29 }
  30
  31 p img { margin: 0; }
  32
  33 textarea {
  34         border: 1px solid #2f6fab;
  35         color: black;
  36         background-color: white;
  37         overflow: auto;
  38         width: 100%;
  39 }
  40 /* hide this from ie/mac and konq2.2 */
  41 @media All {
  42         head:first-child+body input {
  43                 visibility: visible;
  44                 border: 1px solid #2f6fab;
  45                 color: black;
  46                 background-color: white;
  47                 vertical-align: middle;
  48                 padding: 0.2em;
  49         }
  50 }
  51 input.historysubmit {
  52         padding: 0 0.3em 0.3em 0.3em !important;
  53         font-size: 94%;
  54         cursor: pointer;
  55         height: 1.7em !important;
  56         margin-left: 1.6em;
  57 }
  58 input[type="radio"],
  59 input[type="checkbox"] { border:none; }
  60 select {
  61         border: 1px solid #2f6fab;
  62         color: black;
  63         vertical-align: top;
  64 }
  65
  66 code { background-color: #f9f9f9; }
  67 pre { line-height: 1.1em; }
  68
  69 /*
  70 ** the main content area
  71 */
  72
  73 span.subpages { display: block; }
  74
  75 /* Some space under the headers in the content area */
  76 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
  77 #bodyContent h3,
  78 #bodyContent h4,
  79 #bodyContent h5 {
  80         margin-bottom: 0.3em;
  81 }
  82 #firstHeading { margin-bottom:0.1em; }
  83
  84 /* user notification thing */
  85 .usermessage {
  86         background-color: #ffce7b;
  87         border: 1px solid #ffa500;
  88         color: black;
  89         font-weight: bold;
  90         margin: 0.1em 0 0 0;
  91         padding: 2px 5px;
  92         vertical-align: middle;
  93 }
  94 #siteNotice {
  95         text-align: center;
  96         font-size: 95%;
  97         padding: 0 0.9em 0 0.9em;
  98 }
  99 #siteNotice p { margin: 0; padding: 0; }
 100 .error {
 101         color: red;
 102         font-size: larger;
 103 }
 104 .catlinks {
 105         border:1px solid #aaaaaa;
 106         background-color:#f9f9f9;
 107         padding: 2px 5px;
 108         margin: 0.1em 0 0 0;
 109         clear: both;
 110 }
 111 .catlinks { margin: 0; padding: 0; }
 112
 113 /* emulate center */
 114 .center {
 115         width: 100%;
 116         text-align: center;
 117 }
 118 *.center * {
 119         margin-left: auto;
 120         margin-right: auto;
 121 }
 122 /* small for tables and similar */
 123 .small { font-size: 94%; }
 124 table.small { font-size: 100% }
 125
 126 /*
 127 ** content styles
 128 */
 129
 130 #toc {
 131         /*border:1px solid #2f6fab;*/
 132         border:1px solid #aaaaaa;
 133         background-color:#f9f9f9;
 134         padding:5px;
 135         font-size: 95%;
 136 }
 137 #toc ul { margin: 0 2em; }
 138 #toc .toctoggle { font-size: 94%; }
 139 #toc .editsection {
 140         margin-top: 0.7em;
 141         font-size: 94%;
 142 }
 143
 144 /* images */
 145 /* @noflip */div.floatright, table.floatright {
 146         margin: 0;
 147         border: 0.5em solid white;
 148         border-width: 0.5em 0 0.8em 1.4em;
 149 }
 150 div.floatright p { font-style: italic; }
 151 /* @noflip */div.floatleft, table.floatleft {
 152         margin: 0.3em 0.5em 0.5em 0;
 153         border: 0.5em solid white;
 154         border-width: 0.5em 1.4em 0.8em 0;
 155 }
 156 div.floatleft p { font-style: italic; }
 157 /* thumbnails */
 158 div.thumb {
 159         margin-bottom: 0.5em;
 160         width: auto;
 161 }
 162 div.thumbinner {
 163         border:1px solid #cccccc;
 164         padding: 3px !important;
 165         background-color:#f9f9f9;
 166         font-size: 94%;
 167         text-align: center;
 168         overflow: hidden;
 169 }
 170 html .thumbimage {
 171         border:1px solid #cccccc;
 172 }
 173 html .thumbcaption {
 174         border: none;
 175         text-align: left;
 176         line-height: 1.4em;
 177         padding: 0.3em 0 0.1em 0;
 178 }
 179 div.magnify {
 180         float: right;
 181         border: none !important;
 182         background: none !important;
 183 }
 184 div.magnify a, div.magnify img {
 185         display: block;
 186         border: none !important;
 187         background: none !important;
 188 }
 189 /* @noflip */div.tright {
 190         margin: 0.5em 0 1.3em 1.4em;
 191 }
 192 /* @noflip */div.tleft {
 193         margin: 0.5em 1.4em 1.3em 0;
 194 }
 195 img.thumbborder {
 196         border: 1px solid #dddddd;
 197 }
 198
 199 /*
 200 ** classes for special content elements like town boxes
 201 ** intended to be referenced directly from the wiki src
 202 */
 203
 204 /*
 205 ** User styles
 206 */
 207 /* table standards */
 208 table.rimage {
 209         float:right;
 210         position:relative;
 211         margin-left:1em;
 212         margin-bottom:1em;
 213         text-align:center;
 214 }
 215 .toccolours {
 216         border:1px solid #aaaaaa;
 217         background-color:#f9f9f9;
 218         padding:5px;
 219         font-size: 95%;
 220 }
 221
 222 /*
 223 ** edit views etc
 224 */
 225 .special li {
 226         line-height: 1.4em;
 227         margin: 0;
 228         padding: 0;
 229 }
 230
 231 a.external { color: #3366bb; }
 232 div#footer { text-align: center; }
 233 ul#f-list li { list-style: none;  text-align: center; }
 234 div.portlet { margin: 0.5em 0; }
 235
 236 .redirectText {
 237         font-size:150%;
 238         margin:5px;
 239 }
 240
 241 ul.special li.not-patrolled, ol.special li.not-patrolled {
 242         background-color: #ffa;
 243 }
 244 div.patrollink {
 245         font-size: 75%;
 246         text-align: right;
 247 }
 248
 249 span.updatedmarker {
 250         color:black;
 251         background-color:#00FF00;
 252 }
 253
 254 div.gallerybox {
 255         width:  150px;
 256 }
 257
 258 #xjump-to-nav {
 259         display: none;
 260 }
 261
 262 .templatesUsed { margin-top: 1.5em; }
 263
 264 .printfooter {
 265         display: none;
 266 }
 267
 268 #footer {
 269         background-color: white;
 270         border-top: 1px solid #fabd23;
 271         border-bottom: 1px solid #fabd23;
 272         margin: .6em 0 1em 0;
 273         padding: .4em 0 1.2em 0;
 274         text-align: center;
 275         font-size: 90%;
 276 }
 277 #f-poweredbyico, #f-copyrightico {
 278         display: inline;
 279 }