1/* =Form
2----------------------------------------------- */
3
4.dokuwiki {
5
6    form.doku_form {
7
8        fieldset {
9            padding: 8px 0px;
10            width: 100%;
11
12            legend {
13                margin-left: 16px;
14            }
15
16            button, input[type="submit"], input[type="reset"] {
17                margin: 16px 16px 8px 16px;
18            }
19        }
20
21        label:not([data-column]) {
22            display: flex;
23            flex-direction: row;
24            align-items: center;
25            vertical-align: middle;
26            transition: all 0.5s ease;
27            padding: 8px;
28
29            > span {
30                flex-grow: 0;
31                padding-right: 8px;
32                width: 12em;
33                text-align: right;
34            }
35
36            > select,
37            > textarea,
38            > input:not([type="submit"]):not([type="button"]):not([type="reset"]) {
39                width: auto;
40                flex-grow: 1;
41            }
42
43            &:hover {
44                background: @ini_background_alt;
45                input, select, textarea {
46                    border: 5px solid @ini_theme_color !important;
47                }
48            }
49        }
50    }
51
52    #dw__login,
53    #dw__resendpwd,
54    #dw__register {
55
56        fieldset {
57            text-align: left;
58        }
59        br {
60            display: none;
61        }
62        label[for="remember__me"] {
63            margin-left: 0px;
64            margin-bottom: 0px;
65            flex-direction: row-reverse;
66            text-align: left;
67
68            > input:not([type="submit"]):not([type="button"]):not([type="reset"]) {
69                flex-grow: 0;
70                margin-right: auto;
71            }
72        }
73        button[type="submit"] {
74            float: right;
75        }
76        p {
77            margin-top: 16px;
78        }
79    }
80
81    #dw__editform {
82
83        fieldset {
84            text-align: left;
85        }
86        label[for="plugin__linkback_toggle"],
87        label[for="edit__minoredit"] {
88            margin-left: 0px;
89            margin-bottom: 0px;
90            flex-direction: row-reverse;
91            text-align: left;
92
93            > span {
94                width: 24em;
95            }
96
97            > input:not([type="submit"]):not([type="button"]):not([type="reset"]) {
98                flex-grow: 0;
99                margin-right: auto;
100            }
101        }
102        .struct_entry_form {
103            margin-bottom: 0px;
104        }
105        #wiki__editbar {
106            display: flex;
107            flex-direction: column-reverse;
108
109            .editButtons {
110                margin-top: 16px;
111
112                button {
113                    margin-right: 8px;
114                }
115            }
116
117            #size__ctl {
118                margin-left: auto;
119            }
120        }
121    }
122}
123