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