Advertisement
Guest User

Untitled

a guest
Feb 19th, 2019
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.99 KB | None | 0 0
  1. /* AJAX Loader */
  2. @keyframes spin {
  3.   0% {
  4.     -webkit-transform: rotate(0deg);
  5.             transform: rotate(0deg);
  6.   }
  7.   100% {
  8.     -webkit-transform: rotate(360deg);
  9.             transform: rotate(360deg);
  10.   }
  11. }
  12.  
  13. .loader-ajax {
  14.   border-radius: 50%;
  15.   width: 24px;
  16.   height: 24px;
  17.   border: 0.3rem solid rgba(255, 255, 255, 0.2);
  18.   border-top-color: white;
  19.   animation: spin 1s infinite linear;
  20.   top: 14px;
  21.   position: absolute;
  22.   left: 13px;
  23.   transform: translate(-50%,-50%);
  24.   display: inline-block;
  25. }
  26.  
  27. .loader-ajax-container {
  28.     position: absolute;
  29.     margin: 0 auto;
  30.     text-align: center;
  31.     left: 0;
  32.     right: 0;
  33.     z-index: 100;
  34.     top: 50%;
  35.     transform: translateY(-50%);
  36.     background: #f91942;
  37.     height: 50px;
  38.     width: 50px;
  39.     border-radius: 50%;
  40.     opacity: 1;
  41. }
  42. body #listeo-listings-container.loading {opacity: 1;position: relative;}
  43. body #listeo-listings-container.loading .listing-item-container { opacity: 0.7; }
  44. body #listeo-listings-container { position: relative; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement