1 2/** 3 * This file provides the most basic styles. 4 * 5 * If you integrate DokuWiki into another project, you might either 6 * want to integrate this file into the other project as well, or use 7 * the other project's basic CSS for DokuWiki instead of this one. 8 * 9 * @author Anika Henke <anika@selfthinker.org> 10 * @author Klaus Vormweg <klaus.vormweg@gmx.de> 11 * 12 * Modified by L. Heyman 10/14/22 13 */ 14 15 html { 16 margin: 0; 17 padding: 0; 18 overflow-x: auto; 19 overflow-y: auto; 20 font: normal 87.5%/1.35 Frutiger, Calibri, "Myriad Pro", Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; 21 /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */ 22 background-color: __background_alt__; 23} 24body { 25 margin: 0 auto; 26 font: normal 100%/1.4 sans-serif; 27 color: __text__; 28 background-color:white; 29} 30 31 32/* headlines */ 33h1, 34h2, 35h3, 36h4, 37h5, 38h6 { 39 font-family: sans-serif, tebuchet; 40 background-color: inherit; 41 padding: 0; 42 clear: left; /* ideally 'both', but problems with toc */ 43} 44 45 46div#content .dokuwiki h1, 47div#content .dokuwiki h2, 48div#content .dokuwiki h3, 49div#content .dokuwiki h4, 50div#content .dokuwiki h5, 51div#content .dokuwiki h6, 52{ 53 border-bottom: 2px solid __text__; 54 color: __text__; 55 margin: 0; 56 padding-bottom: 0.2em; 57 padding-top: 0.5em; 58 margin-bottom: .3em; 59} 60 61div#content .dokuwiki h1 a, 62div#content .dokuwiki h2 a, 63div#content .dokuwiki h3 a, 64div#content .dokuwiki h4 a, 65div#content .dokuwiki h5 a, 66div#content .dokuwiki h6 a { 67 color: __text__; 68} 69div#content .dokuwiki h1 a:hover, 70div#content .dokuwiki h2 a:hover, 71div#content .dokuwiki h3 a:hover, 72div#content .dokuwiki h4 a:hover, 73div#content .dokuwiki h5 a:hover, 74div#content .dokuwiki h6 a:hover { 75 text-decoration: none; 76} 77div#content .dokuwiki h1, h1 { 78 font-size: 150%; 79} 80 81div#coontent .dokuwiki h2, h2 { 82font-size:135%;} 83 84div#content .dokuwiki h1, 85div#content .dokuwiki h2, 86h1, h2 { 87 border-bottom: 2px solid __text__; 88 color: __text__; 89 margin: 0; 90 padding-bottom: 0em; 91 padding-top: 0.5em; 92 margin-bottom: .3em; 93} 94div#content .dokuwiki h3, 95div#content .dokuwiki h4, 96div#content .dokuwiki h5, 97div#content .dokuwiki h6, h3, h4, h5 { 98 font-weight: bold; 99 border-bottom: none; 100 margin-bottom: 0.3em; 101} 102div#content .dokuwiki h3, h3 { 103 font-size: 125%; 104} 105div#content .dokuwiki h4, h4 { 106 font-size: 110%; 107} 108div#content .dokuwiki h5, h5 { 109 font-size: 100%; 110} 111div#content .dokuwiki h6, h6 { 112 font-size: 80%; 113} 114 115/* remove indent from different sections */ 116div#content .dokuwiki div.level1, 117div#content .dokuwiki div.level2, 118div#content .dokuwiki div.level3, 119div#content .dokuwiki div.level4, 120div#content .dokuwiki div.level5 { 121 margin-left: 0; 122} 123 124 125/* basic margins and paddings */ 126p, 127ul, 128ol, 129dl, 130pre, 131table, 132blockquote, 133fieldset, 134address { 135 margin: 0 0 .5em 0; /* bottom margin = line-height */ 136 padding: 0; 137} 138div { 139 margin: 0; 140 padding: 0; 141} 142 143/* lists */ 144ul, 145ol { 146 padding: 0 0 0 0em; 147} 148li, 149dd { 150 padding: 0; 151 margin: 0 0 0 1.5em; 152} 153dt { 154 font-weight: bold; 155 margin: 0; 156 padding: 0; 157} 158li ul, 159li ol, 160li dl, 161dl ul, 162dl ol, 163dl dl { 164 margin-bottom: 0; 165 padding: 0; 166} 167li li { 168 font-size: 100%; 169} 170ul { list-style: square outside; } 171ol { list-style: decimal outside; } 172ol ol { list-style-type: lower-alpha; } 173ol ol ol { list-style-type: upper-roman; } 174ol ol ol ol { list-style-type: upper-alpha; } 175ol ol ol ol ol { list-style-type: lower-roman; } 176 177/* tables */ 178table { 179 border-collapse: collapse; 180 empty-cells: show; 181 border-spacing: 0; 182 border: 1px solid __border__; 183 background-color:white; 184} 185caption { 186 caption-side: top; 187 text-align: left; 188 margin: 0 0 .3em; 189} 190th, 191td { 192 padding: .3em .5em; 193 margin: 0; 194 vertical-align: top; 195 border: 1px solid __border__; 196 text-align: left; 197} 198th { 199 font-weight: bold; 200 background-color: __background_alt__; 201} 202 203 204/* links */ 205div.dokuwiki a:link, 206div.dokuwiki a:visited { 207 color: #436976; 208 text-decoration: none; 209} 210div.dokuwiki a:hover, 211div.dokuwiki a:active { 212 color: __text__; 213 text-decoration: underline; 214} 215 216/* missing page links outside rendered articles */ 217a.wikilink2, 218a.wikilink2:link, 219a.wikilink2:visited, 220a.wikilink2:hover { 221 color: __missing__ !important; 222 text-decoration: none; 223} 224a.wikilink2:hover { 225 border-bottom: 0 none !important; 226 text-decoration: none !important; 227} 228 229/* link to current page */ 230.dokuwiki span.curid a { 231 font-weight: normal; 232} 233 234/* internal link */ 235.dokuwiki a.wikilink1, 236.dokuwiki a.wikilink1:visited { 237 color: __existing__ !important; 238} 239 240/* external links */ 241div#bodyContent a.urlextern { 242 background: url(static/3rd/vector/external-link-ltr-icon.png) center right no-repeat; 243 padding: 0 13px 0 0; 244} 245div.dokuwiki a.urlextern:visited { 246 color: purple; 247} 248 249/* email link */ 250div#bodyContent a.mail { 251 background: transparent url(static/3rd/vector/mail-icon.png) center right no-repeat; 252 padding: 0 13px 0 0; 253} 254 255/* windows share */ 256div.dokuwiki a.windows { 257 background: transparent url(static/3rd/dokuwiki/unc.png) center right no-repeat; 258 padding: 0 18px 1px 0; 259} 260 261/* interwiki link */ 262div.dokuwiki a.interwiki { 263 background-position: center left; 264 padding: 0 17px 0 px; 265} 266div.dokuwiki a.interwiki:visited { 267 color: purple; 268} 269 270/*____________ misc ____________*/ 271 272img { 273 border-width: 0; 274 vertical-align: middle; 275 background-color: transparent; 276 height: auto; 277} 278 279img, 280object, 281embed, 282iframe, 283video, 284audio { 285 max-width: 100%; 286} 287 288iframe { 289 border-width: 0; 290 background-color: inherit; 291} 292 293/* IE8 and below won't display the images otherwise */ 294#IE8 img, 295button img { 296 max-width: none; 297} 298 299hr { 300 border: 0 none; 301 text-align: center; 302 width: 100%; 303 clear: both; 304} 305 306acronym, 307abbr { 308 font-style: normal; 309} 310acronym[title], 311abbr[title] { 312 cursor: help; 313 border-bottom: 1px dotted; 314 text-decoration: none; 315} 316em acronym, 317em abbr { 318 font-style: italic; 319} 320 321mark { 322 background: __highlight__; 323 color: inherit; 324} 325 326pre, 327code, 328samp, 329kbd { 330 font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; 331 /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ 332 font-size: 1em; 333 color: __text__; 334 direction: ltr; 335 text-align: left; 336} 337pre { 338 border: 1px solid __border__; 339 background-color: #fafafa; 340 padding: 0 .2em; 341 overflow: auto; 342 word-wrap: normal; 343} 344 345blockquote { 346 padding: 0 .2em; /* changed fronm "0 1.25em;" by Lenny 10/14/22 */ 347 border: solid __border__; 348 border-width: 0 0 0 2px; 349} 350 351[dir=rtl] blockquote { 352 border-width: 0 .25em 0 0; 353} 354q:before, 355q:after { 356 content: ''; 357} 358 359sub, 360sup { 361 font-size: .8em; 362 line-height: 1; 363} 364sub { 365 vertical-align: sub; 366} 367sup { 368 vertical-align: super; 369} 370 371small { 372 font-size: .8em; 373} 374 375/*____________ forms ____________*/ 376 377form { 378 display: inline; 379 margin: 0; 380 padding: 0; 381} 382 383fieldset { 384 padding: .7em 1em 0; 385 padding: .7rem 1rem; /* for those browsers understanding :last-child */ 386 border: 1px solid __border__; 387} 388fieldset > :last-child { 389 margin-bottom: 0; 390} 391legend { 392 padding: 0 .1em; 393} 394 395label { 396 vertical-align: middle; 397 cursor: pointer; 398} 399 400input, 401textarea, 402button, 403select, 404optgroup, 405option, 406keygen, 407output, 408meter, 409progress { 410 font: inherit; 411 color: inherit; 412 /* background-color destroys button look */ 413 line-height: normal; 414 margin: 0; 415 vertical-align: middle; 416 -moz-box-sizing: content-box; 417 -webkit-box-sizing: content-box; 418 box-sizing: content-box; 419} 420 421input, 422button, 423select, 424keygen, 425textarea { 426 border: 1px solid __border__; 427 border-radius: 3px; 428} 429input[type=radio], 430input[type=checkbox], 431input[type=image], 432input.check { 433 padding: 0; 434} 435 436input[type=submit], 437input[type=button], 438input[type=reset], 439input.button, 440button { 441 cursor: pointer; 442 overflow: visible; 443 padding: .1em .4em; 444} 445 446input[disabled], 447button[disabled], 448select[disabled], 449textarea[disabled], 450option[disabled], 451input[readonly], 452button[readonly], 453select[readonly], 454textarea[readonly] { 455 cursor: auto; 456 opacity: .5; 457} 458 459input:focus, 460button:focus, 461select:focus, 462keygen:focus, 463textarea:focus, 464input:active, 465button:active, 466select:active, 467keygen:active, 468textarea:active { 469 border-color: __borderdark__; 470} 471input::-moz-focus-inner, 472button::-moz-focus-inner { 473 border: 0; 474 padding: 0; 475} 476button { 477 background-color: __background__; 478 padding: 0.25em 0.75em; 479} 480button:hover { 481 border-color: __borderdark__; 482} 483select { 484 max-width: 100%; 485} 486optgroup { 487 font-style: italic; 488 font-weight: bold; 489} 490option { 491 font-style: normal; 492 font-weight: normal; 493} 494