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: #0066cc; */ 220 color: __link__; 221 /* §colour */ 222 /*desbest edit */ 223} 224a:link:hover, 225a:visited:hover, 226a:link:focus, 227a:visited:focus, 228a:link:active, 229a:visited:active { 230 text-decoration: underline; 231} 232a:link:focus, 233a:visited:focus { 234 outline: 1px dotted; 235} 236a:link:active, 237a:visited:active { 238 color: #c00; /* §colour */ 239} 240 241 242/*____________ misc ____________*/ 243 244img { 245 border-width: 0; 246 vertical-align: middle; 247 color: #666; 248 background-color: transparent; 249 font-style: italic; 250 height: auto; 251} 252 253img, 254object, 255embed, 256iframe, 257video, 258audio { 259 max-width: 100%; 260} 261 262iframe { 263 border-width: 0; 264 background-color: inherit; 265} 266 267/* IE8 and below won't display the images otherwise */ 268#IE8 img, 269button img { 270 max-width: none; 271} 272 273hr { 274 border-style: solid; 275 border-width: 1px 0 0; 276 text-align: center; 277 height: 0; 278 width: 100%; 279 clear: both; 280} 281 282acronym, 283abbr { 284 font-style: normal; 285} 286acronym[title], 287abbr[title] { 288 cursor: help; 289 border-bottom: 1px dotted; 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 349/*____________ forms ____________*/ 350 351form { 352 display: inline; 353 margin: 0; 354 padding: 0; 355} 356 357fieldset { 358 padding: .7em 1em 0; 359 padding: .7rem 1rem; /* for those browsers understanding :last-child */ 360 border: 1px solid #999; 361} 362fieldset > :last-child { 363 margin-bottom: 0; 364} 365legend { 366 padding: 0 .1em; 367} 368 369label { 370 vertical-align: middle; 371 cursor: pointer; 372} 373 374input, 375textarea, 376button, 377select, 378optgroup, 379option, 380keygen, 381output, 382meter, 383progress { 384 font: inherit; 385 color: inherit; 386 /* background-color destroys button look */ 387 line-height: normal; 388 margin: 0; 389 vertical-align: middle; 390 -moz-box-sizing: content-box; 391 -webkit-box-sizing: content-box; 392 box-sizing: content-box; 393} 394 395input, 396button, 397select, 398keygen, 399textarea { 400 padding: .1em; 401} 402input[type=radio], 403input[type=checkbox], 404input[type=image], 405input.check { 406 padding: 0; 407} 408 409input[type=submit], 410input[type=button], 411input[type=reset], 412input.button, 413button { 414 cursor: pointer; 415 overflow: visible; 416 padding: .1em .4em; 417} 418 419input[disabled], 420button[disabled], 421select[disabled], 422textarea[disabled], 423option[disabled], 424input[readonly], 425button[readonly], 426select[readonly], 427textarea[readonly] { 428 cursor: auto; 429 opacity: .5; 430} 431 432input:focus, 433button:focus, 434select:focus, 435keygen:focus, 436textarea:focus { 437 box-shadow: 0 0 5px #999; 438 outline: 0; 439} 440input::-moz-focus-inner, 441button::-moz-focus-inner { 442 border: 0; 443 padding: 0; 444} 445 446select { 447 max-width: 100%; 448} 449optgroup { 450 font-style: italic; 451 font-weight: bold; 452} 453option { 454 font-style: normal; 455 font-weight: normal; 456} 457