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