1/** 2 * This file provides style changes for small screens. 3 */ 4 5@media only screen and (min-width: 951px) { 6 #kiwiki nav.tools > div#open-search { 7 display: none; 8 } 9} 10@media only screen and (max-width: 950px) { 11 #kiwiki h1 { 12 font-size: 1.9rem; 13 } 14 #kiwiki h2 { 15 font-size: 1.6rem; 16 } 17 #kiwiki h3 { 18 font-size: 1.3em; 19 } 20 21 #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper .wikilogo img { 22 max-height: 40px; 23 } 24 #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper a.wikilogo > div { 25 font-size: 20px; 26 letter-spacing: 0; 27 } 28 #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper #dw__search { 29 order: 3; 30 min-width: initial; 31 padding-bottom: 10px; 32 display: none; 33 width: 100%; 34 } 35 #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper #dw__search.open { 36 display: inline; 37 } 38 #kiwiki #dokuwiki__header { 39 padding: 0 5px; 40 margin: 0; 41 } 42 #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper { 43 flex-wrap: wrap; 44 gap: 0; 45 } 46 #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper .group { 47 order: 1; 48 } 49 #kiwiki #dokuwiki__header > .dokuwiki__header__wrapper nav { 50 order: 2; 51 flex-wrap: nowrap; 52 gap: 8px; 53 } 54 #kiwiki nav.tools > div > strong svg{ 55 width: 24px; 56 height: 24px; 57 } 58 #kiwiki .breadcrumbs { 59 margin: 15px auto; 60 } 61 #kiwiki 62 #dokuwiki__site 63 #dokuwiki__content__wrapper 64 #dokuwiki__aside 65 .dokuwiki__aside_wrapper { 66 gap: 0; 67 } 68 #kiwiki #dokuwiki__site #dokuwiki__top #dokuwiki__content__wrapper { 69 position: relative; 70 } 71 72 #kiwiki #dokuwiki__site #dokuwiki__content__wrapper #dokuwiki__aside { 73 width: 100%; 74 float: none; 75 margin-bottom: 1.4em; 76 order: 1; 77 position: sticky; 78 top: 0; 79 z-index: 8; 80 margin: 0; 81 } 82 83 #kiwiki 84 #dokuwiki__site 85 #dokuwiki__content__wrapper 86 #dokuwiki__aside 87 .dokuwiki__aside__block, 88 #kiwiki 89 #dokuwiki__site 90 #dokuwiki__content__wrapper 91 #dokuwiki__aside 92 #dw__toc { 93 padding: 0; 94 overflow: hidden; 95 display: flex; 96 flex-direction: column; 97 } 98 99 #kiwiki #dokuwiki__site #dokuwiki__content__wrapper #dokuwiki__aside h3 { 100 font-size: 18px; 101 padding: 10px 5px; 102 text-transform: uppercase; 103 } 104 #kiwiki 105 #dokuwiki__site 106 #dokuwiki__content__wrapper 107 #dokuwiki__aside 108 .kiwiki-main-menu 109 h3 { 110 text-align: center; 111 cursor: pointer; 112 margin: 0; 113 } 114 115 #kiwiki 116 #dokuwiki__site 117 #dokuwiki__content__wrapper 118 #dokuwiki__aside 119 .kiwiki-main-menu 120 h3:hover { 121 background-color: var(--kiwiki-btn-hover-bg); 122 color: var(--kiwiki-btn-hover-text); 123 } 124 125 #kiwiki 126 #dokuwiki__site 127 #dokuwiki__content__wrapper 128 #dokuwiki__aside 129 .kiwiki-main-menu 130 h3:after { 131 content: "+"; 132 float: right; 133 margin: 0 0.2em; 134 } 135 #kiwiki 136 #dokuwiki__site 137 #dokuwiki__content__wrapper 138 #dokuwiki__aside 139 .kiwiki-main-menu.open 140 h3:after { 141 content: "−"; 142 } 143 #kiwiki 144 #dokuwiki__site 145 #dokuwiki__content__wrapper 146 #dokuwiki__aside 147 .kiwiki-main-menu 148 h3 149 + *:not(.edit-this), 150 #kiwiki 151 #dokuwiki__site 152 #dokuwiki__content__wrapper 153 #dokuwiki__aside 154 #dw__toc { 155 display: none; 156 text-align: center; 157 margin-bottom: 20px; 158 } 159 #kiwiki 160 #dokuwiki__site 161 #dokuwiki__content__wrapper 162 #dokuwiki__aside 163 .kiwiki-main-menu.open 164 h3 165 + *:not(.edit-this), 166 #kiwiki 167 #dokuwiki__site 168 #dokuwiki__content__wrapper 169 #dokuwiki__aside 170 .kiwiki-main-menu.open 171 + #dw__toc { 172 display: initial; 173 } 174 175 #kiwiki #dokuwiki__site #dokuwiki__content__wrapper #dokuwiki__aside > div { 176 margin: 0; 177 } 178 179 #kiwiki #dokuwiki__content { 180 width: 100%; 181 float: none; 182 margin-left: 0; 183 margin-right: 0; 184 order: 2; 185 } 186 #kiwiki #dokuwiki__site #dokuwiki__content__wrapper { 187 width: 100%; 188 max-width: initial; 189 flex-direction: column; 190 flex-wrap: wrap; 191 } 192 #kiwiki #dokuwiki__content > .group { 193 margin-left: 0; 194 padding: 0; 195 } 196 #kiwiki #dokuwiki__content > .group > .page.group { 197 padding: 15px; 198 } 199 #kiwiki #dokuwiki__content ul { 200 padding: 0 0 0 20px; 201 } 202 #kiwiki #dokuwiki__content ul.admin_tasks { 203 padding: 0; 204 } 205 #kiwiki [dir="rtl"] .hasSidebar #dokuwiki__content > div { 206 margin-right: 0; 207 } 208 209 #kiwiki #dokuwiki__header .a11y.skip, 210 #kiwiki #dokuwiki__aside hr.a11y { 211 left: auto !important; 212 top: auto !important; 213 width: auto !important; 214 height: auto !important; 215 position: static !important; 216 } 217 218 #kiwiki [dir="rtl"] #dokuwiki__header .a11y.skip, 219 #kiwiki [dir="rtl"] #dokuwiki__aside hr.a11y { 220 right: auto !important; 221 left: 1em !important; 222 } 223 224 #kiwiki .tools { 225 text-align: left; 226 } 227 228 #kiwiki [dir="rtl"] .tools { 229 text-align: right; 230 } 231 #kiwiki #dokuwiki__content > .other, 232 #kiwiki #dokuwiki__content > .other ul { 233 flex-wrap: wrap; 234 } 235 236 #kiwiki pre { 237 word-wrap: break-word; 238 } 239 #kiwiki .edit-this { 240 left: 4px; 241 right: 4px; 242 width: fit-content; 243 } 244 /*EXTENSIONS*/ 245 #kiwiki #extension__list .legend > div { 246 grid-template-columns: 20% 80%; 247 border-right: 0; 248 border-bottom: 1px solid var(--kiwiki-ui-300); 249 padding-bottom: 15px; 250 } 251 #kiwiki #dokuwiki__content #extension__list ul.extensionList { 252 padding: 0; 253 } 254 #kiwiki #extension__list ul.extensionList li { 255 display: flex; 256 flex-direction: column; 257 gap: 15px; 258 justify-content: center; 259 background-color: var(--kiwiki-ui-300); 260 border-radius: 10px; 261 border: 0; 262 } 263 264 #kiwiki #extension__list .legend, 265 #kiwiki #extension__manager .actions { 266 width: 100%; 267 float: none; 268 display: flex; 269 justify-content: center; 270 } 271 272 #kiwiki #extension__list .legend dl.details { 273 border-radius: 0; 274 } 275 #kiwiki #extension__list.hasDisplayOptions .enabled, #kiwiki #extension__list.hasDisplayOptions .disabled, #kiwiki #extension__list.hasDisplayOptions .updatable{ 276 display: none; 277 } 278 #kiwiki #extension__list.hasDisplayOptions.enabled .enabled, #kiwiki #extension__list.hasDisplayOptions.disabled .disabled, #kiwiki #extension__list.hasDisplayOptions.updatable .updatable{ 279 display: flex; 280 } 281 282 /*GO TOP/BOTTOM*/ 283 #kiwiki #go { 284 flex-direction: column; 285 } 286 287} /* /@media */ 288