xref: /plugin/struct/style.less (revision 650e9493401c8f9f1230c886e395fd0eafde9638) 
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        div.input {
52            display: table-cell;
53            padding-left: 11em;
54            padding-top: 0.25em;
55            padding-bottom: 0.25em;
56        }
57    }
58
59    // this should not influence the design
60    .newtemplate {
61        display: inline;
62    }
63    // add some spacing to multi-value fields
64    .multiwrap {
65        display: inline-block;
66        margin: 0 0.25em 0.25em 0;
67    }
68}
69
70/**
71 * The Schema Editor
72 */
73#plugin__struct_editor {
74    tr.disabled {
75        td {
76            opacity: 0.5;
77        }
78
79        // collapse config block
80        td.config > div {
81            overflow: auto;
82            height: 2em;
83            div.jsoneditor-outer {
84                margin: 0;
85                padding: 0;
86            }
87        }
88
89        td.isenabled {
90            opacity: 1;
91        }
92    }
93}
94
95/**
96 * In page output
97 */
98#plugin__struct_output {
99    table {
100        font-size: 90%;
101        width: 100%;
102        margin-bottom: 1em;
103
104        border: none;
105        td, th {
106            background-color: transparent;
107            border: none;
108            border-top: 1px solid @ini_border;
109        }
110        tr:first-child td,
111        tr:first-child th {
112            border: none;
113        }
114
115        tbody th {
116            width: 20%;
117        }
118
119        thead th {
120            background-color: @ini_background_alt;
121            text-align: center;
122            font-size: 120%;
123            font-weight: normal;
124        }
125    }
126}
127
128/**
129 * Aggregation
130 */
131.structaggregation {
132    table th a:link,
133    table th a:hover,
134    table th a:active,
135    table th a:visited {
136        color: @ini_link;
137        font-weight: bold;
138    }
139}
140#dokuwiki__content .structaggregation table th span.curid a {
141    // specifity override
142    font-weight: bold;
143}
144
145