Make the progress bar small and on the top.
This commit is contained in:
parent
3e480f84a6
commit
aafb5d44ae
@ -187,15 +187,11 @@ canvas {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#loadingBar {
|
#loadingBar {
|
||||||
position: absolute;
|
position: relative;
|
||||||
top: 0;
|
height: .6rem;
|
||||||
margin-top: -2.5rem;
|
background-color: #333;
|
||||||
left: 0;
|
border-bottom: 1px solid #333;
|
||||||
right: 0;
|
margin-top: 5rem;
|
||||||
text-align: center;
|
|
||||||
color: #ddd;
|
|
||||||
font-size: 1.4rem;
|
|
||||||
height: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#loadingBar .progress {
|
#loadingBar .progress {
|
||||||
@ -233,6 +229,14 @@ canvas {
|
|||||||
100% { left: 100%; }
|
100% { left: 100%; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#loadingBar .progress.indeterminate {
|
||||||
|
background-color: #999;
|
||||||
|
-moz-transition: none;
|
||||||
|
-ms-transition: none;
|
||||||
|
-webkit-transition: none;
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
|
||||||
#loadingBar .indeterminate .glimmer {
|
#loadingBar .indeterminate .glimmer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@ -249,20 +253,6 @@ canvas {
|
|||||||
animation: progressIndeterminate 2s linear infinite;
|
animation: progressIndeterminate 2s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#loadingBar .progress.indeterminate {
|
|
||||||
background-color: #999;
|
|
||||||
-moz-transition: none;
|
|
||||||
-ms-transition: none;
|
|
||||||
-webkit-transition: none;
|
|
||||||
transition: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@-moz-keyframes progressIndeterminate {
|
|
||||||
from { background-position: 0 0; }
|
|
||||||
to { background-position: 7.5rem 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
#errorWrapper {
|
#errorWrapper {
|
||||||
background: none repeat scroll 0 0 #FF5555;
|
background: none repeat scroll 0 0 #FF5555;
|
||||||
color: white;
|
color: white;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user