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