tweaked styles for the load status

This commit is contained in:
Bala Clark 2010-07-11 22:17:42 +01:00
parent 59bf8bcfc2
commit 9284f8bddd
2 changed files with 8 additions and 5 deletions

View file

@ -4,10 +4,9 @@
TODOs:
Fo sho:
- Show a progress bar when buffering
- page controls
- thumbnail browser
- chrome frame
- chrome frame / ExplorerCanvas
Nice 2 have:
- support older browsers by using img tags instead of canvas
@ -131,7 +130,7 @@ function ComicBook(id, srcs, opts) {
var i = 0; // the current page counter for this method
$(canvas).after('<div id="status"><p></p></div>');
$(canvas).after('<div class="control" id="status"><p></p></div>');
// I am using recursion instead of a forEach loop so that the next image is
// only loaded when the previous one has completely finished

View file

@ -3,15 +3,19 @@ body {
}
#status {
background-color: #000;
color: #fff;
position: fixed;
top: 0;
right: 0;
}
.control {
background-color: #000;
color: #fff;
background-color: #111;
margin: 5px;
padding: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: .9;
}