xref: /plugin/struct/style.less (revision ed3de3d67c65b9b61c3e1eeabb225a2664ee001d) 
1/**
2 * The input entry form
3 */
4#dw__editform .struct {
5    margin-bottom: 1em;
6
7    fieldset {
8        width: 100%;
9        padding: 0.5em 0;
10        display: table;
11
12        legend {
13            text-align: left;
14            padding-left: 17px;
15            cursor: pointer;
16            margin-left: 1em;
17            background: transparent url(../../images/open.png) 5px center no-repeat;
18            font-weight: bold;
19        }
20    }
21
22    fieldset.closed {
23        padding: 0;
24
25        * {
26            display: none;
27        }
28
29        legend {
30            display: block;
31            background: transparent url(../../images/closed.png) 5px center no-repeat;
32        }
33    }
34
35    label {
36        display: table-row;
37        text-align: left;
38
39        &:hover {
40            background-color: @ini_background_alt;
41        }
42
43        span.label {
44            width: 10em;
45            display: table-cell;
46            padding-left: 0.5em;
47            padding-top: 0.25em;
48            padding-bottom: 0.25em;
49        }
50
51        span.label.hashint {
52            background: url(../../images/info.png) no-repeat right center;
53        }
54
55        span.input {
56            display: table-cell;
57            padding-left: 0.25em;
58            padding-top: 0.25em;
59            padding-bottom: 0.25em;
60
61            input:not([type='checkbox']), textarea, select {
62                width: 190px;
63            }
64        }
65    }
66
67    // this should not influence the design
68    .newtemplate {
69        display: inline;
70    }
71    // add some spacing to multi-value fields
72    .multiwrap {
73        display: inline-block;
74        margin: 0 0.25em 0.25em 0;
75    }
76}
77
78/**
79 * Tabs in the Schema Editor
80 */
81#plugin__struct_json {
82    border: 1px solid @ini_border;
83    border-top: none;
84    display: block;
85    padding: 2em;
86
87    fieldset {
88        margin-bottom: 1em;
89    }
90}
91
92/**
93 * The Schema Editor
94 */
95#plugin__struct_editor {
96    table.inline {
97        width: 100%;
98        border-top: none;
99
100        tr:first-child {
101            border-top: none;
102
103            th {
104                border-top: none;
105            }
106        }
107    }
108
109    tr.disabled {
110        td {
111            opacity: 0.5;
112        }
113
114        // collapse config block
115        td.config > div {
116            overflow: auto;
117            height: 2em;
118            div.jsoneditor-outer {
119                margin: 0;
120                padding: 0;
121            }
122        }
123
124        td.isenabled {
125            opacity: 1;
126        }
127    }
128}
129
130/**
131 * In page output
132 */
133#plugin__struct_output {
134    margin-right: 16em; // space for the TOC
135    border: 1px solid @ini_border;
136    margin-bottom: 1.2em;
137
138    div.table {
139        margin: 0;
140
141        table {
142            font-size: 90%;
143            width: 100%;
144            border: none;
145            margin: 0;
146
147            td, th {
148                background-color: transparent;
149                vertical-align: top;
150                border: none;
151            }
152
153            tbody th {
154                width: 20%;
155                text-align: right;
156
157                &::after {
158                    content: ':';
159                }
160            }
161
162            thead th {
163                background-color: @ini_background_alt;
164                text-align: center;
165                font-size: 110%;
166                font-weight: normal;
167            }
168        }
169    }
170}
171
172/**
173 * Aggregation
174 */
175.structaggregation {
176    table th {
177        a {
178            color: @ini_link;
179            font-weight: bold;
180
181            &.sort-up::before {
182                content: '↑';
183            }
184            &.sort-down::before {
185                content: '↓';
186            }
187        }
188
189        input {
190            width: 20px;
191            background-image: url(../../tpl/dokuwiki/images/search.png);
192            background-repeat: no-repeat;
193            background-position: 2px center;
194            padding-left: 20px;
195        }
196
197        input:not([value]) {
198            opacity: 0.5;
199        }
200
201        input:focus {
202            width: auto;
203            opacity: 1;
204        }
205    }
206}
207
208