xref: /template/sprintdoc/css/plugins/struct.less (revision d9d97457c39e04d8c09c10facf24ad8712cddae3) 
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                overflow-x: hidden;
51                background: transparent url("svg.php?svg=file-export.svg&f=existing") left center no-repeat;
52                background-size: auto 20px;
53                border: solid 1px @ini_border;
54                border-radius: 0 0 @fix_border-radius @fix_border-radius;
55                color: @ini_existing;
56                font-size: @font-size-small;
57                line-height: 1;
58                margin-top: -1px;
59                padding-top: .4em;
60                transition: @transition background-color, @transition border-color, @transition color;
61
62                &:hover,
63                &:focus,
64                &:active {
65                    background-color: @ini_existing;
66                    background-image: url("svg.php?svg=file-export.svg&f=background");
67                    border-color: @ini_existing;
68                    color: @ini_background;
69                    text-decoration: none;
70                }
71            }
72        }
73    }
74
75    #plugin__struct_output{
76        margin-right: 0;
77    }
78
79    .struct_entry_form {
80        margin-bottom: 2rem;
81
82        > fieldset {
83            margin-top: 1.5rem;
84        }
85    }
86
87    textarea + .struct_entry_form {
88        margin-top: -.5rem;
89    }
90
91    div.editBox {
92        .struct_entry_form {
93            label span.label {
94                color: @color-editBox;
95            }
96        }
97    }
98}
99
100
101/* + + + + +  struct inline-editor  + + + + + */
102.dokuwiki {
103    .struct_inlineditor {
104        box-shadow: @box-shadow-bottom;
105
106        p.hint {
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