From 9284f8bddd7080516747472d0f0ec5374ce3eba0 Mon Sep 17 00:00:00 2001
From: Bala Clark <balaclark@gmail.com>
Date: Sun, 11 Jul 2010 22:17:42 +0100
Subject: [PATCH] tweaked styles for the load status

---
 ComicBook.js | 5 ++---
 styles.css   | 8 ++++++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/ComicBook.js b/ComicBook.js
index 21f66fd..8320d22 100644
--- a/ComicBook.js
+++ b/ComicBook.js
@@ -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
diff --git a/styles.css b/styles.css
index 13db6ae..5db333d 100644
--- a/styles.css
+++ b/styles.css
@@ -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;
 }