xref: /template/sprintdoc/css/plugins/struct.less (revision 755c6c7959bc54bc95d3abf7c107fd764705edc4) 
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.dokuwiki .struct_inlineditor {
99    z-index: 3;
100}
101
102
103/* + + + + +  form - Struct Schema Editor  + + + + + */
104form {
105    &.doku_form.struct_newschema {
106        fieldset {
107            > label {
108                > span:first-child {
109                    display: inline-block;
110
111                    @media @screen_min-lg {
112                        width: 48.8%;
113                    }
114
115                    @media @screen_max-lg {
116                        width: 48.5%;
117                    }
118                }
119
120                > input[type="text"] {
121                    width: 50%;
122                }
123            }
124
125            button {
126                cursor: pointer;
127                box-shadow: none;
128                background-image: none;
129                background-color: @ini_button_background;
130                border: 1px solid @ini_button_background;
131                border-radius: @fix_border-radius;
132                color: @ini_button_color;
133                vertical-align: top;
134                margin-top: .3em;
135                padding: .3em @grid;
136                transition: @transition background-color, @transition color;
137
138                &:hover,
139                &:active,
140                &:focus {
141                    background-color: @ini_button_color;
142                    color: @ini_button_background;
143                }
144
145                + p {
146                    padding-top: 1rem;
147                }
148            }
149        }
150    }
151}
152