xref: /template/sprintdoc/css/plugins/bureaucracy.less (revision b6b228b16d3e618ad3eec47bc63240bdc8a8d87b) 
1/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
2/* all media */
3/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
4
5.dokuwiki form.bureaucracy__plugin {
6    fieldset {
7        width: 100%;
8        max-width: 800px;
9        box-sizing: border-box;
10        border: 0 none;
11        text-align: center;
12        margin-left: 0;
13        margin-bottom: (@grid * 2);
14        padding: @grid 0 0;
15
16        > *:not(button) {
17            text-align: left;
18        }
19    }
20
21    legend {
22        font-size: 1.12em;
23        font-weight: bold;
24        text-align: left;
25    }
26
27    label {
28        clear: both;
29        padding-top: (@grid / 2);
30
31        &::after {
32            content: '';
33            clear: both;
34        }
35
36        sup {
37            float: right;
38            font-size: 1em;
39        }
40
41        input,
42        select {
43            float: left;
44            width: 50%;
45            min-height: 2em;
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            width: 50%;
59            text-align: right;
60            line-height: @line-height-default;
61            padding-top: .2em;
62            padding-right: @grid;
63
64            &:not([class]) {
65                font-weight: bold;
66                margin-top: .5em;
67
68                + input,
69                + select {
70                    margin-top: .3em;
71                }
72
73                // checkboxes
74                + input + input {
75                    margin-top: .3em;
76                }
77            }
78
79            &.label {
80                text-align: right;
81                padding-top: .5em;
82            }
83
84            &.input {
85                width: 49%;
86                text-align: left;
87                padding-left: 0;
88            }
89        } // span
90    } // label
91
92    button[type="submit"] {
93        background-image: none;
94        background-color: @button_background;
95        border: solid 1px @button_background;
96        color: @button_color;
97        font-weight: bold;
98        margin-top: (@grid * 2);
99        padding: .4em @grid;
100        transition: @transition background-color, @transition color;
101
102        &:hover,
103        &:focus,
104        &:active {
105            background-color: @button_color;
106            color: @button_background;
107        }
108    }
109}
110
111
112
113
114#icke__page .content ul.autocompletion {}
115
116ul.autocompletion li {}
117
118
119/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
120/* min-width: 1440px */
121
122@media @screen_min-xlg {
123    .dokuwiki form.bureaucracy__plugin {
124        p {
125            font-size: .9rem;
126        }
127    }
128}
129
130
131/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
132/* max-width: 1439px */
133
134@media @screen_max-xlg {
135    .dokuwiki form.bureaucracy__plugin {
136        p,
137        label,
138        button[type="submit"] {
139            font-size: 1rem;
140        }
141    }
142}
143
144