nprogress.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /* Make clicks pass-through */
  2. #nprogress {
  3. pointer-events: none; }
  4. #nprogress .bar {
  5. position: fixed;
  6. top: 0;
  7. left: 0;
  8. z-index: 9999;
  9. width: 100%;
  10. height: 2px;
  11. background: #3e8ef7; }
  12. /* Remove these to get rid of the spinner */
  13. #nprogress .spinner {
  14. position: fixed;
  15. top: 15px;
  16. right: 15px;
  17. z-index: 9999;
  18. display: block; }
  19. #nprogress .spinner-icon {
  20. box-sizing: border-box;
  21. width: 18px;
  22. height: 18px;
  23. border: solid 2px transparent;
  24. border-top-color: #3e8ef7;
  25. border-left-color: #3e8ef7;
  26. border-radius: 50%;
  27. -webkit-animation: nprogress-spinner 400ms linear infinite;
  28. animation: nprogress-spinner 400ms linear infinite; }
  29. .nprogress-custom-parent {
  30. position: relative;
  31. overflow: hidden; }
  32. .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
  33. position: absolute; }
  34. @-webkit-keyframes nprogress-spinner {
  35. 0% {
  36. -webkit-transform: rotate(0deg); }
  37. 100% {
  38. -webkit-transform: rotate(360deg); } }
  39. @keyframes nprogress-spinner {
  40. 0% {
  41. -webkit-transform: rotate(0deg);
  42. transform: rotate(0deg); }
  43. 100% {
  44. -webkit-transform: rotate(360deg);
  45. transform: rotate(360deg); } }
  46. /* NPR "position" Helpers */
  47. #nprogress .bar.nprogress-bar-header {
  48. top: 66.01px; }
  49. #nprogress .bar.nprogress-bar-bottom {
  50. top: auto;
  51. bottom: 0; }
  52. /* NPR "barColor" Contextuals */
  53. #nprogress .nprogress-bar-primary {
  54. background-color: #3e8ef7; }
  55. #nprogress .nprogress-bar-success {
  56. background-color: #11c26d; }
  57. #nprogress .nprogress-bar-info {
  58. background-color: #0bb2d4; }
  59. #nprogress .nprogress-bar-warning {
  60. background-color: #eb6709; }
  61. #nprogress .nprogress-bar-danger {
  62. background-color: #ff4c52; }
  63. #nprogress .nprogress-bar-dark {
  64. background-color: #526069; }
  65. #nprogress .nprogress-bar-light {
  66. background-color: #ccd5db; }