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