khum1/css/_search.css

117 lines
2.5 KiB
CSS
Raw Normal View History

/**
* This file provides styles for the search results page (?do=search)
* and the AJAX search popup.
*/
/* search results page
********************************************************************/
/* loading gif */
#dw__loading {
text-align: center;
margin-bottom: 1.4em;
}
/*____________ matching pagenames ____________*/
.dokuwiki div.search_quickresult {
margin-bottom: 1.4em;
}
.dokuwiki div.search_quickresult h3 {
}
.dokuwiki div.search_quickresult ul {
padding: 0;
}
.dokuwiki div.search_quickresult ul li {
float: left;
width: 12em;
margin: 0 1.5em;
}
[dir=rtl] .dokuwiki div.search_quickresult ul li {
float: right;
}
/*____________ search results ____________*/
.dokuwiki dl.search_results {
margin-bottom: 1.2em;
}
/* search heading */
.dokuwiki dl.search_results dt {
margin-bottom: .2em;
}
/* search snippet */
.dokuwiki dl.search_results dd {
color: @ini_text_alt;
background-color: inherit;
margin: 0 0 1.2em 0;
}
.dokuwiki dl.search_results dd.meta {
background-color: @ini_neutral4;
font-style: italic;
}
/* search hit in normal text */
.dokuwiki .search_hit {
color: @ini_text;
background-color: @ini_highlight;
}
/* search hit in search results */
.dokuwiki .search_results strong.search_hit {
font-weight: normal;
}
/* ellipsis separating snippets */
.dokuwiki .search_results .search_sep {
color: @ini_text;
background-color: inherit;
}
/* "nothing found" at search + media */
.dokuwiki div.nothing {
margin-bottom: 1.4em;
}
/* AJAX quicksearch popup
********************************************************************/
.dokuwiki form.search div.no {
display: flex;
flex-direction: row-reverse;
align-items: center;
margin-left: 1em;
justify-content: space-evenly;
}
/* .JSpopup */
.dokuwiki form.search div.ajax_qsearch {
position: absolute;
top: 0;
left: -13.5em; /* -( width of #qsearch__in + padding of .ajax_qsearch + a bit more ) */
width: 12em;
padding: 0.5em;
font-size: .9em;
z-index: 20;
text-align: left;
display: none;
}
[dir=rtl] .dokuwiki form.search div.ajax_qsearch {
left: auto;
right: -13.5em;
text-align: right;
}
.dokuwiki form.search div.ajax_qsearch strong {
display: block;
margin-bottom: .3em;
}
.dokuwiki form.search div.ajax_qsearch ul {
margin: 0 !important;
padding: 0 !important;
}
.dokuwiki form.search div.ajax_qsearch ul li {
margin: 0;
padding: 0;
display: block !important;
}