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