Browse Source

Make the progress bar small and on the top.

Brendan Dahl 12 years ago
parent
commit
aafb5d44ae
  1. 36
      extensions/b2g/viewer.css

36
extensions/b2g/viewer.css

@ -187,15 +187,11 @@ canvas { @@ -187,15 +187,11 @@ canvas {
}
#loadingBar {
position: absolute;
top: 0;
margin-top: -2.5rem;
left: 0;
right: 0;
text-align: center;
color: #ddd;
font-size: 1.4rem;
height: 100%;
position: relative;
height: .6rem;
background-color: #333;
border-bottom: 1px solid #333;
margin-top: 5rem;
}
#loadingBar .progress {
@ -233,6 +229,14 @@ canvas { @@ -233,6 +229,14 @@ canvas {
100% { left: 100%; }
}
#loadingBar .progress.indeterminate {
background-color: #999;
-moz-transition: none;
-ms-transition: none;
-webkit-transition: none;
transition: none;
}
#loadingBar .indeterminate .glimmer {
position: absolute;
top: 0;
@ -249,20 +253,6 @@ canvas { @@ -249,20 +253,6 @@ canvas {
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 {
background: none repeat scroll 0 0 #FF5555;
color: white;

Loading…
Cancel
Save