1/** 2 * This file provides the most basic styles. 3 * 4 * If you integrate DokuWiki into another project, you might either 5 * want to integrate this file into the other project as well, or use 6 * the other project's basic CSS for DokuWiki instead of this one. 7 * 8 * @author Anika Henke <anika@selfthinker.org> 9 */ 10 11html { 12 overflow-x: auto; 13 overflow-y: scroll; 14} 15html, 16body { 17 background-color: __background__; 18 color: __text__; 19 margin: 0; 20 padding: 0; 21} 22body { 23 font: normal 100%/1.4 Frutiger, Calibri, Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; 24 /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */ 25} 26 27 28/*____________ headers ____________*/ 29 30h1, 31h2, 32h3, 33h4, 34h5, 35h6, 36caption, 37legend { 38 font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, "Nimbus Roman No9 L", serif; 39 font-weight: bold; 40 color: __text_neu__; 41 background-color: inherit; 42 padding: 0; 43 line-height: 1.2; 44 clear: left; /* ideally 'both', but problems with toc */ 45} 46[dir=rtl] h1, 47[dir=rtl] h2, 48[dir=rtl] h3, 49[dir=rtl] h4, 50[dir=rtl] h5, 51[dir=rtl] h6, 52[dir=rtl] caption, 53[dir=rtl] legend { 54 clear: right; 55} 56 57h1 { 58 font-size: 2.25em; 59 margin: 0 0 0.444em; 60} 61h2 { 62 font-size: 1.5em; 63 margin: 0 0 0.666em; 64} 65h3 { 66 font-size: 1.125em; 67 margin: 0 0 0.888em; 68} 69h4 { 70 font-size: 1em; 71 margin: 0 0 1.0em; 72} 73h5 { 74 font-size: .875em; 75 margin: 0 0 1.1428em; 76} 77h6 { 78 font-size: .75em; 79 margin: 0 0 1.333em; 80} 81/* bottom margin = 1 / font-size */ 82 83 84/*____________ basic margins and paddings ____________*/ 85 86p, 87ul, 88ol, 89dl, 90pre, 91table, 92hr, 93blockquote, 94fieldset, 95address { 96 margin: 0 0 1.4em 0; /* bottom margin = line-height */ 97 padding: 0; 98} 99 100div { 101 margin: 0; 102 padding: 0; 103} 104 105 106/*____________ lists ____________*/ 107 108ul, 109ol { 110 padding: 0 0 0 1.5em; 111} 112[dir=rtl] ul, 113[dir=rtl] ol { 114 padding: 0 1.5em 0 0; 115} 116 117li, 118dd { 119 padding: 0; 120 margin: 0 0 0 1.5em; 121} 122[dir=rtl] li, 123[dir=rtl] dd { 124 margin: 0 1.5em 0 0; 125} 126 127dt { 128 font-weight: bold; 129 margin: 0; 130 padding: 0; 131} 132 133li ul, 134li ol, 135li dl, 136dl ul, 137dl ol, 138dl dl { 139 margin-bottom: 0; 140 padding: 0; 141} 142li li { 143 font-size: 100%; 144} 145 146ul { 147 list-style: disc outside; 148} 149ol { 150 list-style: decimal outside; 151} 152ol ol { 153 list-style-type: lower-alpha; 154} 155ol ol ol { 156 list-style-type: upper-roman; 157} 158ol ol ol ol { 159 list-style-type: upper-alpha; 160} 161ol ol ol ol ol { 162 list-style-type: lower-roman; 163} 164 165 166/*____________ tables ____________*/ 167 168table { 169 border-collapse: collapse; 170 empty-cells: show; 171 border-spacing: 0; 172 border: 1px solid __border__; 173} 174 175caption { 176 caption-side: top; 177 text-align: left; 178 margin: 0 0 .3em; 179} 180[dir=rtl] caption { 181 text-align: right; 182} 183 184th, 185td { 186 padding: .3em .5em; 187 margin: 0; 188 vertical-align: top; 189 border: 1px solid __border__; 190 text-align: left; 191} 192[dir=rtl] td, 193[dir=rtl] th { 194 text-align: right; 195} 196th { 197 font-weight: bold; 198 background-color: __background_alt__; 199 color: inherit; 200} 201 202 203/*____________ links ____________*/ 204 205a { 206} 207a:link, 208a:visited { 209 text-decoration: none; 210 color: #00c; /* §colour */ 211} 212a:link:hover, 213a:visited:hover, 214a:link:focus, 215a:visited:focus, 216a:link:active, 217a:visited:active { 218 text-decoration: underline; 219} 220a:link:focus, 221a:visited:focus { 222 outline: 1px dotted; 223} 224a:link:active, 225a:visited:active { 226 color: #c00; /* §colour */ 227} 228 229 230/*____________ misc ____________*/ 231 232img { 233 border-width: 0; 234 vertical-align: middle; 235 color: #666; 236 background-color: transparent; 237 font-style: italic; 238 height: auto; 239} 240 241img, 242object { 243 max-width: 100%; 244} 245 246/* IE8 and below won't display the images otherwise */ 247button img { 248 max-width: none; 249} 250 251hr { 252 border-style: solid; 253 border-width: 1px 0 0; 254 text-align: center; 255 height: 0; 256 width: 100%; 257 clear: both; 258} 259 260acronym, 261abbr { 262 cursor: help; 263 border-bottom: 1px dotted; 264 font-style: normal; 265} 266 267pre, 268code, 269samp, 270kbd { 271 font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; 272 /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ 273 font-size: 1em; 274 background-color: __background_alt__; 275 color: __text__; 276 direction: ltr; 277 text-align: left; 278} 279pre { 280 border: 1px solid __border__; 281 padding: 0 .2em; 282 overflow: auto; 283 word-wrap: normal; 284} 285 286blockquote { 287 padding: 0 .5em; 288 border: solid __border__; 289 border-width: 0 0 0 .25em; 290} 291[dir=rtl] blockquote { 292 border-width: 0 .25em 0 0; 293} 294q:before, 295q:after { 296 content: ''; 297} 298 299sub, 300sup { 301 font-size: .8em; 302 line-height: 1; 303} 304sub { 305 vertical-align: sub; 306} 307sup { 308 vertical-align: super; 309} 310 311/*____________ forms ____________*/ 312 313form { 314 display: inline; 315 margin: 0; 316 padding: 0; 317} 318 319fieldset { 320 padding: 1em 1em 0; 321 border: 1px solid __text_alt__; 322} 323legend { 324 margin: 0; 325 padding: 0 .1em; 326} 327 328label { 329 vertical-align: middle; 330 cursor: pointer; 331} 332 333input, 334textarea, 335button, 336select, 337optgroup, 338option { 339 font: inherit; 340 color: inherit; 341 /* background-color destroys button look */ 342 line-height: 1; 343 margin: 0; 344 vertical-align: middle; 345} 346 347input[type=text], 348input[type=password], 349textarea { 350 padding: .1em; 351} 352input[type=radio], 353input[type=checkbox], 354input.check { 355 padding: 0; 356} 357 358input[type=submit], 359input.button, 360button { 361 cursor: pointer; 362} 363#IE6 .dokuwiki input.button, 364#IE6 .dokuwiki button, 365#IE7 .dokuwiki input.button, 366#IE7 .dokuwiki button { 367 line-height: 1.4; 368} 369 370input[disabled], 371button[disabled], 372input[readonly], 373button[readonly] { 374 cursor: auto; 375} 376 377optgroup { 378 font-style: italic; 379 font-weight: bold; 380} 381option { 382 font-style: normal; 383 font-weight: normal; 384} 385 386 387/*____________ general classes ____________*/ 388 389div.clearer { 390 /* additional to what's already in DokuWiki's lib/styles/all.css: */ 391 font-size: 1px; 392 visibility: hidden; 393} 394 395/* @deprecated: has been in lib/styles/screen.css since Angua */ 396.a11y { 397 position: absolute; 398 left: -99999em; 399 top: 0; 400 width: 0; 401 height: 0; 402 overflow: hidden; 403 display: inline; 404} 405[dir=rtl] .a11y { 406 left: auto; 407 right: -99999em; 408} 409