1/** 2 * This file provides the definitions dealing with flex-boxes. 3 * 4 * @author LarsDW223 5 */ 6 7/* Taken from Icons - Material Design (material.io) */ 8.scroll_up_area img { 9 width:100%; 10 height:100%; 11} 12 13/* Taken from Icons - Material Design (material.io) */ 14.scroll_down_area img { 15 width:100%; 16 height:100%; 17} 18 19#dokuwiki__site { 20 max-width: @ini_site_width; 21} 22 23#dokuwiki__site > div { 24 text-align: left; 25 overflow: hidden; 26} 27 28.dokuwiki div.page { 29 padding: 1em; 30 margin: 0; 31} 32 33.border_semi_transparent { 34 border: 10px solid hsla(0, 0%, 100%, .5); 35 background-clip: padding-box; 36} 37 38.corners_round { 39 border-radius: 25px; 40} 41 42.no_text p, 43.no_text span { 44 display: none; 45} 46 47.no_icons img, 48.no_icons svg { 49 display: none; 50} 51 52.dokuwiki__pagetools { 53 padding: 0 0.25em; 54 margin: auto; 55 overflow-x: hidden; 56} 57 58.dokuwiki__pagetools a { 59 display: inline-block; 60 padding: 0; 61 margin: 0; 62} 63 64.dokuwiki__pagetools li { 65 white-space: nowrap; 66 margin: 0; 67 vertical-align: middle; 68} 69 70.dokuwiki__pagetools li span { 71 margin: 0; 72} 73 74.dokuwiki__pagetools img, 75.dokuwiki__pagetools svg { 76 padding: 2px 0; 77 margin: 0; 78 min-width: 32px; 79 min-height: 32px; 80 display: inline-block; 81} 82 83.dokuwiki__pagetools li { 84 list-style: none; 85} 86 87.dokuwiki__content { 88 display: flex; 89 flex-direction: column; 90 overflow: hidden; 91} 92 93.dokuwiki .page { 94 flex-basis: 100%; 95 96 white-space: wrap; 97 word-wrap: break-word; 98 text-overflow: ellipsis; 99 100 height: 100%; 101 overflow-x: hidden; 102 overflow-y: auto; 103} 104 105div.content { 106 padding: 1em; 107 white-space: nowrap; 108 overflow: hidden; 109 text-overflow: ellipsis; 110 overflow-y: scroll; 111} 112 113div.grid-empty { 114 opacity: 0; 115} 116 117div.flex-row { 118 display: flex; 119 flex-direction: row; 120 justify-content: center; 121 align-items: center; 122} 123 124div.flex-column { 125 padding: 0; 126 margin: 0; 127 display: flex; 128 flex-direction: column; 129} 130 131div.cont2 { 132 margin: auto; 133} 134 135div.same_height { 136 width: 100%; 137} 138 139div.same_height.childs1 > div { 140 height: 100%; 141} 142 143div.same_height.childs2 > div { 144 height: 50%; 145} 146 147div.same_height.childs3 > div { 148 height: 33%; 149} 150 151div.same_height.childs4 > div { 152 height: 25%; 153} 154 155div.same_height.childs5 > div { 156 height: 20%; 157} 158 159div.same_height.childs6 > div { 160 height: 16%; 161} 162 163div.same_height.childs7 > div { 164 height: 14%; 165} 166 167div.same_height.childs8 > div { 168 height: 12.5%; 169} 170 171div.same_height.childs9 > div { 172 height: 11.11%; 173} 174 175div.same_height.childs10 > div { 176 height: 10%; 177} 178 179/* 180div.same_width { 181 height: 100%; 182} 183 184div.same_width.childs1 > div { 185 width: 100%; 186} 187 188div.same_width.childs2 > div { 189 width: 50%; 190} 191 192div.same_width.childs3 > div { 193 width: 33%; 194} 195 196div.same_width.childs4 > div { 197 width: 25%; 198} 199 200div.same_width.childs5 > div { 201 width: 20%; 202} 203 204div.same_width.childs6 > div { 205 width: 16%; 206} 207 208div.same_width.childs7 > div { 209 width: 14%; 210} 211 212div.same_width.childs8 > div { 213 width: 12.5%; 214} 215 216div.same_width.childs9 > div { 217 width: 11.11%; 218} 219 220div.same_width.childs10 > div { 221 width: 10%; 222} 223*/ 224 225div.grid-invalid { 226 display: flex; 227 background-color: @ini_background; 228 color: red; 229 font-weight: bold; 230 flex-direction: row; 231 justify-content: space-between; 232 align-items: center; 233 margin: auto; 234} 235 236div.grid-invalid div { 237 color: red; 238 font-weight: bold; 239 background-color: white; 240} 241