1/* =Widgets
2----------------------------------------------- */
3
4/* Widgets */
5.widget {
6    margin: 0 0 20px;
7    font-size: 14px;
8}
9.widget:has(*) {
10    border-bottom: 3px solid @ini_theme_color_alt;
11}
12.content-area .widget {
13    border-bottom-color: @ini_background_neu;
14    &:last-of-type {
15        border-bottom: none;
16    }
17    ul a {
18        color: @ini_text;
19    }
20    ul a:hover {
21        color: @ini_theme_color;
22    }
23}
24.widget-area .tools h3 {
25    font-size: 18px;
26    font-weight: bold;
27    text-transform: uppercase;
28}
29.widget table {
30    background: none;
31}
32.widget th,
33.widget tfoot tr {
34    background: @ini_theme_color_alt;
35}
36.widget th,
37.widget td {
38    padding: 5px;
39    border-bottom-color: @ini_theme_color_alt;
40}
41
42/* List */
43.widget_links {
44    ul {
45        list-style: none;
46        text-transform: uppercase;
47    }
48    li {
49        padding: 5px 0;
50    }
51    li:first-child {
52        padding-top: 0;
53    }
54    li:last-child {
55        padding-bottom: 0;
56    }
57    ul a {
58        color: @ini_background;
59        font-weight: bold;
60        text-decoration: none;
61    }
62    ul a:hover {
63        color: @ini_theme_color_alt;
64    }
65}
66
67/* Select */
68.widget select {
69    margin-bottom: 20px;
70    max-width: 100%;
71}
72
73/* Forms */
74.widget-area,
75.search-form {
76    button,
77    html input[type="button"],
78    input[type="reset"],
79    input[type="submit"] {
80        background: @ini_background;
81        color: @ini_theme_color;
82    }
83    button:hover,
84    html input[type="button"]:hover,
85    input[type="reset"]:hover,
86    input[type="submit"]:hover,
87    button:focus,
88    html input[type="button"]:focus,
89    input[type="reset"]:focus,
90    input[type="submit"]:focus,
91    button:active,
92    html input[type="button"]:active,
93    input[type="reset"]:active,
94    input[type="submit"]:active {
95        background: @ini_background_alt;
96    }
97    input[type="text"],
98    input[type="url"],
99    input[type="email"],
100    input[type="password"],
101    input[type="search"],
102    textarea {
103        color: @ini_text_alt;
104        border-color: @ini_theme_color_alt;
105    }
106    input[type="text"]:focus,
107    input[type="url"]:focus,
108    input[type="email"]:focus,
109    input[type="password"]:focus,
110    input[type="search"]:focus,
111    textarea:focus {
112        border-color: @ini_background;
113    }
114    ::-webkit-input-placeholder {
115       color: @ini_background;
116    }
117    :-moz-placeholder {
118       color: @ini_background;
119    }
120    ::-moz-placeholder {
121       color: @ini_background;
122    }
123    :-ms-input-placeholder {
124       color: @ini_background;
125    }
126}
127
128/* =Search form
129----------------------------------------------- */
130
131.sidebar-area form.search.doku_form {
132    input[type="text"] {
133        color: @ini_background;
134    }
135}
136.search-form {
137    position: relative;
138    padding-bottom: 20px;
139}
140.search-form form {
141    display: block;
142}
143.search-form input[type="submit"],
144.search-form button[type="submit"] {
145    position: absolute;
146    top: -5px;
147    right: 5px;
148    height: 30px;
149    padding: 0;
150    line-height: 1;
151}
152.search-form button[type="submit"] {
153    width: 30px;
154    overflow: hidden;
155    line-height: 1.5;
156}
157.search-form button[type="submit"]::before {
158    height: 30px;
159    width: 30px;
160    font-family: "bootstrap-icons";
161    font-size: 22px;
162    content: '\F52A';
163}
164