1/**
2 * This file provides styles for struct plugin
3 */
4
5/* + + + + +  global  + + + + + */
6#dokuwiki__content {
7    .structaggregation {
8        @link-height: 1.5rem;
9
10        position: relative;
11        padding-bottom: @link-height;
12        margin-bottom: @grid;
13
14        td,
15        th {
16            line-height: @line-height-default;
17
18            a {
19                //color: @ini_existing;
20                line-height: @line-height-default;
21            }
22        }
23
24        th {
25            a {
26                color: @ini_link_alt;
27            }
28        }
29
30        // search button in table (f.i. "All products")
31        table th input {
32            &:not(:focus) {
33                cursor: pointer;
34            }
35
36            &:focus {
37                width: 100%;
38                box-sizing: border-box;
39            }
40        }
41
42        .table {
43            margin-bottom: 0;
44        }
45
46        > a {
47            position: absolute;
48            bottom: 0;
49            height: @link-height;
50            margin-bottom: 0;
51
52            &.export {
53                bottom: 1px;
54                overflow-x: hidden;
55                background: transparent url("svg.php?svg=file-export.svg&f=existing") left center no-repeat;
56                background-size: auto 20px;
57                border: solid 1px @ini_border;
58                border-radius: 0 0 @fix_border-radius @fix_border-radius;
59                color: @ini_existing;
60                font-size: @font-size-small;
61                line-height: 1;
62                margin-top: -1px;
63                padding-top: .4em;
64                transition: @transition background-color, @transition border-color, @transition color;
65
66                &:hover,
67                &:focus,
68                &:active {
69                    background-color: @ini_existing;
70                    background-image: url("svg.php?svg=file-export.svg&f=background");
71                    border-color: @ini_existing;
72                    //color: @ini_background;
73                    text-decoration: none;
74                }
75            }
76        }
77    }
78
79    #plugin__struct_output {
80        margin-right: 0;
81
82        th {
83            background-color: @ini_background_alt;
84        }
85    }
86
87    .struct_entry_form {
88        margin-bottom: 2rem;
89
90        > fieldset {
91            margin-top: 1.5rem;
92        }
93    }
94
95    textarea + .struct_entry_form {
96        margin-top: -.5rem;
97    }
98
99    div.editBox {
100        .struct_entry_form {
101            label span.label {
102                color: @color-editBox;
103            }
104        }
105    }
106}
107
108/* + + + + +  struct inline-editor  + + + + + */
109.dokuwiki {
110    .struct_inlineditor {
111        box-shadow: @box-shadow-bottom;
112
113        p.hint {
114            margin-top: @small-spacing;
115            margin-bottom: @margin-small;
116        }
117
118        button[type="submit"] + button {
119            min-height: @formfield_min-height;
120            vertical-align: middle;
121            margin-left: @small-spacing;
122        }
123    }
124
125    /* struct fields for bureaucracy forms */
126    .bureaucracy__plugin {
127        .field {
128            clear: both;
129
130            label {
131                padding: 0;
132
133                .label {
134                    text-align: right;
135                    font-weight: bold;
136                    padding: 0;
137                }
138            }
139
140            .input {
141                line-height: 2.5em;
142            }
143        }
144    }
145}
146
147
148/* + + + + +  form - Struct Schema Editor  + + + + + */
149form {
150    &.doku_form.struct_newschema {
151        fieldset {
152            > label {
153                > span:first-child {
154                    display: inline-block;
155
156                    @media @screen_min-lg {
157                        width: 48.8%;
158                    }
159
160                    @media @screen_max-lg {
161                        width: 48.5%;
162                    }
163                }
164
165                > input[type="text"] {
166                    width: 50%;
167                }
168            }
169
170            button {
171                cursor: pointer;
172                box-shadow: none;
173                background-image: none;
174                background-color: @ini_button_background;
175                border: 1px solid @ini_button_background;
176                border-radius: @fix_border-radius;
177                color: @ini_button_color;
178                vertical-align: top;
179                margin-top: .3em;
180                padding: .3em @grid;
181                transition: @transition background-color, @transition color;
182
183                &:hover,
184                &:active,
185                &:focus {
186                    background-color: @ini_button_color;
187                    color: @ini_button_background;
188                }
189
190                + p {
191                    padding-top: 1rem;
192                }
193            }
194        } // fieldset
195    }
196} // form
197