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