search.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /*========================================================
  2. DARK LAYOUT
  3. =========================================================*/
  4. #search-results .media-list .media {
  5. padding: 0.5rem 1rem;
  6. }
  7. #search-results .media-list .media-body .list-inline i {
  8. font-size: 1.2rem;
  9. }
  10. .search-menu .search-filter,
  11. .search-menu .dropdown-toggle {
  12. padding: 0.55rem 1rem !important;
  13. cursor: pointer;
  14. background-color: #fff;
  15. box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
  16. }
  17. .search-menu .dropdown-toggle {
  18. border-radius: 1.5rem !important;
  19. }
  20. .search-menu .dropdown-toggle::after {
  21. display: none;
  22. }
  23. .search-result-info .btn.dropdown-toggle::after {
  24. left: 0;
  25. }
  26. @media only screen and (min-width: 577px) {
  27. #search-results li.media .media-object {
  28. width: 100px;
  29. }
  30. #search-results li.media iframe {
  31. width: 100px;
  32. height: 65px;
  33. }
  34. }
  35. @media only screen and (max-width: 576px) {
  36. #search-results li.media .media-left {
  37. width: 100%;
  38. }
  39. #search-results li.media .media-left img,
  40. #search-results li.media .media-left iframe {
  41. width: 100%;
  42. text-align: center;
  43. }
  44. }