logo

searx

My custom branche(s) on searx, a meta-search engine git clone https://hacktivis.me/git/searx.git

toolkit_loader.less (955B)

    

  1. .loader,
  2. .loader:after {	
  3.     border-radius: 50%;
  4.     width: 10em;
  5.     height: 10em;
  6. }
  7. .loader {
  8.     margin: 60px auto;
  9.     font-size: 10px;
  10.     position: relative;
  11.     text-indent: -9999em;
  12.     border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  13.     border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  14.     border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  15.     border-left: 1.1em solid #ffffff;
  16.     -webkit-transform: translateZ(0);
  17.     -ms-transform: translateZ(0);
  18.     transform: translateZ(0);
  19.     -webkit-animation: load8 1.1s infinite linear;
  20.     animation: load8 1.1s infinite linear;
  21. }
  22. @-webkit-keyframes load8 {
  23.     0% {
  24. 	-webkit-transform: rotate(0deg);
  25. 	transform: rotate(0deg);
  26.     }
  27.     100% {
  28. 	-webkit-transform: rotate(360deg);
  29. 	transform: rotate(360deg);
  30.     }
  31. }
  32. @keyframes load8 {
  33.     0% {
  34. 	-webkit-transform: rotate(0deg);
  35. 	transform: rotate(0deg);
  36.     }
  37.     100% {
  38. 	-webkit-transform: rotate(360deg);
  39. 	transform: rotate(360deg);
  40.     }
  41. }