1#dokuwiki__aside 2{ 3 bottom: __height_footer__; 4 background-color: __background_sidebar__; 5 color: __text_sidebar__; 6 flex-shrink: 0; 7 overflow-x: hidden; 8 overflow-y: hidden; 9 padding-bottom: 2em; 10 position: fixed; 11 top: __height_header__; 12 width: __width_sidebar__; 13} 14 15#dokuwiki__site:not(.showSidebar) #dokuwiki__aside 16{ 17 display: none; 18} 19 20body[data-useragent*='Trident'] .rightSidebar #dokuwiki__aside 21{ 22 right: calc(~"(-16px + 100vw - "__width_site__~")/2"); 23} 24 25#dokuwiki__aside > .aside 26{ 27 overflow-y: scroll; 28 overflow-x: hidden; 29 font-size: 90%; 30 height: 100%; 31 scrollbar-width: none; 32 -ms-overflow-style: none; 33 width: 100%; 34} 35 36#dokuwiki__aside > .aside::-webkit-scrollbar { 37 display: none; 38} 39 40#dokuwiki__aside ul li 41{ 42 margin-left: 0; 43} 44 45#dokuwiki__aside p strong 46{ 47 color: __text_sidebar_caption__; 48 display: block; 49 font-size: 95%; 50 font-weight: bold; 51 height: 32px; 52 line-height: 32px; 53 margin: 12px 0 0; 54 padding: 0 1.6em; 55 /* text-transform: uppercase; */ 56 white-space: nowrap; 57} 58 59#dokuwiki__aside #sidebar 60{ 61 width: 100%; 62} 63 64#dokuwiki__aside #sidebar .li 65{ 66 line-height: 18px; 67 padding: .4em 0; 68} 69 70#dokuwiki__aside #sidebar .li:has(> #dw__toc) 71{ 72 padding-top: 0; 73 padding-bottom: 0; 74} 75 76#dokuwiki__aside #sidebar ul li a 77{ 78 color: __text_sidebar__; 79 display: block; 80 position: relative; 81 width: 100%; 82} 83 84#dokuwiki__aside #sidebar ul li a.wikilink2 85{ 86 color: __missing__; 87} 88 89#dokuwiki__aside #sidebar ul .li:has(a):hover 90/* #dokuwiki__aside #sidebar ul .li:hover */ 91{ 92 background-color: __background_sidebar_hover__; 93} 94 95#dokuwiki__aside #sidebar ul .li:has(#dw__toc):hover 96{ 97 background-color: __background_sidebar__; 98} 99 100#dokuwiki__aside #sidebar > ul > li.level1 > .li 101{ 102 padding-left: 1.6em; 103} 104 105#dokuwiki__aside #sidebar > ul > li.level1 > .li:has(#dw__toc) 106{ 107 padding-left: 0; 108} 109 110#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > .li 111{ 112 padding-left: 2.4em; 113} 114 115#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > .li:has(#dw__toc) 116{ 117 padding-left: 0; 118} 119 120#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > .li 121{ 122 padding-left: 3.2em; 123} 124 125#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > .li:has(#dw__toc) 126{ 127 padding-left: 0; 128} 129 130#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > .li 131{ 132 padding-left: 4em; 133} 134 135#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > .li:has(#dw__toc) 136{ 137 padding-left: 0; 138} 139 140#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > ul > li.level5 > .li 141{ 142 padding-left: 4.8em; 143} 144 145#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > ul > li.level5 > .li:has(#dw__toc) 146{ 147 padding-left: 0; 148} 149 150#dokuwiki__aside #dw__toc 151{ 152 background-color: __background_sidebar_toc__; 153 float: none; 154 margin: 0; 155 width: 100%; 156} 157 158#dokuwiki__aside #dw__toc ul.toc 159{ 160 padding-left: 0; 161} 162 163#dokuwiki__aside #dw__toc ul.toc.invisible 164{ 165 display: none; 166} 167 168#dokuwiki__aside #dw__toc > div 169{ 170 padding: 0; 171} 172 173#dokuwiki__aside #dw__toc > h3 174{ 175 display: none; 176} 177 178#dokuwiki__aside #dw__toc ul > li > div.li > a 179{ 180 color: __text_sidebar_toc__; 181} 182 183#dokuwiki__aside #dw__toc .btn-expand 184{ 185 display: inline-block; 186} 187 188#dokuwiki__aside #dw__toc .btn-expand i 189{ 190 color: __text_sidebar_expand1__; 191 display: inline-block; 192 font-size: .8em; 193 line-height: 1.6em; 194 margin-left: -15px; 195} 196 197#dokuwiki__aside #dw__toc .btn-expand img 198{ 199 height: 11px; 200 margin-left: 1px; 201 width: 11px; 202} 203 204#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child 205{ 206 border-bottom: solid 1px __background_sidebar_toc_highlight__; 207 border-top: solid 1px __background_sidebar_toc_highlight__; 208 background-color: __background__; 209 font-weight: bold; 210} 211 212#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child a 213{ 214 background-color: __background__; 215} 216 217#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li.current 218{ 219 background-color: __background_sidebar_toc_highlight__; 220} 221 222#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li.current > a 223{ 224 font-weight: bold; 225} 226 227#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li:hover 228{ 229 background-color: __background_sidebar_toc_hover__; 230} 231 232#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand i, 233#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand i, 234#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand i 235{ 236 color: __text_sidebar_expand2__; 237} 238 239#dokuwiki__aside #dw__toc ul > li.level1 > div.li > a 240{ 241 padding-left: 1.6em; 242} 243 244#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a 245{ 246 padding-left: 2.4em; 247} 248 249#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand 250{ 251 left: 1.8em; 252} 253 254#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a 255{ 256 font-size: 80%; 257 padding-left: 3.2em; 258} 259 260#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand 261{ 262 left: 2.6em; 263} 264 265#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a 266{ 267 font-size: 80%; 268 padding-left: 4em; 269} 270 271#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand 272{ 273 left: 3.4em; 274} 275 276#dokuwiki__aside #dw__toc ul > li.level5 > div.li > a 277{ 278 font-size: 80%; 279 padding-left: 4.8em; 280} 281 282/* Plugin Support (simplenavi and acmenu plugins) */ 283 284#dokuwiki__aside #sidebar .plugin__simplenavi, 285#dokuwiki__aside #sidebar .acmenu 286{ 287 margin: 12px 0 0; 288} 289 290#dokuwiki__aside .plugin__simplenavi ul, 291#dokuwiki__aside .acmenu ul 292{ 293 padding-left: 24px; 294} 295 296#dokuwiki__aside #sidebar .plugin__simplenavi strong 297{ 298 font-weight: normal; 299} 300 301#dokuwiki__aside #sidebar .plugin__simplenavi ul li strong > a 302{ 303 color: __text_sidebar_caption__; 304} 305 306#dokuwiki__aside #sidebar .plugin__simplenavi #dw__toc, 307#dokuwiki__aside #sidebar .acmenu #dw__toc 308{ 309 margin-left: -20px; 310 width: unset; 311} 312 313#dokuwiki__aside .plugin__simplenavi #dw__toc > div > .toc > .level1 > div.li:first-child > a, 314#dokuwiki__aside .acmenu #dw__toc > div > .toc > .level1 > div.li:first-child > a 315{ 316 padding-left: 20px; 317} 318 319/* Plugin Support (indexmenu plugin) */ 320 321/* No JS */ 322 323#dokuwiki__aside #sidebar .indexmenu_nojs > ul.idx { 324 margin-left: 1.6em; 325} 326 327#dokuwiki__aside #sidebar .indexmenu_nojs div.li:has(#dw__toc) { 328 margin-left: -1.6em; 329} 330 331#dokuwiki__aside #sidebar .indexmenu_nojs > ul.idx ul.idx { 332 margin-left: 0.8em; 333} 334 335/* JS (Treenew) */ 336 337#dokuwiki__aside #sidebar .indexmenu_js2 ul.fancytree-container { 338 font-family: inherit; 339 padding: 0 0 0 1.6em; 340} 341 342#dokuwiki__aside #sidebar .indexmenu_js2 span.fancytree-title { 343 border: none; 344 margin: 0; 345 max-width: 100%; 346 padding: 0; 347 width: 100%; 348} 349 350#dokuwiki__aside #sidebar .indexmenu_js2 span.fancytree-node, 351#dokuwiki__aside #sidebar .indexmenu_js2 span.fancytree-title { 352 color: __text_sidebar__; 353} 354 355#dokuwiki__aside #sidebar > .indexmenu_js2 .fancytree-title:has(> #dw__toc) { 356 margin-left: -1.58em; 357} 358 359#dokuwiki__aside #sidebar > .indexmenu_js2.skin-awesome span.fancytree-active span.fancytree-title { 360 background-color: transparent; 361} 362 363#dokuwiki__aside #sidebar > .indexmenu_js2.skin-awesome span.fancytree-focused span.fancytree-title { 364 outline: none; 365} 366 367#dokuwiki__aside #sidebar .indexmenu_js2 span.fancytree-node:not(:has(#dw__toc)) { 368 padding: 0.4em 0; 369} 370 371#dokuwiki__aside #sidebar .indexmenu_js2 span.fancytree-node:not(:has(#dw__toc)):hover { 372 background-color: __background_sidebar_hover__; 373} 374 375#dokuwiki__aside #sidebar .indexmenu_js2.skin-awesome span.fancytree-expander { 376 margin-right: 5px; 377 margin-top: -1px !important; 378} 379 380#dokuwiki__aside #sidebar .indexmenu_js2.skin-awesome span.fancytree-icon.fa-folder-o, 381#dokuwiki__aside #sidebar .indexmenu_js2.skin-awesome span.fancytree-icon.fa-folder-open-o, 382#dokuwiki__aside #sidebar .indexmenu_js2.skin-awesome span.fancytree-icon.fa-file-o { 383 display: none; 384} 385 386/* JS (Treeold) */ 387 388#dokuwiki__aside #sidebar .dtree { 389 font-family: inherit; 390 font-size: inherit; 391} 392 393#dokuwiki__aside #sidebar > .dtree { 394 margin: 12px 0 0; 395 padding-left: 1.6em; 396} 397 398#dokuwiki__aside #sidebar .dTreeNode { 399 line-height: 18px; 400 padding: 0.4em 0; 401} 402 403#dokuwiki__aside #sidebar .dTreeNode:hover { 404 background-color: __background_sidebar_hover__; 405} 406 407#dokuwiki__aside #sidebar .dtree a:visited, 408#dokuwiki__aside #sidebar .dtree a:link { 409 color: __text_sidebar__; 410 background-color: transparent; 411 text-decoration: none; 412} 413 414#dokuwiki__aside #sidebar .dTreeNode a.navSel { 415 color: __text_sidebar_caption__; 416 font-weight: bold; 417} 418 419/* Plugin Support (nspages plugin) */ 420 421#dokuwiki__aside #sidebar .plugin_nspages 422{ 423 margin: 12px 0 0; 424} 425 426#dokuwiki__aside #sidebar .plugin_nspages #dw__toc 427{ 428 margin-left: -24px; 429 width: unset; 430} 431 432#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > div.li 433{ 434 padding-left: 1.6em; 435} 436 437#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > div.li 438{ 439 padding-left: 2.4em; 440} 441 442#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > ul > li.level3 > div.li 443{ 444 padding-left: 3.2em; 445} 446 447#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > div.li 448{ 449 padding-left: 4em; 450} 451 452#dokuwiki__aside #sidebar .plugin_nspages > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > ul > li.level5 > div.li 453{ 454 padding-left: 4.8em; 455} 456 457#dokuwiki__aside #sidebar .plugin_nspages #dw__toc ul > li.level1 > div.li > a 458{ 459 padding-left: 1.6em; 460} 461 462#dokuwiki__aside #sidebar .plugin_nspages #dw__toc ul > li.level2 > div.li > a 463{ 464 padding-left: 2.4em; 465} 466 467#dokuwiki__aside #sidebar .plugin_nspages #dw__toc ul > li.level3 > div.li > a 468{ 469 padding-left: 3.2em; 470} 471 472#dokuwiki__aside #sidebar .plugin_nspages #dw__toc ul > li.level4 > div.li > a 473{ 474 padding-left: 4em; 475} 476 477#dokuwiki__aside #sidebar .plugin_nspages #dw__toc ul > li.level5 > div.li > a 478{ 479 padding-left: 4.8em; 480} 481 482@media (max-width: __media_query_sp__) 483{ 484 485 #dokuwiki__aside 486 { 487 width: 85%; 488 } 489 490 #dokuwiki__site.showSidebarSP #dokuwiki__aside 491 { 492 display: block; 493 } 494 495 #dokuwiki__site:not(.showSidebarSP) #dokuwiki__aside 496 { 497 display: none; 498 } 499 500 #dokuwiki__aside > .aside 501 { 502 width: auto; 503 } 504 505} 506