xref: /template/writr/css/components/form.less (revision e3396a6a8154bf909fcbad0d092e973943e0b6a6)
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