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 height: 100%; 30 width: calc(__width_sidebar__ + 15); 31} 32 33#dokuwiki__aside ul li 34{ 35 margin-left: 0; 36} 37 38#dokuwiki__aside p strong 39{ 40 color: __text_sidebar_caption__; 41 display: block; 42 font-size: 85%; 43 font-weight: bold; 44 height: 32px; 45 line-height: 32px; 46 margin: 12px 0 0; 47 padding: 0 1.6em; 48 /* text-transform: uppercase; */ 49 white-space: nowrap; 50} 51 52#dokuwiki__aside #sidebar ul li a 53{ 54 color: __text_sidebar__; 55 display: block; 56 font-size: 90%; 57 line-height: 18px; 58 padding: .4em 1.6em; 59 position: relative; 60} 61 62#dokuwiki__aside #sidebar ul li a.wikilink2 63{ 64 color: gray; 65} 66 67#dokuwiki__aside #sidebar ul li a:hover 68{ 69 background-color: __background_sidebar_hover__; 70} 71 72#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 73{ 74 margin-left: 10px; 75} 76 77#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 78{ 79 margin-left: 20px; 80} 81 82#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 83{ 84 margin-left: 30px; 85} 86 87#dokuwiki__aside #sidebar > ul > li.level1 > ul > li.level2 > ul > li.level3 > ul > li.level4 > ul > li.level5 88{ 89 margin-left: 40px; 90} 91 92#dokuwiki__aside #dw__toc 93{ 94 background-color: __background_sidebar_toc__; 95 float: none; 96 margin: 0; 97 width: 100%; 98} 99 100#dokuwiki__aside #dw__toc ul.toc 101{ 102 padding-left: 0; 103} 104 105#dokuwiki__aside #dw__toc ul.toc.invisible 106{ 107 display: none; 108} 109 110#dokuwiki__aside #dw__toc > div 111{ 112 padding: 0; 113} 114 115#dokuwiki__aside #dw__toc > h3 116{ 117 display: none; 118} 119 120#dokuwiki__aside #dw__toc ul > li > div.li 121{ 122 padding: 0; 123} 124 125#dokuwiki__aside #dw__toc ul > li > div.li > a 126{ 127 color: __text_sidebar_toc__; 128} 129 130#dokuwiki__aside #dw__toc .btn-expand 131{ 132 display: inline-block; 133} 134 135#dokuwiki__aside #dw__toc .btn-expand i 136{ 137 color: __text_sidebar_expand1__; 138 display: inline-block; 139 font-size: .8em; 140 line-height: 1.6em; 141 margin-left: -15px; 142} 143 144#dokuwiki__aside #dw__toc .btn-expand img 145{ 146 height: 11px; 147 margin-left: 1px; 148 width: 11px; 149} 150 151#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child > a 152{ 153 border-bottom: solid 1px __background_sidebar_toc_highlight__; 154 border-top: solid 1px __background_sidebar_toc_highlight__; 155 background-color: __background__; 156 font-weight: bold; 157} 158 159#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li.current 160{ 161 background-color: __background_sidebar_toc_highlight__; 162} 163 164#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li.current > a 165{ 166 font-weight: bold; 167} 168 169#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li > a:hover 170{ 171 background-color: __background_sidebar_toc_hover__; 172} 173 174#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand i, 175#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand i, 176#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand i 177{ 178 color: __text_sidebar_expand2__; 179} 180 181#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a 182{ 183 padding-left: 2.4em; 184} 185 186#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand 187{ 188 left: 1.8em; 189} 190 191#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a 192{ 193 font-size: 80%; 194 padding-left: 3.2em; 195} 196 197#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand 198{ 199 left: 2.6em; 200} 201 202#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a 203{ 204 font-size: 80%; 205 padding-left: 4em; 206} 207 208#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand 209{ 210 left: 3.4em; 211} 212 213#dokuwiki__aside #dw__toc ul > li.level5 > div.li > a 214{ 215 font-size: 80%; 216 padding-left: 4.8em; 217} 218 219/* Plugin Support (simplenavi plugin) */ 220 221#dokuwiki__aside #sidebar .plugin__simplenavi 222{ 223 margin: 12px 0 0; 224} 225 226#dokuwiki__aside .plugin__simplenavi ul 227{ 228 padding-left: 24px; 229} 230 231#dokuwiki__aside #sidebar .plugin__simplenavi strong 232{ 233 font-weight: normal; 234} 235 236#dokuwiki__aside #sidebar .plugin__simplenavi ul li a 237{ 238 padding: .4em 0em; 239} 240 241#dokuwiki__aside #sidebar .plugin__simplenavi ul li strong > a 242{ 243 color: __text_sidebar_caption__; 244} 245 246#dokuwiki__aside #sidebar .plugin__simplenavi #dw__toc 247{ 248 margin-left: -24px; 249 width: unset; 250} 251 252#dokuwiki__aside .plugin__simplenavi #dw__toc > div > .toc > .level1 > div.li:first-child > a 253{ 254 padding-left: 20px; 255} 256 257@media (max-width: __media_query_sp__) 258{ 259 260 #dokuwiki__aside 261 { 262 width: 85%; 263 } 264 265 #dokuwiki__site.showSidebarSP #dokuwiki__aside 266 { 267 display: block; 268 } 269 270 #dokuwiki__site:not(.showSidebarSP) #dokuwiki__aside 271 { 272 display: none; 273 } 274 275 #dokuwiki__aside > .aside 276 { 277 width: auto; 278 } 279 280} 281