選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
 
 
 
 
 
 

85 行
2.2 KiB

  1. /* Make clicks pass-through */
  2. #nprogress {
  3. pointer-events: none;
  4. -webkit-pointer-events: none;
  5. }
  6. /* Make the entire page show a busy cursor */
  7. .nprogress-busy body {
  8. cursor: wait;
  9. }
  10. #nprogress .bar {
  11. background: #2ecc71;
  12. position: fixed;
  13. z-index: 1050;
  14. top: 0;
  15. left: 0;
  16. width: 100%;
  17. height: 2px;
  18. }
  19. /* Fancy blur effect */
  20. #nprogress .peg {
  21. display: block;
  22. position: absolute;
  23. right: 0px;
  24. width: 100px;
  25. height: 100%;
  26. box-shadow: 0 0 10px #2ecc71, 0 0 5px #2ecc71;
  27. opacity: 1.0;
  28. -webkit-transform: rotate(3deg) translate(0px, -4px);
  29. -moz-transform: rotate(3deg) translate(0px, -4px);
  30. -ms-transform: rotate(3deg) translate(0px, -4px);
  31. -o-transform: rotate(3deg) translate(0px, -4px);
  32. transform: rotate(3deg) translate(0px, -4px);
  33. }
  34. /* Remove these to get rid of the spinner
  35. #nprogress .spinner {
  36. display: block;
  37. position: fixed;
  38. z-index: 1050;
  39. top: 7px;
  40. right: 15px;
  41. }
  42. #nprogress .spinner-icon {
  43. width: 14px;
  44. height: 14px;
  45. border: solid 2px transparent;
  46. border-top-color: #fff;
  47. border-left-color: #fff;
  48. border-radius: 10px;
  49. -webkit-animation: nprogress-spinner 400ms linear infinite;
  50. -moz-animation: nprogress-spinner 400ms linear infinite;
  51. -ms-animation: nprogress-spinner 400ms linear infinite;
  52. -o-animation: nprogress-spinner 400ms linear infinite;
  53. animation: nprogress-spinner 400ms linear infinite;
  54. }
  55. @-webkit-keyframes nprogress-spinner {
  56. 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  57. 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  58. }
  59. @-moz-keyframes nprogress-spinner {
  60. 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  61. 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
  62. }
  63. @-o-keyframes nprogress-spinner {
  64. 0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  65. 100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
  66. }
  67. @-ms-keyframes nprogress-spinner {
  68. 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  69. 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
  70. }
  71. @keyframes nprogress-spinner {
  72. 0% { transform: rotate(0deg); transform: rotate(0deg); }
  73. 100% { transform: rotate(360deg); transform: rotate(360deg); }
  74. }*/