1.dokuwiki {
2
3    #layoutcontainer {
4        fieldset {
5            width: 80%;
6
7            &.borderless {
8                border: none;
9            }
10
11            legend {
12                text-decoration: underline;
13                cursor: pointer;
14            }
15
16            .layoutform_wrapper {
17                display: flex;
18
19                > div {
20                    flex-grow: 1;
21                }
22            }
23
24            label {
25                display: block;
26                text-align: left;
27                margin-bottom: 5px;
28
29                span {
30                    display: inline-block;
31                    width: 40%;
32                }
33            }
34        }
35
36        margin-bottom: 5px;
37    }
38
39    div.floatwrapper {
40        margin: 0 0 1em;
41
42        div.table > table {
43            margin-right: 15px;
44        }
45
46        &.center {
47            clear: both;
48            margin-left: auto;
49            margin-right: auto;
50            display: table;
51        }
52
53        &.left {
54            float: left;
55            margin-right: 1em;
56            margin-left: 0;
57        }
58
59        &.right {
60            float: right;
61            margin-right: 0;
62            margin-left: 1em;
63        }
64
65        div.editbutton_table {
66            margin-bottom: 0;
67        }
68    }
69
70    div.table {
71        &.hasSearch {
72            margin-top: 3rem;
73        }
74        > div.globalSearch {
75            margin-bottom: 5px;
76
77            label {
78                font-weight: bold;
79                vertical-align: middle;
80            }
81
82            input {
83                margin-left: 0.5rem;
84            }
85        }
86
87        > div {
88            overflow-x: hidden;
89        }
90
91        td, th {
92            word-wrap: break-word;
93            -webkit-hyphens: auto;
94            -ms-hyphens: auto;
95            hyphens: auto;
96
97        }
98
99        .searchSortRow {
100            td > div, th > div {
101                display: flex;
102                justify-content: flex-end;
103
104                input {
105                    width: 5px;
106                    flex-grow: 1;
107                    flex-shrink: 1;
108                }
109
110                button.sortable {
111                    flex-grow: 0;
112                    padding: 0.7em;
113                    margin-left: 0.3em;
114                    margin-right: 0.3em;
115                    background: white no-repeat;
116                    background-position-x: right;
117                    background-size: 100%;
118                    border: 1px solid #ccc;
119                    border-radius: 3px;
120
121                    &:hover {
122                        background-color: white;
123                    }
124
125                    &.unsorted {
126                        background-image: url('images/sort.svg');
127                    }
128
129                    &.sorted_asc {
130                        background-image: url('images/sort-ascending.svg');
131                    }
132
133                    &.sorted_desc {
134                        background-image: url('images/sort-descending.svg');
135                    }
136                }
137
138            }
139        }
140
141        table.flexiblewidth {
142            min-width: unset;
143            width: unset;
144        }
145
146        table.widthsfixed {
147            width: 10px;
148            table-layout: fixed;
149        }
150    }
151
152    div.secedit.editbutton_table a.button.print {
153        margin-left: 0.6em;
154        padding: 0 0.3em;
155        background-image: none;
156        display: inline-block;
157        float: none;
158        color: @ini_link;
159        border: 1px solid @ini_border;
160        border-top: none;
161
162        height: 1.8em;
163        line-height: 1.8em;
164        font-size: 75%;
165
166
167        border-top-right-radius: 0;
168        -moz-border-radius-topright: 0;
169        -webkit-border-top-right-radius: 0;
170
171        border-top-left-radius: 0;
172        -moz-border-radius-topleft: 0;
173        -webkit-border-top-left-radius: 0;
174
175        border-bottom-right-radius: 0.5em;
176        -moz-border-radius-bottomright: 0.5em;
177        -webkit-border-bottom-right-radius: 0.5em;
178
179        border-bottom-left-radius: 0.5em;
180        -moz-border-radius-bottomleft: 0.5em;
181        -webkit-border-bottom-left-radius: 0.5em;
182    }
183}
184