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