PageRenderTime 66ms CodeModel.GetById 25ms RepoModel.GetById 0ms app.codeStats 0ms

/files/nprogress/0.1.3/css/nprogress.css

https://github.com/bzmw/jsdelivr
CSS | 64 lines | 50 code | 11 blank | 3 comment | 0 complexity | 6834bd810813de39c3a2f6c7faa17089 MD5 | raw file
Possible License(s): MPL-2.0-no-copyleft-exception, MIT, BSD-3-Clause 
    

  1. /* Make clicks pass-through */
    2. 

  2. #nprogress {
    3. 

  3.   pointer-events: none;
    4. 

  4. }
    5. 

  5. 

  6. #nprogress .bar {
    7. 

  7.   background: #29d;
    8. 

  8. 

  9.   position: fixed;
    10. 

  10.   z-index: 100;
    11. 

  11.   top: 0;
    12. 

  12.   left: 0;
    13. 

  13. 

  14.   width: 100%;
    15. 

  15.   height: 2px;
    16. 

  16. }
    17. 

  17. 

  18. /* Fancy blur effect */
    19. 

  19. #nprogress .peg {
    20. 

  20.   display: block;
    21. 

  21.   position: absolute;
    22. 

  22.   right: 0px;
    23. 

  23.   width: 100px;
    24. 

  24.   height: 100%;
    25. 

  25.   box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    26. 

  26.   opacity: 1.0;
    27. 

  27. 

  28.   -webkit-transform: rotate(3deg) translate(0px, -4px);
    29. 

  29.       -ms-transform: rotate(3deg) translate(0px, -4px);
    30. 

  30.           transform: rotate(3deg) translate(0px, -4px);
    31. 

  31. }
    32. 

  32. 

  33. /* Remove these to get rid of the spinner */
    34. 

  34. #nprogress .spinner {
    35. 

  35.   display: block;
    36. 

  36.   position: fixed;
    37. 

  37.   z-index: 100;
    38. 

  38.   top: 15px;
    39. 

  39.   right: 15px;
    40. 

  40. }
    41. 

  41. 

  42. #nprogress .spinner-icon {
    43. 

  43.   width: 18px;
    44. 

  44.   height: 18px;
    45. 

  45.   box-sizing: border-box;
    46. 

  46. 

  47.   border: solid 2px transparent;
    48. 

  48.   border-top-color: #29d;
    49. 

  49.   border-left-color: #29d;
    50. 

  50.   border-radius: 50%;
    51. 

  51. 

  52.   -webkit-animation: nprogress-spinner 400ms linear infinite;
    53. 

  53.           animation: nprogress-spinner 400ms linear infinite;
    54. 

  54. }
    55. 

  55. 

  56. @-webkit-keyframes nprogress-spinner {
    57. 

  57.   0%   { -webkit-transform: rotate(0deg); }
    58. 

  58.   100% { -webkit-transform: rotate(360deg); }
    59. 

  59. }
    60. 

  60. @keyframes nprogress-spinner {
    61. 

  61.   0%   { transform: rotate(0deg); }
    62. 

  62.   100% { transform: rotate(360deg); }
    63. 

  63. }
    64. 

  64. 

  65.