xref: /template/sprintdoc/css/plugins/struct.less (revision 6b6e2bd6f7c3480955ad930b85c690650a3228ff) 
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
129
130/* + + + + +  form - Struct Schema Editor  + + + + + */
131form {
132    &.doku_form.struct_newschema {
133        fieldset {
134            > label {
135                > span:first-child {
136                    display: inline-block;
137
138                    @media @screen_min-lg {
139                        width: 48.8%;
140                    }
141
142                    @media @screen_max-lg {
143                        width: 48.5%;
144                    }
145                }
146
147                > input[type="text"] {
148                    width: 50%;
149                }
150            }
151
152            button {
153                cursor: pointer;
154                box-shadow: none;
155                background-image: none;
156                background-color: @ini_button_background;
157                border: 1px solid @ini_button_background;
158                border-radius: @fix_border-radius;
159                color: @ini_button_color;
160                vertical-align: top;
161                margin-top: .3em;
162                padding: .3em @grid;
163                transition: @transition background-color, @transition color;
164
165                &:hover,
166                &:active,
167                &:focus {
168                    background-color: @ini_button_color;
169                    color: @ini_button_background;
170                }
171
172                + p {
173                    padding-top: 1rem;
174                }
175            }
176        } // fieldset
177    }
178} // form
179