xref: /plugin/struct/style.less (revision 28b818ce3a66c4ba844635bd790b3cf768a357d8) 
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    }
62
63    // this should not influence the design
64    .newtemplate {
65        display: inline;
66    }
67    // add some spacing to multi-value fields
68    .multiwrap {
69        display: inline-block;
70        margin: 0 0.25em 0.25em 0;
71    }
72}
73
74/**
75 * The Schema Editor
76 */
77#plugin__struct_editor {
78    tr.disabled {
79        td {
80            opacity: 0.5;
81        }
82
83        // collapse config block
84        td.config > div {
85            overflow: auto;
86            height: 2em;
87            div.jsoneditor-outer {
88                margin: 0;
89                padding: 0;
90            }
91        }
92
93        td.isenabled {
94            opacity: 1;
95        }
96    }
97}
98
99/**
100 * In page output
101 */
102#plugin__struct_output {
103    margin-right: 16em; // space for the TOC
104    border: 1px solid @ini_border;
105    margin-bottom: 1.2em;
106
107    div.table {
108        margin: 0;
109
110        table {
111            font-size: 90%;
112            width: 100%;
113            border: none;
114            margin: 0;
115
116            td, th {
117                background-color: transparent;
118                vertical-align: top;
119                border: none;
120            }
121
122            tbody th {
123                width: 20%;
124                text-align: right;
125
126                &::after {
127                    content: ':';
128                }
129            }
130
131            thead th {
132                background-color: @ini_background_alt;
133                text-align: center;
134                font-size: 110%;
135                font-weight: normal;
136            }
137        }
138    }
139}
140
141/**
142 * Aggregation
143 */
144.structaggregation {
145    table th a {
146        color: @ini_link;
147        font-weight: bold;
148
149        &.sort-up::before {
150                content: '↑';
151        }
152        &.sort-down::before {
153            content: '↓';
154        }
155
156    }
157}
158
159