search.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /*
  2. This CSS only styled the search results section, not the search input
  3. It defines the basic interraction to hide content when displaying results, etc
  4. */
  5. #book-search-input {
  6. background: inherit;
  7. }
  8. #book-search-results .search-results {
  9. display: none;
  10. }
  11. #book-search-results .search-results ul.search-results-list {
  12. list-style-type: none;
  13. padding-left: 0;
  14. }
  15. #book-search-results .search-results ul.search-results-list li {
  16. margin-bottom: 1.5rem;
  17. padding-bottom: 0.5rem;
  18. /* Highlight results */
  19. }
  20. #book-search-results .search-results ul.search-results-list li p em {
  21. background-color: rgba(255, 220, 0, 0.4);
  22. font-style: normal;
  23. }
  24. #book-search-results .search-results .no-results {
  25. display: none;
  26. }
  27. #book-search-results.open .search-results {
  28. display: block;
  29. }
  30. #book-search-results.open .search-noresults {
  31. display: none;
  32. }
  33. #book-search-results.no-results .search-results .has-results {
  34. display: none;
  35. }
  36. #book-search-results.no-results .search-results .no-results {
  37. display: block;
  38. }
  39. #book-search-results span.search-highlight-keyword {
  40. background: #ff0;
  41. }