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