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