1#dokuwiki__aside 2{ 3 bottom: __height_footer__; 4 background-color: __background_sidebar__; 5 left: 0; 6 overflow-x: hidden; 7 overflow-y: hidden; 8 padding-bottom: 2em; 9 position: fixed; 10 top: __height_header__; 11 width: __width_sidebar__; 12} 13 14#dokuwiki__aside.invisible 15{ 16 display: none; 17} 18 19#dokuwiki__aside > .aside { 20 overflow-y: scroll; 21 overflow-x: hidden; 22 height: 100%; 23 width: calc(__width_sidebar__ + 20); 24} 25 26#dokuwiki__aside p strong 27{ 28 color: __text_sidebar_caption__; 29 display: block; 30 font-size: 85%; 31 font-weight: bold; 32 height: 32px; 33 line-height: 32px; 34 margin: 12px 0 0; 35 padding: 0 1.6em; 36 /* text-transform: uppercase; */ 37 white-space: nowrap; 38} 39 40#dokuwiki__aside ul > li > div.li > a, 41#dokuwiki__aside ul > li > div.li > span > a 42{ 43 color: __text_sidebar__; 44 display: block; 45 font-size: 90%; 46 line-height: 18px; 47 padding: .4em 1.6em; 48 position: relative; 49} 50 51#dokuwiki__aside > .aside > ul > li > div.li > a:hover, 52#dokuwiki__aside > .aside > ul > li > div.li > span > a:hover 53{ 54 background-color: __background_sidebar_hover__; 55} 56 57#dokuwiki__aside #dw__toc 58{ 59 background-color: __background_sidebar_toc__; 60 float: none; 61 margin: 0; 62 width: 100%; 63} 64 65#dokuwiki__aside #dw__toc ul.toc 66{ 67 padding-left: 0; 68} 69 70#dokuwiki__aside #dw__toc ul.toc.invisible 71{ 72 display: none; 73} 74 75#dokuwiki__aside #dw__toc > div 76{ 77 padding: 0; 78} 79 80#dokuwiki__aside #dw__toc > h3 81{ 82 display: none; 83} 84 85#dokuwiki__aside #dw__toc ul > li > div.li 86{ 87 padding: 0; 88} 89 90#dokuwiki__aside #dw__toc ul > li > div.li > a 91{ 92 color: __text_sidebar_toc__; 93} 94 95#dokuwiki__aside #dw__toc .btn-expand 96{ 97 display: inline-block; 98} 99 100#dokuwiki__aside #dw__toc .btn-expand i 101{ 102 color: __text_sidebar_expand1__; 103 display: inline-block; 104 font-size: .8em; 105 line-height: 1.6em; 106 margin-left: -15px; 107} 108 109#dokuwiki__aside #dw__toc .btn-expand img 110{ 111 height: 11px; 112 margin-left: 1px; 113 width: 9px; 114} 115 116#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child > a 117{ 118 border-bottom: solid 1px __background_sidebar_toc_highlight__; 119 border-top: solid 1px __background_sidebar_toc_highlight__; 120 background-color: __background__; 121} 122 123#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child > a 124{ 125 font-weight: bold; 126} 127 128#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li.current 129{ 130 background-color: __background_sidebar_toc_highlight__; 131} 132 133#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li.current > a 134{ 135 font-weight: bold; 136} 137 138#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li > a:hover 139{ 140 background-color: __background_sidebar_toc_hover__; 141} 142 143#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand i, 144#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand i, 145#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand i 146{ 147 color: __text_sidebar_expand2__; 148} 149 150#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a 151{ 152 padding-left: 2.4em; 153} 154 155#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand 156{ 157 left: 1.8em; 158} 159 160#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a 161{ 162 padding-left: 3.2em; 163} 164 165#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand 166{ 167 left: 2.6em; 168} 169 170#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a 171{ 172 padding-left: 4em; 173} 174 175#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand 176{ 177 left: 3.4em; 178} 179 180#dokuwiki__aside #dw__toc ul > li.level5 > div.li > a 181{ 182 padding-left: 4.8em; 183} 184 185@media (max-width: __media_query_sp__) 186{ 187 188 #dokuwiki__aside 189 { 190 display: none; 191 width: 85%; 192 } 193 194 #dokuwiki__aside.visible 195 { 196 display: block; 197 } 198 199 #dokuwiki__aside > .aside 200 { 201 width: auto; 202 } 203 204} 205