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