1/**
2 * This file provides styles for the search results page (?do=search)
3 * and the AJAX search popup.
4 */
5
6/* search results page
7********************************************************************/
8
9/* loading gif */
10#dw__loading {
11    text-align: center;
12    margin-bottom: 1.4em;
13}
14
15/*____________ matching pagenames ____________*/
16
17.dokuwiki div.search_quickresult {
18    margin-bottom: 1.4em;
19}
20.dokuwiki div.search_quickresult h3 {
21}
22.dokuwiki div.search_quickresult ul {
23    padding: 0;
24}
25.dokuwiki div.search_quickresult ul li {
26    float: left;
27    width: 12em;
28    margin: 0 1.5em;
29}
30[dir=rtl] .dokuwiki div.search_quickresult ul li {
31    float: right;
32}
33
34/*____________ search results ____________*/
35
36.dokuwiki dl.search_results {
37    margin-bottom: 1.2em;
38}
39
40/* search heading */
41.dokuwiki dl.search_results dt {
42    margin-bottom: .2em;
43}
44/* search snippet */
45.dokuwiki dl.search_results dd {
46    color: @ini_text_alt;
47    background-color: inherit;
48    margin: 0 0 1.2em 0;
49}
50.dokuwiki dl.search_results dd.meta  {
51	background-color: @ini_neutral4;
52	font-style: italic;
53}
54
55/* search hit in normal text */
56.dokuwiki .search_hit {
57    color: @ini_text;
58    background-color: @ini_highlight;
59}
60/* search hit in search results */
61.dokuwiki .search_results strong.search_hit {
62    font-weight: normal;
63}
64/* ellipsis separating snippets */
65.dokuwiki .search_results .search_sep {
66    color: @ini_text;
67    background-color: inherit;
68}
69
70/* "nothing found" at search + media */
71.dokuwiki div.nothing {
72    margin-bottom: 1.4em;
73}
74
75
76/* AJAX quicksearch popup
77********************************************************************/
78
79.dokuwiki form.search div.no {
80    display: flex;
81	flex-direction: row-reverse;
82	align-items: center;
83	justify-content: end;
84}
85
86/* .JSpopup */
87.dokuwiki form.search div.ajax_qsearch {
88    position: absolute;
89    top: 0;
90    left: -13.5em; /* -( width of #qsearch__in + padding of .ajax_qsearch + a bit more ) */
91    width: 12em;
92    padding: 0.5em;
93    font-size: .9em;
94    z-index: 20;
95    text-align: left;
96    display: none;
97}
98[dir=rtl] .dokuwiki form.search div.ajax_qsearch {
99    left: auto;
100    right: -13.5em;
101    text-align: right;
102}
103.dokuwiki form.search div.ajax_qsearch strong {
104    display: block;
105    margin-bottom: .3em;
106}
107.dokuwiki form.search div.ajax_qsearch ul {
108    margin: 0 !important;
109    padding: 0 !important;
110}
111.dokuwiki form.search div.ajax_qsearch ul li {
112    margin: 0;
113    padding: 0;
114    display: block !important;
115}
116