/*
|
This CSS only styled the search results section, not the search input
|
It defines the basic interraction to hide content when displaying results, etc
|
*/
|
#book-search-results .search-results {
|
display: none;
|
}
|
#book-search-results .search-results ul.search-results-list {
|
list-style-type: none;
|
padding-left: 0;
|
}
|
#book-search-results .search-results ul.search-results-list li {
|
margin-bottom: 1.5rem;
|
padding-bottom: 0.5rem;
|
/* Highlight results */
|
}
|
#book-search-results .search-results ul.search-results-list li p em {
|
background-color: rgba(255, 220, 0, 0.4);
|
font-style: normal;
|
}
|
#book-search-results .search-results .no-results {
|
display: none;
|
}
|
#book-search-results.open .search-results {
|
display: block;
|
}
|
#book-search-results.open .search-noresults {
|
display: none;
|
}
|
#book-search-results.no-results .search-results .has-results {
|
display: none;
|
}
|
#book-search-results.no-results .search-results .no-results {
|
display: block;
|
}
|
