tweaked styles for the load status
This commit is contained in:
parent
59bf8bcfc2
commit
9284f8bddd
2 changed files with 8 additions and 5 deletions
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue