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