1/* =Struct Plugin
2----------------------------------------------- */
3
4.dokuwiki {
5    .struct_status {
6        width: 100%;
7        height: 40px;
8        padding: 5px 10px;
9        background: transparent;
10        color: @ini_text;
11        border: 5px solid @ini_background_alt;
12        font-size: 14px;
13        line-height: 1.43;
14        -webkit-box-sizing: border-box;
15        -moz-box-sizing:    border-box;
16        box-sizing:         border-box;
17        -webkit-border-radius: 20px;
18        -moz-border-radius:    20px;
19        border-radius:         20px;
20    }
21    .structaggregation {
22        table {
23            button.delete {
24                background: @ini_theme_color;
25                color: @ini_background;
26                border: 0;
27                padding: 4px 12px;
28                height: 40px;
29                -webkit-border-radius: 20px;
30                -moz-border-radius:    20px;
31                border-radius:         20px;
32                transition: all 0.5s ease;
33                i {
34                    background-image: none;
35                    display: inline;
36                    font-style: normal;
37                    margin-top: 0px;
38
39                    &:before {
40                        font-family: "bootstrap-icons";
41                        content: "\F5DE";
42                        font-size: 16px;
43                        font-weight: normal;
44                        line-height: 16px;
45                        vertical-align: middle;
46                        color: @ini_background;
47                    }
48                }
49                &:hover {
50                    background: @ini_theme_color_alt;
51                }
52            }
53        }
54    }
55    .struct_entry_form {
56        div.field {
57            display: flex;
58            flex-direction: row;
59            align-items: center;
60            vertical-align: middle;
61            transition: all 0.5s ease;
62            padding: 8px;
63
64            label {
65                text-align: right;
66
67                span.label {
68                    text-align: right;
69                    padding-right: 24px;
70                }
71            }
72            &:has(> label[data-column*=".hidden_"]) {
73                display: none;
74            }
75            &:hover {
76                input, select, textarea {
77                    border: 5px solid @ini_theme_color !important;
78                }
79            }
80        }
81        button[type="submit"] {
82            background: @ini_theme_color;
83            color: @ini_background;
84            border: 0;
85            margin: 16px 16px 8px 16px;
86            height: 40px;
87            -webkit-border-radius: 20px;
88            -moz-border-radius:    20px;
89            border-radius:         20px;
90            transition: all 0.5s ease;
91            &:hover {
92                background: @ini_theme_color_alt;
93            }
94        }
95    }
96    #plugin__struct_editor {
97        fieldset {
98            padding: 0px;
99            background: @ini_background_alt;
100        }
101    }
102    .struct_inlineditor {
103        padding: 16px;
104        border-radius: 20px;
105        background: @ini_background_alt;
106
107        input, select, textarea {
108            border: 5px solid @ini_background_neu !important;
109            &:focus {
110                border: 5px solid @ini_theme_color !important;
111            }
112        }
113    }
114}
115