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