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: FrugalSansRegular,Verdana,Georgia; 38 /*font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, "Nimbus Roman No9 L", serif;*/ 39 /*font-weight: bold;*/ 40 font-style: italic; 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 /*desbest edit */ 47} 48[dir=rtl] h1, 49[dir=rtl] h2, 50[dir=rtl] h3, 51[dir=rtl] h4, 52[dir=rtl] h5, 53[dir=rtl] h6 { 54 clear: right; 55} 56 57h1 { 58 font-size: 2.25em; 59 margin: 0 0 0.444em; 60} 61h2 { 62 font-size: 1.5em; 63 margin: 0 0 0.666em; 64} 65h3 { 66 font-size: 1.125em; 67 margin: 0 0 0.888em; 68} 69h4 { 70 font-size: 1em; 71 margin: 0 0 1.0em; 72} 73h5 { 74 font-size: .875em; 75 margin: 0 0 1.1428em; 76} 77h6 { 78 font-size: .75em; 79 margin: 0 0 1.333em; 80} 81/* bottom margin = 1 / font-size */ 82 83caption, 84figcaption, 85summary, 86legend { 87 font-style: italic; 88 font-weight: normal; 89 line-height: 1.2; 90 padding: 0; 91 margin: 0 0 .35em; 92} 93 94 95/*____________ basic margins and paddings ____________*/ 96 97p, 98ul, 99ol, 100dl, 101pre, 102table, 103hr, 104blockquote, 105figure, 106details, 107fieldset, 108address { 109 margin: 0 0 1.4em 0; /* bottom margin = line-height */ 110 padding: 0; 111} 112 113div { 114 margin: 0; 115 padding: 0; 116} 117 118 119/*____________ lists ____________*/ 120 121ul, 122ol { 123 padding: 0 0 0 1.5em; 124} 125[dir=rtl] ul, 126[dir=rtl] ol { 127 padding: 0 1.5em 0 0; 128} 129 130li, 131dd { 132 padding: 0; 133 margin: 0 0 0 1.5em; 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; /* §colour */ 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