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 > div 71{ 72 padding: 0; 73} 74 75#dokuwiki__aside #dw__toc > h3 76{ 77 display: none; 78} 79 80#dokuwiki__aside #dw__toc ul > li > div.li 81{ 82 padding: 0; 83} 84 85#dokuwiki__aside #dw__toc ul > li > div.li > a 86{ 87 color: __text_sidebar_toc__; 88} 89 90#dokuwiki__aside #dw__toc .btn-expand 91{ 92 display: inline-block; 93} 94 95#dokuwiki__aside #dw__toc .btn-expand i 96{ 97 color: __text_sidebar_expand1__; 98 display: inline-block; 99 font-size: .8em; 100 line-height: 1.6em; 101 margin-left: -15px; 102} 103 104#dokuwiki__aside #dw__toc .btn-expand img 105{ 106 height: 11px; 107 margin-left: 1px; 108 width: 9px; 109} 110 111#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child > a 112{ 113 border-bottom: solid 1px __background_sidebar_toc_highlight__; 114 border-top: solid 1px __background_sidebar_toc_highlight__; 115 background-color: __background__; 116} 117 118#dokuwiki__aside #dw__toc > div > .toc > .level1 > div.li:first-child > a 119{ 120 font-weight: bold; 121} 122 123#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li.current 124{ 125 background-color: __background_sidebar_toc_highlight__; 126} 127 128#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li.current > a 129{ 130 font-weight: bold; 131} 132 133#dokuwiki__aside #dw__toc ul.toc > .level1 ul.toc > li > div.li > a:hover 134{ 135 background-color: __background_sidebar_toc_hover__; 136} 137 138#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand i, 139#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand i, 140#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand i 141{ 142 color: __text_sidebar_expand2__; 143} 144 145#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a 146{ 147 padding-left: 2.4em; 148} 149 150#dokuwiki__aside #dw__toc ul > li.level2 > div.li > a .btn-expand 151{ 152 left: 1.8em; 153} 154 155#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a 156{ 157 padding-left: 3.2em; 158} 159 160#dokuwiki__aside #dw__toc ul > li.level3 > div.li > a .btn-expand 161{ 162 left: 2.6em; 163} 164 165#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a 166{ 167 padding-left: 4em; 168} 169 170#dokuwiki__aside #dw__toc ul > li.level4 > div.li > a .btn-expand 171{ 172 left: 3.4em; 173} 174 175#dokuwiki__aside #dw__toc ul > li.level5 > div.li > a 176{ 177 padding-left: 4.8em; 178} 179 180@media (max-width: __media_query_sp__) 181{ 182 183 #dokuwiki__aside 184 { 185 display: none; 186 width: 85%; 187 } 188 189 #dokuwiki__aside.visible 190 { 191 display: block; 192 } 193 194 #dokuwiki__aside > .aside 195 { 196 width: auto; 197 } 198 199} 200