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 * @author Octavia Nichols <octavia@octavianichols.com> 10 */ 11 12html { 13 overflow-x: auto; 14 overflow-y: scroll; 15} 16html, 17body { 18 background-color: __background__; 19 color: __text__; 20 margin: 0; 21 padding: 0; 22} 23body { 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 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.35em; 57 margin: 0 0 0.444em; 58} 59h2 { 60 font-size: 1.85em; 61 margin: 0 0 0.666em; 62} 63h3 { 64 font-size: 1.5625em; 65 margin: 0 0 0.888em; 66} 67h4 { 68 font-size: 1.375em; 69 margin: 0 0 1.0em; 70} 71h5 { 72 font-size: 1.1875em; 73 margin: 0 0 1.1428em; 74} 75h6 { 76 font-size: .875em; 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} 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: __link__; 220} 221a:link:hover, 222a:visited:hover, 223a:link:focus, 224a:visited:focus, 225a:link:active, 226a:visited:active { 227 text-decoration: underline; 228} 229a:link:focus, 230a:visited:focus { 231 outline: 1px dotted; 232} 233a:link:active, 234a:visited:active { 235 color: #c00; 236} 237 238 239/*____________ misc ____________*/ 240 241img { 242 border-width: 0; 243 vertical-align: middle; 244 color: #666; 245 background-color: transparent; 246 font-style: italic; 247} 248 249img, 250object, 251embed, 252iframe, 253video, 254audio { 255 max-width: 100%; 256} 257 258img, 259video { 260 height: auto; 261} 262 263iframe { 264 border-width: 0; 265 background-color: inherit; 266} 267 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 text-decoration: none; 290} 291em acronym, 292em abbr { 293 font-style: italic; 294} 295 296mark { 297 background: __highlight__; 298 color: inherit; 299} 300 301pre, 302code, 303samp, 304kbd { 305 font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; 306 /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ 307 font-size: 1em; 308 background-color: __background_alt__; 309 color: __text__; 310 direction: ltr; 311 text-align: left; 312} 313pre { 314 border: 1px solid __border__; 315 padding: 0 .2em; 316 overflow: auto; 317 word-wrap: normal; 318} 319 320blockquote { 321 padding: 0 .5em; 322 border: solid __border__; 323 border-width: 0 0 0 .25em; 324} 325[dir=rtl] blockquote { 326 border-width: 0 .25em 0 0; 327} 328q:before, 329q:after { 330 content: ''; 331} 332 333sub, 334sup { 335 font-size: .8em; 336 line-height: 1; 337} 338sub { 339 vertical-align: sub; 340} 341sup { 342 vertical-align: super; 343} 344 345small { 346 font-size: .8em; 347} 348 349wbr { 350 display: inline-block; 351} 352 353/*____________ forms ____________*/ 354 355form { 356 display: inline; 357 margin: 0; 358 padding: 0; 359} 360 361fieldset { 362 padding: .7em 1em 0; 363 padding: .7rem 1rem; /* for those browsers understanding :last-child */ 364 border: 1px solid #999; 365} 366fieldset > :last-child { 367 margin-bottom: 0; 368} 369legend { 370 padding: 0 .1em; 371} 372 373label { 374 vertical-align: middle; 375 cursor: pointer; 376} 377 378input, 379textarea, 380button, 381select, 382optgroup, 383option, 384keygen, 385output, 386meter, 387progress { 388 font: inherit; 389 color: inherit; 390 /* background-color destroys button look */ 391 line-height: normal; 392 margin: 0; 393 vertical-align: middle; 394 -moz-box-sizing: content-box; 395 -webkit-box-sizing: content-box; 396 box-sizing: content-box; 397} 398 399input, 400button, 401select, 402keygen, 403textarea { 404 padding: .1em; 405} 406input[type=radio], 407input[type=checkbox], 408input[type=image], 409input.check { 410 padding: 0; 411} 412 413input[type=submit], 414input[type=button], 415input[type=reset], 416input.button, 417button { 418 cursor: pointer; 419 overflow: visible; 420 padding: .1em .4em; 421} 422 423input[disabled], 424button[disabled], 425select[disabled], 426textarea[disabled], 427option[disabled], 428input[readonly], 429button[readonly], 430select[readonly], 431textarea[readonly] { 432 cursor: auto; 433 opacity: .5; 434} 435 436input:focus, 437button:focus, 438select:focus, 439keygen:focus, 440textarea:focus { 441 box-shadow: 0 0 5px #999; 442 outline: 0; 443} 444input::-moz-focus-inner, 445button::-moz-focus-inner { 446 border: 0; 447 padding: 0; 448} 449 450select { 451 max-width: 100%; 452} 453optgroup { 454 font-style: italic; 455 font-weight: bold; 456} 457option { 458 font-style: normal; 459 font-weight: normal; 460} 461