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