#nprogress
{
pointer-events: none;
}
#nprogress .bar
{
background: #ff0700;
position: fixed;
z-index: 1000000;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
#nprogress .peg
{
display: block;
position: absolute;
right: 0;
width: 100px;
height: 100%;
-webkit-box-shadow: 0 0 10px #ff0700,0 0 5px #ff0700;
-moz-box-shadow: 0 0 10px #ff0700,0 0 5px #ff0700;
box-shadow: 0 0 10px #ff0700,0 0 5px #ff0700;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: rotate(3deg) translate(0,-4px);
-moz-transform: rotate(3deg) translate(0,-4px);
-ms-transform: rotate(3deg) translate(0,-4px);
-o-transform: rotate(3deg) translate(0,-4px);
transform: rotate(3deg) translate(0,-4px);
}
#nprogress .spinner
{
display: block;
position: fixed;
z-index: 100;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon
{
width: 18px;
height: 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #ff0700;
border-left-color: #ff0700;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
-moz-animation: nprogress-spinner 400ms linear infinite;
-ms-animation: nprogress-spinner 400ms linear infinite;
-o-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
@-webkit-keyframes nprogress-spinner
{
0%
{
-webkit-transform: rotate(0deg);
}
100%
{
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes nprogress-spinner
{
0%
{
-webkit-transform: rotate(0deg);
}
100%
{
-webkit-transform: rotate(360deg);
}
}
@-ms-keyframes nprogress-spinner
{
0%
{
-webkit-transform: rotate(0deg);
}
100%
{
-webkit-transform: rotate(360deg);
}
}
@-o-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@keyframes nprogress-spinner
{
0%
{
transform: rotate(0deg);
}
100%
{
transform: rotate(360deg);
}
}