1/**
2 * This file provides styles for the search results page (?do=search)
3 * and the AJAX search popup.
4 */
5
6/* general
7********************************************************************/
8
9/* search hit in normal text */
10.dokuwiki .search_hit {
11    color: @ini_text;
12    background-color: __highlight__;
13}
14
15/* "nothing found" at search + media */
16.dokuwiki div.nothing {
17    margin-bottom: 1.4em;
18}
19
20/* search results page
21********************************************************************/
22
23/*____________ advanced search form ____________*/
24.dokuwiki .search-results-form fieldset.search-form {
25    width: 100%;
26    margin: 1em 0;
27
28    input[name="q"] {
29        width: 50%;
30    }
31
32    button.toggleAssistant {
33        float: right;
34    }
35
36    .advancedOptions {
37        padding: 1em 0;
38
39        > div {
40            display: inline-block;
41            position: relative;
42            margin: 0 0.5em;
43        }
44
45        div.toggle {
46            // default closed toggle state
47            div.current {
48                cursor: pointer;
49                max-width: 10em;
50                white-space: nowrap;
51                overflow: hidden;
52                text-overflow: ellipsis;
53
54                &::after {
55                    content: '▼';
56                    font-size: smaller;
57                    color: @ini_text_alt;
58                }
59            }
60            div.changed {
61                font-weight: bold;
62            }
63            ul {
64                display: none;
65                position: absolute;
66                border: 1px solid @ini_border;
67                background-color: @ini_background;
68                padding: 0.25em 0.5em;
69                text-align: left;
70                min-width: 10em;
71                max-width: 15em;
72                max-height: 50vh;
73                overflow: auto;
74                z-index: 100;
75                li {
76                    margin: 0.25em 0;
77                    list-style: none;
78
79                    a {
80                        display: block;
81                    }
82                }
83            }
84
85            // open toggle state
86            &.open {
87                div.current::after {
88                    content: '▲';
89                }
90
91                ul {
92                    display: block;
93                }
94            }
95        }
96    }
97}
98
99[dir=rtl] .search-results-form fieldset.search-form .advancedOptions {
100    div.toggle ul {
101        text-align: right;
102    }
103}
104
105/*____________ matching pagenames ____________*/
106
107.dokuwiki div.search_quickresult {
108    margin-bottom: 1.4em;
109
110    ul {
111        padding: 0;
112
113        li {
114            float: left;
115            width: 12em;
116            margin: 0 1.5em;
117        }
118    }
119}
120
121[dir=rtl] .dokuwiki div.search_quickresult ul li {
122    float: right;
123}
124
125/*____________ search results ____________*/
126
127.dokuwiki dl.search_results {
128    margin-bottom: 1.2em;
129
130    /* search heading */
131    dt {
132        font-weight: normal;
133        margin-bottom: .2em;
134    }
135
136    /* last modified line */
137    dd.meta {
138        margin: 0 0 .2em 0;
139    }
140
141    /* search snippet */
142    dd.snippet {
143        color: @ini_text_alt;
144        background-color: inherit;
145        margin: 0 0 1.2em 0;
146
147        /* search hit in search results */
148        strong.search_hit {
149            font-weight: normal;
150            /* color is set in general */
151        }
152
153        /* ellipsis separating snippets */
154        .search_sep {
155            color: @ini_text;
156            background-color: inherit;
157        }
158    }
159}
160
161/* AJAX quicksearch popup
162********************************************************************/
163
164.dokuwiki form.search {
165    div.no {
166        position: relative;
167    }
168
169    /* .JSpopup */
170    div.ajax_qsearch {
171        position: absolute;
172        top: 0;
173        left: -13.5em; /* -( width of #qsearch__in + padding of .ajax_qsearch + a bit more ) */
174        width: 12em;
175        padding: 0.5em;
176        font-size: .9em;
177        z-index: 20;
178        text-align: left;
179        display: none;
180
181        strong {
182            display: block;
183            margin-bottom: .3em;
184        }
185
186        ul {
187            margin: 0 !important;
188            padding: 0 !important;
189
190            li {
191                margin: 0;
192                padding: 0;
193                display: block !important;
194            }
195        }
196    }
197}
198
199[dir=rtl] .dokuwiki form.search div.ajax_qsearch {
200    left: auto;
201    /*right: -13.5em;*/
202    text-align: right;
203}
204