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