xref: /template/sprintdoc/css/plugins/struct.less (revision 4a1a2863dbd840c3cb0772c6adca687418dc4539) 
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_content");
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        z-index: 3;
105        box-shadow: @box-shadow-bottom;
106
107        .hint p {
108            color: @color-editBox;
109            margin-top: @small-spacing;
110            margin-bottom: @margin-small;
111        }
112
113        button[type="submit"] + button {
114            min-height: @formfield_min-height;
115            vertical-align: middle;
116            margin-left: @small-spacing;
117        }
118    }
119}
120
121
122/* + + + + +  form - Struct Schema Editor  + + + + + */
123form {
124    &.doku_form.struct_newschema {
125        fieldset {
126            > label {
127                > span:first-child {
128                    display: inline-block;
129
130                    @media @screen_min-lg {
131                        width: 48.8%;
132                    }
133
134                    @media @screen_max-lg {
135                        width: 48.5%;
136                    }
137                }
138
139                > input[type="text"] {
140                    width: 50%;
141                }
142            }
143
144            button {
145                cursor: pointer;
146                box-shadow: none;
147                background-image: none;
148                background-color: @ini_button_background;
149                border: 1px solid @ini_button_background;
150                border-radius: @fix_border-radius;
151                color: @ini_button_color;
152                vertical-align: top;
153                margin-top: .3em;
154                padding: .3em @grid;
155                transition: @transition background-color, @transition color;
156
157                &:hover,
158                &:active,
159                &:focus {
160                    background-color: @ini_button_color;
161                    color: @ini_button_background;
162                }
163
164                + p {
165                    padding-top: 1rem;
166                }
167            }
168        }
169    }
170}
171