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