1/**
2 * This file provides styles for config manager
3 */
4
5/* + + + + +  config__manager  + + + + + */
6#dokuwiki__content {
7    #config__manager {
8        fieldset {
9            min-width: 100%;
10            overflow-x: auto;
11            box-sizing: border-box;
12            background-color: @background_darker;
13            margin-left: 0;
14            margin-right: 0;
15        }
16
17        .selectiondefault {
18            background-color: transparent;
19            color: inherit;
20        }
21
22        tr {
23            .input {
24                background-color: transparent;
25                color: inherit;
26            }
27
28            &:hover {
29                td {
30                    color: inherit;
31                }
32            }
33        }
34
35        tr.default {
36            .input {
37                background-color: transparent;
38            }
39        }
40
41        td.label {
42            padding: .8em 0 1.2em 1em;
43
44            span.outkey {
45                background-color: @ini_background;
46                color: inherit;
47                font-size: (@font-size-small - .06);
48                font-weight: bold;
49                padding: 0 @very-small-spacing;
50
51                a {
52                    font-size: inherit;
53                }
54            }
55
56            label {
57                line-height: @line-height-big;
58            }
59        }
60    }
61}
62
63/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
64/* max-width: 1024px */
65@media @screen_max-md {
66    #dokuwiki__content {
67        #config__manager {
68            td {
69                &.label {
70                    label,
71                    span {
72                        font-size: @font-size-small;
73                    }
74                }
75
76                &.label + td {
77                    font-size: @font-size-small;
78
79                    span {
80                        font-size: inherit;
81                    }
82                }
83
84                select,
85                input.edit {
86                    font-size: @font-size-small;
87                }
88            }
89
90            .selectiondefault {
91                label {
92                    font-size: @font-size-small;
93                }
94            }
95        }
96    }
97}
98
99/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
100/* max-width: 768px */
101@media @screen_max-sm {
102    #dokuwiki__content {
103        #config__manager {
104            table {
105                border-top: 0 none;
106            }
107
108            td {
109                padding-top: 0;
110
111                &.label {
112                    display: block;
113                    width: 100%;
114                    border: 0 none;
115                    border-top: 1px solid @ini_border;
116                    border-bottom: 0 none;
117                    padding: .8em .5em .3em;
118
119
120                    span.outkey {
121                        margin-left: 0;
122                    }
123                }
124
125                .input {
126                    width: 100%;
127                }
128
129
130                &.value,
131                &.label + td {
132                    display: block;
133                    width: 100%;
134                    border: 0 none;
135                    margin-bottom: 1.2rem;
136                }
137
138                select,
139                input.edit {
140                    width: 100%;
141                    text-overflow: ellipsis;
142                }
143            }
144
145            .selectiondefault {
146                float: none;
147                max-width: 100%;
148                width: auto;
149
150                label {
151                    width: 90%;
152                }
153            }
154        }
155    }
156}
157