xref: /template/sprintdoc/css/plugins/struct.less (revision d3979d9e7a7664d6ed03415524bb192c1924dab3) 
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        // search button in table (f.i. "All products")
27        table th input {
28            &:not(:focus) {
29                cursor: pointer;
30            }
31
32            &:focus {
33                width: 100%;
34                box-sizing: border-box;
35            }
36        }
37
38        .table {
39            margin-bottom: 0;
40        }
41
42        > a {
43            position: absolute;
44            bottom: 0;
45            height: @link-height;
46            margin-bottom: 0;
47
48            &.export {
49                bottom: 1px;
50                background: transparent url("svg.php?svg=file-export.svg&f=existing") left center no-repeat;
51                background-size: auto 20px;
52                border: solid 1px @ini_border;
53                color: @ini_existing;
54                font-size: @font-size-small;
55                line-height: 1;
56                margin-top: -1px;
57                padding-top: .4em;
58                transition: @transition background-color, @transition border-color, @transition color;
59
60                &:hover,
61                &:focus,
62                &:active {
63                    background-color: @ini_existing;
64                    background-image: url("svg.php?svg=file-export.svg&f=background_content");
65                    border-color: @ini_existing;
66                    color: @ini_background_content;
67                    text-decoration: none;
68                }
69            }
70        }
71    }
72
73    #plugin__struct_output{
74        margin-right: 0;
75    }
76
77    .struct_entry_form {
78        margin-bottom: 2rem;
79
80        > fieldset {
81            margin-top: 1.5rem;
82        }
83    }
84
85    textarea + .struct_entry_form {
86        margin-top: -.5rem;
87    }
88
89    div.editBox {
90        .struct_entry_form {
91            label span.label {
92                color: @color-editBox;
93            }
94        }
95    }
96}
97
98
99/* + + + + +  struct inline-editor  + + + + + */
100.dokuwiki {
101    .struct_inlineditor {
102        z-index: 3;
103        box-shadow: @box-shadow-bottom;
104
105        .hint p {
106            color: @color-editBox;
107            margin-top: @small-spacing;
108            margin-bottom: @margin-small;
109        }
110
111        button[type="submit"] + button {
112            min-height: @formfield_min-height;
113            vertical-align: middle;
114            margin-left: @small-spacing;
115        }
116    }
117}
118
119
120/* + + + + +  form - Struct Schema Editor  + + + + + */
121form {
122    &.doku_form.struct_newschema {
123        fieldset {
124            > label {
125                > span:first-child {
126                    display: inline-block;
127
128                    @media @screen_min-lg {
129                        width: 48.8%;
130                    }
131
132                    @media @screen_max-lg {
133                        width: 48.5%;
134                    }
135                }
136
137                > input[type="text"] {
138                    width: 50%;
139                }
140            }
141
142            button {
143                cursor: pointer;
144                box-shadow: none;
145                background-image: none;
146                background-color: @ini_button_background;
147                border: 1px solid @ini_button_background;
148                border-radius: @fix_border-radius;
149                color: @ini_button_color;
150                vertical-align: top;
151                margin-top: .3em;
152                padding: .3em @grid;
153                transition: @transition background-color, @transition color;
154
155                &:hover,
156                &:active,
157                &:focus {
158                    background-color: @ini_button_color;
159                    color: @ini_button_background;
160                }
161
162                + p {
163                    padding-top: 1rem;
164                }
165            }
166        }
167    }
168}
169