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 Pro", 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 -webkit-text-size-adjust: 100%; 26} 27 28 29/*____________ headers ____________*/ 30 31h1, 32h2, 33h3, 34h4, 35h5, 36h6 { 37 /* desbest edit */ 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 clear: right; 53} 54 55h1 { 56 font-size: 2.25em; 57 margin: 0 0 0.444em; 58} 59h2 { 60 font-size: 1.5em; 61 margin: 0 0 0.666em; 62} 63h3 { 64 font-size: 1.125em; 65 margin: 0 0 0.888em; 66} 67h4 { 68 font-size: 1em; 69 margin: 0 0 1.0em; 70} 71h5 { 72 font-size: .875em; 73 margin: 0 0 1.1428em; 74} 75h6 { 76 font-size: .75em; 77 margin: 0 0 1.333em; 78} 79/* bottom margin = 1 / font-size */ 80 81caption, 82figcaption, 83summary, 84legend { 85 font-style: italic; 86 font-weight: normal; 87 line-height: 1.2; 88 padding: 0; 89 margin: 0 0 .35em; 90} 91 92 93/*____________ basic margins and paddings ____________*/ 94 95p, 96ul, 97ol, 98dl, 99pre, 100table, 101hr, 102blockquote, 103figure, 104details, 105fieldset, 106address { 107 margin: 0 0 1.4em 0; /* bottom margin = line-height */ 108 padding: 0; 109} 110 111div { 112 margin: 0; 113 padding: 0; 114} 115 116 117/*____________ lists ____________*/ 118 119ul, 120ol { 121 padding: 0 0 0 1.5em; 122} 123[dir=rtl] ul, 124[dir=rtl] ol { 125 padding: 0 1.5em 0 0; 126} 127 128li, 129dd { 130 padding: 0; 131 margin: 0 0 0 1.5em; 132 /*display: inline;*/ /* desbest edit */ 133} 134[dir=rtl] li, 135[dir=rtl] dd { 136 margin: 0 1.5em 0 0; 137} 138 139dt { 140 font-weight: bold; 141 margin: 0; 142 padding: 0; 143} 144 145li ul, 146li ol, 147li dl, 148dl ul, 149dl ol, 150dl dl { 151 margin-bottom: 0; 152 padding: 0; 153} 154li li { 155 font-size: 100%; 156} 157 158ul { 159 list-style: disc outside; 160} 161ol { 162 list-style: decimal outside; 163} 164ol ol { 165 list-style-type: lower-alpha; 166} 167ol ol ol { 168 list-style-type: upper-roman; 169} 170ol ol ol ol { 171 list-style-type: upper-alpha; 172} 173ol ol ol ol ol { 174 list-style-type: lower-roman; 175} 176 177 178/*____________ tables ____________*/ 179 180table { 181 border-collapse: collapse; 182 empty-cells: show; 183 border-spacing: 0; 184 border: 1px solid __border__; 185} 186 187caption { 188 caption-side: top; 189 text-align: left; 190} 191[dir=rtl] caption { 192 text-align: right; 193} 194 195th, 196td { 197 padding: .3em .5em; 198 margin: 0; 199 vertical-align: top; 200 border: 1px solid __border__; 201} 202th { 203 font-weight: bold; 204 background-color: __background_alt__; 205 color: inherit; 206 text-align: left; 207} 208[dir=rtl] th { 209 text-align: right; 210} 211 212 213/*____________ links ____________*/ 214 215a { 216} 217a:link, 218a:visited { 219 text-decoration: none; 220 color: #21759b; 221 /*color: #00c;*/ /* desbest edit */ /* §colour */ 222} 223a:link:hover, 224a:visited:hover, 225a:link:focus, 226a:visited:focus, 227a:link:active, 228a:visited:active { 229 text-decoration: underline; 230} 231a:link:focus, 232a:visited:focus { 233 outline: 1px dotted; 234} 235a:link:active, 236a:visited:active { 237 color: #c00; /* §colour */ 238} 239 240 241/*____________ misc ____________*/ 242 243img { 244 border-width: 0; 245 vertical-align: middle; 246 color: #666; 247 background-color: transparent; 248 font-style: italic; 249 height: auto; 250} 251 252img, 253object, 254embed, 255iframe, 256video, 257audio { 258 max-width: 100%; 259} 260 261iframe { 262 border-width: 0; 263 background-color: inherit; 264} 265 266/* IE8 and below won't display the images otherwise */ 267#IE8 img, 268button img { 269 max-width: none; 270} 271 272hr { 273 border-style: solid; 274 border-width: 1px 0 0; 275 text-align: center; 276 height: 0; 277 width: 100%; 278 clear: both; 279} 280 281acronym, 282abbr { 283 font-style: normal; 284} 285acronym[title], 286abbr[title] { 287 cursor: help; 288 border-bottom: 1px dotted; 289} 290em acronym, 291em abbr { 292 font-style: italic; 293} 294 295mark { 296 background: __highlight__; 297 color: inherit; 298} 299 300pre, 301code, 302samp, 303kbd { 304 font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; 305 /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ 306 font-size: 1em; 307 background-color: __background_alt__; 308 color: __text__; 309 direction: ltr; 310 text-align: left; 311} 312pre { 313 border: 1px solid __border__; 314 padding: 0 .2em; 315 overflow: auto; 316 word-wrap: normal; 317} 318 319blockquote { 320 padding: 0 .5em; 321 border: solid __border__; 322 border-width: 0 0 0 .25em; 323} 324[dir=rtl] blockquote { 325 border-width: 0 .25em 0 0; 326} 327q:before, 328q:after { 329 content: ''; 330} 331 332sub, 333sup { 334 font-size: .8em; 335 line-height: 1; 336} 337sub { 338 vertical-align: sub; 339} 340sup { 341 vertical-align: super; 342} 343 344small { 345 font-size: .8em; 346} 347 348/*____________ forms ____________*/ 349 350form { 351 display: inline; 352 margin: 0; 353 padding: 0; 354} 355 356fieldset { 357 padding: .7em 1em 0; 358 padding: .7rem 1rem; /* for those browsers understanding :last-child */ 359 border: 1px solid #999; 360} 361fieldset > :last-child { 362 margin-bottom: 0; 363} 364legend { 365 padding: 0 .1em; 366} 367 368label { 369 vertical-align: middle; 370 cursor: pointer; 371} 372 373input, 374textarea, 375button, 376select, 377optgroup, 378option, 379keygen, 380output, 381meter, 382progress { 383 font: inherit; 384 color: inherit; 385 /* background-color destroys button look */ 386 line-height: normal; 387 margin: 0; 388 vertical-align: middle; 389 -moz-box-sizing: content-box; 390 -webkit-box-sizing: content-box; 391 box-sizing: content-box; 392} 393 394input, 395button, 396select, 397keygen, 398textarea { 399 padding: .1em; 400} 401input[type=radio], 402input[type=checkbox], 403input[type=image], 404input.check { 405 padding: 0; 406} 407 408input[type=submit], 409input[type=button], 410input[type=reset], 411input.button, 412button { 413 cursor: pointer; 414 overflow: visible; 415 padding: .1em .4em; 416} 417 418input[disabled], 419button[disabled], 420select[disabled], 421textarea[disabled], 422option[disabled], 423input[readonly], 424button[readonly], 425select[readonly], 426textarea[readonly] { 427 cursor: auto; 428 opacity: .5; 429} 430 431input:focus, 432button:focus, 433select:focus, 434keygen:focus, 435textarea:focus { 436 box-shadow: 0 0 5px #999; 437 outline: 0; 438} 439input::-moz-focus-inner, 440button::-moz-focus-inner { 441 border: 0; 442 padding: 0; 443} 444 445select { 446 max-width: 100%; 447} 448optgroup { 449 font-style: italic; 450 font-weight: bold; 451} 452option { 453 font-style: normal; 454 font-weight: normal; 455} 456