1@import url('font-style.css'); 2 3* { 4 box-sizing: border-box 5} 6 7* { 8 margin: 0; 9 padding: 0; 10 border: 0 11} 12 13html { 14 height: 100% 15} 16 17body, 18html { 19 overflow: hidden; 20} 21 22body{ 23 margin: 0; 24 padding: 0; 25} 26 27code { 28 color: #363d46; 29} 30 31ul + ul { 32 margin-top: 1.5em; 33} 34 35.content ul:not(.toc):not(.admin_tasks):not(.admin_plugins) > li + li, 36.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) > li + li, { 37 margin-top: 0.5em !important; 38} 39.content ul:not(.toc):not(.admin_tasks):not(.admin_plugins), 40.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) { 41 list-style: none; 42 margin-left: 1.3em; 43} 44.content div.li { 45 display: inline-block; 46 margin-left: 0.6em; 47} 48.content ul:not(.toc):not(.admin_tasks):not(.admin_plugins) > li::before, 49.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) > li::before { 50 display: inline-block; 51 color: #4a4a4a; 52 font-size: 1em; 53 margin-left: -1.3em; 54 width: 1.2em; 55 vertical-align: top; 56} 57.content ul:not(.toc):not(.admin_tasks):not(.admin_plugins) > li::before { 58 content: "\2022"; 59} 60.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) { 61 counter-reset: list; 62} 63.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) > li::before { 64 counter-increment: list; 65 content: counter(list) "."; 66} 67.content ul:not(.toc):not(.admin_tasks):not(.admin_plugins) > li > ol, 68.content ul:not(.toc):not(.admin_tasks):not(.admin_plugins) > li > ul, 69.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) > li > ol, 70.content ol:not(.toc):not(.admin_tasks):not(.admin_plugins) > li > ul { 71 margin-top: 0.4em; 72} 73 74.content .admin_tasks div.li a { 75 display: flex; 76} 77.content .admin_tasks div.li a .icon { 78 width: 2em; 79 flex: 0 0 auto; 80} 81.content .admin_plugins li { 82 list-style: none; 83} 84#content .admin_plugins li + li { 85 margin-top: 0.1em; 86} 87.content .admin_plugins div.li a { 88 display: flex; 89} 90.content .admin_plugins div.li a .icon { 91 width: 2em; 92 flex: 0 0 auto; 93} 94 95a { 96 text-decoration: none; 97} 98 99:root { 100 overflow-x: hidden; 101 height: 100% 102} 103 104html, html *{ 105 font-family: Camphor, Open Sans, Segoe UI, sans-serif!important; 106} 107 108.fa { 109 font-family: FontAwesome!important; 110} 111 112body { 113 background: #fff; 114 display: -ms-flexbox; 115 display: flex; 116 -ms-flex-direction: column; 117 flex-direction: column; 118 font-size: 15px; 119 color:rgb(55, 62, 66); 120 font-weight: 400; 121 font-style: normal; 122 -webkit-text-size-adjust: 100%; 123 -webkit-font-smoothing: antialiased; 124 -moz-osx-font-smoothing: grayscale; 125 text-rendering: optimizeLegibility; 126 font-feature-settings: "pnum"; 127 font-variant-numeric: proportional-nums; 128 min-height: 100% 129} 130 131p{ 132 margin: 0 0 10px; 133 line-height:25px; 134} 135 136h1{ 137 padding-top:20px; 138 font-size:31px; 139 font-weight: 500; 140 color:rgb(13, 43, 62); 141} 142h2{ 143 padding-top:30px; 144 font-size:22px; 145 font-weight: bold; 146 color:rgb(13, 43, 62); 147 padding-bottom: 10px; 148 border-bottom: #eee solid 1px; 149} 150h3,h4,h5,h6{ 151 padding-top:20px; 152 font-size:17px; 153 font-weight: 500; 154 color:rgb(13, 43, 62); 155} 156 157#docs { 158 left: 0; 159 width: 100%; 160 height: 100%; 161 overflow-x: auto; 162 overflow-y: hidden; 163 -webkit-overflow-scrolling: touch 164} 165 166#docs, 167#sidebar { 168 position: absolute; 169 top: 0 170} 171 172#sidebar { 173 bottom: 0; 174 background: #f5f7f9; 175 flex: 0; 176 display: flex; 177 z-index: 5; 178 flex-direction: column; 179 align-items: flex-end; 180 -webkit-user-select: none; 181 user-select: none; 182 width: 31.5%; 183 min-width: 252px; 184 padding-left: calc((100% - 994px) / 2) 185} 186 187#sidebar .nav-border { 188 position: absolute; 189 top: 55px; 190 right: 0; 191 width: 226px; 192 height: 1px; 193 background: rgba(120, 134, 156, .08); 194 opacity: 0; 195 transition: opacity .15s ease-in-out; 196 pointer-events: none 197} 198 199#sidebar nav { 200 width:226px; 201 top: 56px; 202 overflow-y: auto; 203 -webkit-overflow-scrolling: touch; 204 z-index: 1; 205 padding-top: 7px; 206 padding-bottom: 25px; 207 padding-left: 0 208} 209 210#sidebar nav, 211.overlay { 212 position: absolute; 213 bottom: 0; 214 right: 0 215} 216 217.overlay { 218 top: 0; 219 left: 0; 220 background: hsla(0, 0%, 100%, .8); 221 z-index: 10000; 222 visibility: hidden; 223 opacity: 0; 224 transition: opacity .25s ease-in-out 225} 226 227form.search.topbar { 228 position: absolute; 229 top: 0; 230 left: calc(31.5%); 231 width: 300px; 232 z-index: 10020 233} 234 235form.search.topbar button{ 236 display: none; 237} 238 239form.search-text, 240form.search.topbar input { 241 border:none; 242 color: #939da3; 243 background-color: transparent; 244 background-image: url(css/img/icon-search@2x.png); 245 background-size: 14px 14px; 246 background-position: 30px 20px; 247 background-repeat: no-repeat; 248 box-shadow: none; 249 font-size: 15px; 250 width: 200px; 251 padding: 17px 0 17px 51px; 252 outline: none; 253 -webkit-appearance: none 254} 255#extension__manager form.search input.edit { 256 width: 25em; 257 border:none; 258 color: #939da3; 259 background-color: transparent; 260 box-shadow: none; 261 outline: none; 262 -webkit-appearance: none; 263 font-weight: normal; 264} 265#extension__manager form.search button { 266 background: url(css/img/icon-search@2x.png); 267 background-size: contain; 268 background-repeat: no-repeat; 269 height: 14px; 270 width: 14px; 271 margin-top: -6px; 272} 273 274.search input::-webkit-search-decoration { 275 -webkit-appearance: none 276} 277 278.search-after { 279 position: absolute; 280 top: 0; 281 left: 0; 282 right: 0; 283 pointer-events: none 284} 285 286.search-text { 287 visibility: hidden 288} 289 290.search-after-text--no-results { 291 margin-left: 10px; 292 color: #bbc8cf; 293 font-size: 15px; 294 line-height: 55px; 295 display: inline-block; 296 visibility: hidden 297} 298 299.search input::-webkit-search-cancel-button { 300 display: none 301} 302 303.search-results { 304 position: absolute; 305 visibility: hidden; 306 opacity: 0; 307 top: -10px; 308 padding-top: 10px; 309 left: 31.5%; 310 width: 768px; 311 min-height: 58px; 312 background: #fff; 313 box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .07), 0 7px 17px 0 rgba(0, 0, 0, .1); 314 z-index: 10010 315} 316 317.search-results ul { 318 margin-top: 55px 319} 320 321#sidebar .logo { 322 overflow: hidden; 323 width: 226px; 324 margin: 15px 0; 325 z-index:10 326} 327 328#sidebar .logo a.site { 329 display: inline-block; 330 position: relative; 331 width: 62px; 332 height: 25px; 333 background-image: url(../images/logo.png); 334 top: 1px; 335 text-decoration: none!important 336} 337 338#sidebar .logo a { 339 display: inline-block; 340 height: 42px; 341 padding-left: 4px; 342 padding-top: 3px; 343 font-size: 20px; 344 line-height: 20px; 345 vertical-align: bottom; 346 color: #0099e5; 347 font-weight: 500; 348 text-decoration: none 349} 350 351#sidebar .logo a:hover { 352 opacity: .8 353} 354 355#sidebar:before { 356 left: 0; 357 width: 100%; 358 height: 600px; 359 background-image: linear-gradient(81deg, hsla(0, 0%, 100%, 0) 57%, hsla(0, 0%, 100%, .16) 84%, hsla(0, 0%, 100%, .17) 0, hsla(0, 0%, 100%, .57)) 360} 361 362#sidebar:after, 363#sidebar:before { 364 content: ''; 365 position: absolute; 366 top: 0 367} 368 369#sidebar:after { 370 right: 0; 371 width: 1px; 372 height: 100%; 373 background: rgba(18, 60, 83, .05) 374} 375 376.filterBlock { 377 margin: 7px 0px; 378 position: relative; 379} 380#filterInput { 381 padding: 5px; 382 font-family: inherit; 383 font-size: 15px; 384 outline: none; 385 border: 1px solid #dedede; 386 width: 90%; 387 box-shadow: none; 388 border-radius: 0; 389 margin: auto; 390} 391#clearFilterButton { 392 position: absolute; 393 right: 15%; 394 top: 50%; 395 margin-top: -8px; 396 width: 16px; 397 height: 16px; 398 font-size: 14px; 399 color: grey; 400 text-align: center; 401 line-height: 0; 402 padding-top: 7px; 403 opacity: .5; 404} 405 406#content-wrapper { 407 position: absolute; 408 top: 0; 409 left: 0; 410 width: 100%; 411 height: 100%; 412 overflow-x: hidden; 413 overflow-y: auto; 414 -webkit-overflow-scrolling: touch; 415 min-width: 665px; 416 transform: translateZ(0); 417 outline: none 418} 419 420#content-wrapper .level1 { 421 margin: 5px 10px; 422} 423 424#content { 425 position: relative; 426 padding-left: 32px; 427 margin: 0 25px 0 0; 428 border-top: 1px solid rgba(120, 134, 156, .08); 429 width: 770px; 430 display: inline-block; 431 float: left; 432} 433 434#content .content{ 435 min-height:80vh; 436} 437 438#content .content h1{ 439 margin-top:20px!important; /*to compensate for highlight section styles*/ 440 margin-bottom: 10px!important; /*to compensate for highlight section styles*/ 441 padding-top: 20px!important; /*to compensate for highlight section styles*/ 442} 443 444#content .external{ 445 margin:0; 446 padding-bottom:30px; 447} 448 449#content li{ 450 margin:0; 451} 452 453 454#content .content .sectionedit1:first-child{ 455 padding-top:0; 456 margin-top:0 457} 458 459#content, 460header#main-header { 461 margin-left: calc(31.5%); 462 max-width: 770px; 463 width: calc(45%); 464 min-width: 500px; 465} 466 467header#main-header .user { 468 font-size: 0.83em; 469 color: #656d71; 470} 471header#main-header .user bdi { 472 color: #222; 473} 474header#main-header .user bdi:first-of-type { 475 font-size: 1.2em; 476} 477 478header#main-header ul { 479 text-align: right 480} 481 482header#main-header li { 483 display: inline-block; 484 margin:0 485} 486 487header#main-header a { 488 font-size: 15px; 489 line-height: 55px; 490 padding-left: 20px; 491 color: #0099e5 492} 493 494header#main-header a:hover { 495 color: #32325d 496} 497 498header#main-header .button a:after { 499 font: normal 16px StripeIcons; 500 content: "\279D"; 501 padding-left: 5px 502} 503 504#loading-bar { 505 background: #0099e5; 506 height: 3px; 507 position: absolute; 508 top: 0; 509 left: 0; 510 z-index: 2000; 511 transition: opacity .25s ease-in-out, width .4s ease-in-out; 512 width: 0; 513 transform-origin: 0 0; 514 will-change: opacity, width 515} 516 517#edit-dash{ 518 padding-top: 130px; 519 width: 180px; 520 height: 500px; 521 top: 0; 522 vertical-align: top; 523 display: inline-block; 524} 525 526#edit-dash li{ 527 border-bottom:1px solid #eee; 528 margin:0; 529 list-style: none; 530} 531#edit-dash li:last-child{ 532 border:none; 533} 534 535#edit-dash li p{ 536 display: inline-block; 537 vertical-align: middle; 538 padding-bottom: 5px; 539 padding-left: 10px; 540} 541#edit-dash li i{ 542 margin-top:10px; 543} 544#edit-dash li.plugin_move_page > a::before { 545 font-family: FontAwesome !important; 546 display: inline-block; 547 font-size: 2em; 548 content: "\f0a9"; /*fa-arrow-circle-right*/ 549} 550#edit-dash li.plugin_move_page > a span { 551 display: inline-block; 552 vertical-align: middle; 553 padding-left: 10px; 554 padding-bottom: 5px; 555 margin-top: -7px; 556} 557 558/*Overrides*/ 559 560.level1{ 561 margin:0; 562} 563 564nav h1{ 565 text-transform: uppercase; 566 font-weight: 600; 567 font-size: 18px; 568} 569 570.dokuwiki a.wikilink1, 571.dokuwiki a.wikilink2:link, 572.dokuwiki a.wikilink2:visited{ 573 display: inline-block; 574 font-size: 15px; 575 font-weight: 500; 576 background-repeat: no-repeat; 577 background-size: 20px 20px; 578 background-position: 0 8px; 579 border:none; 580} 581 582.dokuwiki a.wikilink1{ 583 color: #176cdc; 584} 585.dokuwiki a.wikilink2{ 586 color: #d21717; 587} 588 589.dokuwiki .docInfo{ 590 padding:40px 0; 591} 592 593.dokuwiki label.block{ 594 text-align:center; 595} 596 597.centeralign fieldset legend{ 598 border:none; 599} 600 601.centeralign fieldset{ 602 margin:40px auto; 603} 604 605.level2 ul{ 606 padding: 10px; 607} 608 609.dokuwiki .secedit{ 610 margin-top:0; 611} 612 613.button.btn_secedit button:hover{ 614 color:#2b73b7; 615 border-bottom: solid 1px #eee; 616 border-top: solid 1px #eee; 617} 618.button.btn_secedit button{ 619 background: none; 620 border: none; 621 font-size: 15px; 622 border-bottom: solid 1px #fff; 623 border-top: solid 1px #fff; 624 transition: all ease 200ms; 625 626} 627 628#dw__toc{ 629 background-color: #f5f7f9; 630 margin: 0; 631 width: 100%; 632 padding: 10px 10px; 633 border: solid #eee 1px!important; 634 border-left: solid 5px #0670c2!important; 635 float:none; 636 font-size:15px; 637 -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.07), 0 7px 17px 0 rgba(0,0,0,.1); 638 -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.07), 0 7px 17px 0 rgba(0,0,0,.1); 639 box-shadow: 0 1px 5px 0 rgba(0,0,0,.07), 0 7px 17px 0 rgba(0,0,0,.1); 640} 641 642#dw__toc:not(:first-child) { 643 margin-top: 1.2em; 644} 645 646#dw__toc a{ 647 font-size:15px!important; 648} 649 650#dw__toc > div { 651 padding-top: 0.2em; 652} 653 654#dw__toc ul li div.li { 655 padding: .5em 0; 656} 657 658#dw__toc h3{ 659 font-size:22px; 660 margin-top: 0; 661} 662 663.dokuwiki #admin__version { 664 float: left; 665 padding-top: 50px; 666} 667 668.dokuwiki ul.admin_tasks{ 669 padding-top:40px; 670} 671 672#config__manager td.label{ 673 border:none; 674 display: table-cell; 675 height:100%; 676 width:100%; 677} 678 679#config__manager td.label label{ 680 color:#000; 681 white-space: initial; 682 line-height: 1.5em; 683} 684 685#config__manager fieldset{ 686 margin:0; 687} 688 689.dokuwiki div.table{ 690 overflow-x:visible; 691} 692 693#config__manager tr.default input{ 694 background:#e5f6ff; 695 padding: 0.2em .5em; 696} 697#config__manager tr.default .input{ 698 background:transparent; 699} 700 701#config__manager td input.edit, 702#config__manager tr.default .input, 703#config__manager tr .input{ 704 width: 300px; 705 margin: 10px; 706} 707#config__manager fieldset { 708 background-color: #f5f7f9; 709} 710#config__manager legend{ 711 border:none; 712} 713#config__manager fieldset td.value{ 714 padding-top: 10px; 715 padding-bottom: 10px; 716 padding-left: 7.5px; 717} 718 719#config__manager p{ 720 margin-top:10px; 721} 722#plugin__styling input{border:none;padding: .2em .5em;} 723#plugin__styling td{ 724 padding: .2em .5em; 725} 726 727.dokuwiki div.breadcrumbs .bchead{ 728 font-weight:bold; 729} 730.dokuwiki div.breadcrumbs { 731 border-top: none; 732 border-bottom: 1px solid #e5f6ff; 733 margin-bottom: 2.5em; 734 padding: 10px 0; 735} 736.dokuwiki div.breadcrumbs ul { 737 margin-bottom: 0; 738} 739.dokuwiki div.breadcrumbs div:last-child { 740 border-bottom: none; 741} 742 743.dokuwiki a.wikilink1:hover, .dokuwiki a.wikilink2:hover{ 744 text-decoration:underline; 745} 746 747.dokuwiki span.curid a{ 748 font-weight:normal; 749} 750 751#content-wrapper .level1{ 752 margin:0; 753} 754 755/*Responsive Styles*/ 756@media (max-width: 1200px) { 757 #edit-dash { 758 width:50px; 759 } 760 #edit-dash ul li{ 761 margin:0; 762 border-bottom:none; 763 } 764 #edit-dash ul li a p{ 765 display:none; 766 } 767 #edit-dash .plugin_move_page span { 768 display: none !important; 769 } 770} 771