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