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