| /* |
| 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; |
| } |