1/**
2 * This file provides styles for bureaucracy plugin
3 */
4
5/* + + + + +  global  + + + + + */
6.dokuwiki form.bureaucracy__plugin {
7    fieldset {
8        width: 100%;
9        max-width: 800px;
10        box-sizing: border-box;
11        border: 0 none;
12        text-align: center;
13        margin-left: 0;
14        margin-bottom: (@grid * 2);
15        padding: @grid 0 0;
16
17        > *:not(button) {
18            text-align: left;
19        }
20    }
21
22    legend {
23        font-size: @font-size-small;
24        font-weight: bold;
25        text-align: left;
26    }
27
28    label {
29        clear: both;
30        padding-top: (@grid / 2);
31
32        &::after {
33            content: '';
34            clear: both;
35        }
36
37        sup {
38            float: right;
39            font-size: 1em;
40        }
41
42        input,
43        select {
44            float: left;
45            width: 50%;
46            text-align: left;
47            padding: .1em .2em;
48        }
49
50        input[type="checkbox"] {
51            width: 1.5rem;
52            height: 1.5rem;
53            background-image: none;
54        }
55
56        span {
57            float: left;
58            text-align: right;
59            line-height: @line-height-default;
60            padding-top: .2em;
61            padding-right: @grid;
62
63            &:not([class]) {
64                font-weight: bold;
65                margin-top: .5em;
66
67                + input,
68                + select {
69                    margin-top: .3em;
70                }
71
72                // checkboxes
73                + input + input {
74                    margin-top: .3em;
75                }
76            }
77
78            &.label {
79                text-align: right;
80                padding-top: .5em;
81            }
82
83            &.input {
84                width: 49%;
85                text-align: left;
86                padding-left: 0;
87            }
88        } // span
89    } // label
90
91    button[type="submit"] {
92        margin-top: (@grid * 2);
93    }
94}
95
96/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
97/* min-width: 1440px */
98@media @screen_min-xlg {
99    .dokuwiki form.bureaucracy__plugin {
100        p {
101            font-size: @font-size-default;
102        }
103    }
104}
105
106/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
107/* max-width: 1439px */
108@media @screen_max-xlg {
109    .dokuwiki form.bureaucracy__plugin {
110        p,
111        label,
112        button[type="submit"] {
113            font-size: @font-size-default;
114        }
115    }
116}
117