search.css 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. .search-loader {
  2. border: 10px solid #f3f3f3;
  3. border-radius: 50%;
  4. border-top: 10px solid #C41C22;
  5. -webkit-animation: spin 2s linear infinite;
  6. animation: spin 2s linear infinite;
  7. margin: auto;
  8. }
  9. .load_small {
  10. width: 60px;
  11. height: 60px;
  12. }
  13. .big {
  14. position: fixed; /* Sit on top of the page content */
  15. top: 0;
  16. left: 0;
  17. right: 0;
  18. bottom: 0;
  19. z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  20. width: 160px;
  21. height: 160px;
  22. }
  23. #overlay {
  24. position: fixed; /* Sit on top of the page content */
  25. display: none; /* Hidden by default */
  26. width: 100%; /* Full width (cover the whole page) */
  27. height: 100%; /* Full height (cover the whole page) */
  28. top: 0;
  29. left: 0;
  30. right: 0;
  31. bottom: 0;
  32. background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  33. z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  34. cursor: pointer; /* Add a pointer on hover */
  35. }