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