| 1 |
#nprogress { |
| 2 |
pointer-events: none; |
| 3 |
} |
| 4 |
|
| 5 |
#nprogress .bar { |
| 6 |
background: #29d; |
| 7 |
position: fixed; |
| 8 |
z-index: 1031; |
| 9 |
top: 0; |
| 10 |
left: 0; |
| 11 |
width: 100%; |
| 12 |
height: 2px; |
| 13 |
} |
| 14 |
|
| 15 |
/* Fancy blur effect */ |
| 16 |
#nprogress .peg { |
| 17 |
display: block; |
| 18 |
position: absolute; |
| 19 |
right: 0px; |
| 20 |
width: 100px; |
| 21 |
height: 100%; |
| 22 |
box-shadow: 0 0 10px #29d, 0 0 5px #29d; |
| 23 |
opacity: 1.0; |
| 24 |
-webkit-transform: rotate(3deg) translate(0px, -4px); |
| 25 |
-ms-transform: rotate(3deg) translate(0px, -4px); |
| 26 |
transform: rotate(3deg) translate(0px, -4px); |
| 27 |
} |
| 28 |
|
| 29 |
/* Remove these to get rid of the spinner */ |
| 30 |
#nprogress .spinner { |
| 31 |
display: block; |
| 32 |
position: fixed; |
| 33 |
z-index: 1031; |
| 34 |
top: 15px; |
| 35 |
right: 15px; |
| 36 |
} |
| 37 |
|
| 38 |
#nprogress .spinner-icon { |
| 39 |
width: 18px; |
| 40 |
height: 18px; |
| 41 |
box-sizing: border-box; |
| 42 |
border: solid 2px transparent; |
| 43 |
border-top-color: #29d; |
| 44 |
border-left-color: #29d; |
| 45 |
border-radius: 50%; |
| 46 |
-webkit-animation: nprogress-spinner 400ms linear infinite; |
| 47 |
animation: nprogress-spinner 400ms linear infinite; |
| 48 |
} |
| 49 |
|
| 50 |
.nprogress-custom-parent { |
| 51 |
overflow: hidden; |
| 52 |
position: relative; |
| 53 |
} |
| 54 |
|
| 55 |
.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { |
| 56 |
position: absolute; |
| 57 |
} |
| 58 |
|
| 59 |
@ |
| 60 |
-webkit-keyframes nprogress-spinner { 0% { |
| 61 |
-webkit-transform: rotate(0deg); |
| 62 |
} |
| 63 |
|
| 64 |
100 |
| 65 |
% |
| 66 |
{ |
| 67 |
-webkit-transform |
| 68 |
: |
| 69 |
rotate |
| 70 |
( |
| 71 |
360deg |
| 72 |
); |
| 73 |
} |
| 74 |
} |
| 75 |
@ |
| 76 |
keyframes nprogress-spinner { 0% { |
| 77 |
transform: rotate(0deg); |
| 78 |
} |
| 79 |
100 |
| 80 |
% |
| 81 |
{ |
| 82 |
transform |
| 83 |
: |
| 84 |
rotate |
| 85 |
( |
| 86 |
360deg |
| 87 |
); |
| 88 |
} |
| 89 |
} |
