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: 1em 0 1.4em 0; /* bottom margin = line-height */ 107 padding: 0; 108 /*desbest edit */ 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 display: inline; 133 /*desbest edit */ 134} 135[dir=rtl] li, 136[dir=rtl] dd { 137 margin: 0 1.5em 0 0; 138} 139 140dt { 141 font-weight: bold; 142 margin: 0; 143 padding: 0; 144} 145 146li ul, 147li ol, 148li dl, 149dl ul, 150dl ol, 151dl dl { 152 margin-bottom: 0; 153 padding: 0; 154} 155li li { 156 font-size: 100%; 157} 158 159ul { 160 list-style: disc outside; 161} 162ol { 163 list-style: decimal outside; 164} 165ol ol { 166 list-style-type: lower-alpha; 167} 168ol ol ol { 169 list-style-type: upper-roman; 170} 171ol ol ol ol { 172 list-style-type: upper-alpha; 173} 174ol ol ol ol ol { 175 list-style-type: lower-roman; 176} 177 178 179/*____________ tables ____________*/ 180 181table { 182 border-collapse: collapse; 183 empty-cells: show; 184 border-spacing: 0; 185 border: 1px solid __border__; 186} 187 188caption { 189 caption-side: top; 190 text-align: left; 191} 192[dir=rtl] caption { 193 text-align: right; 194} 195 196th, 197td { 198 padding: .3em .5em; 199 margin: 0; 200 vertical-align: top; 201 border: 1px solid __border__; 202} 203th { 204 font-weight: bold; 205 background-color: __background_alt__; 206 color: inherit; 207 text-align: left; 208} 209[dir=rtl] th { 210 text-align: right; 211} 212 213 214/*____________ links ____________*/ 215 216a { 217} 218a:link, 219a:visited { 220 text-decoration: none; 221 /* color: #00c; */ /* §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