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