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