Slight shadow for thumbnails

[bookreader.git] / BookReader / BookReader.css

diff --git a/BookReader/BookReader.css b/BookReader/BookReader.css
index 56a6d5f..e045256 100644 (file)
--- a/BookReader/BookReader.css
+++ b/BookReader/BookReader.css
@@ -30,7 +30,6 @@ a {
     width: 100%;
     z-index: 100;
     background-color: #e2dcc5;
-    overflow: hidden;
 }
 #BRtoolbar .label {
     font-size: 1.1em;
@@ -59,14 +58,18 @@ a {
 }
 
 .BRpagediv1up {
-    background-color: #939598;
     overflow:hidden;
     cursor: move;
+    background-color: #FEFDEB;
 }
 
 .BRpagedivthumb {
-    background-color: #939598;
+    background-color: #FEFDEB;
     overflow:hidden;
+    -webkit-box-shadow: 2px 1px 2px #333;
+    -moz-box-shadow: 1px 1px 2px #333;
+    box-shadow: 2px 1px 2px #333;
+
 }
 
 .BRpagedivthumb a {
@@ -100,7 +103,15 @@ a {
 }
 
 .BRpageimage {
-    background-color: rgb(234, 226, 205);
+    /* Bird Book */
+    background-color: #FEFDEB;
+}
+
+/* Disable selection on Firefox and WebKit */
+.BRnoselect {
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -webkit-user-drag: none;
 }
 
 .BRleafEdgeR {
@@ -139,6 +150,13 @@ a {
     position: absolute;
 }
 
+.BookReaderSearchHilite {
+    opacity: 0.20; 
+    filter: alpha(opacity = 20);
+    background-color: #00f;
+    position:absolute;
+}
+
 .hidden {
   display: none;
 }
@@ -255,7 +273,7 @@ form#booksearch {
     margin-right: 10px;
 }
 form#booksearch input[type=search] {
-    min-width: 80px;
+    min-width: 16em;
     height: 22px;
     line-height: 22px;
     font-family: "Arial", sans-serif;
@@ -794,7 +812,7 @@ div#BRzoomcontrol {
     top: 40px;
     left:3px;
     width: 23px;
-    height: 110px;    
+    height: 110px;
 }
 div#BRzoomstrip {
     position: absolute;
@@ -816,12 +834,26 @@ div#BRzoombtn {
 
 .BRprogresspopup {
     position: absolute;
-    background-color: #E6E4E1;
-    background-image: url(images/progressbar.gif);
+    background-color: #e6e4e1;
+    border: none!important;
+    font-size: 1.5em; 
+    z-index: 3;   
+    padding: 20px;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    border-radius: 8px;
+    -moz-box-shadow: 1px 0 3px #000;
+    -webkit-box-shadow: 1px 0 3px #000;
+    box-shadow: 1px 0 3px #333;
+    min-width: 300px;
+}
+
+.BRprogressbar {
+    background-image: url("images/progressbar.gif");
     background-repeat:no-repeat;
-    font-size: 0.8em; 
-    z-index: 3;    
+    background-position:center top;
 }
+
 .BRnavCntl {
     background-color: #e2dcc5;
     position: absolute;
@@ -837,13 +869,25 @@ div#BRzoombtn {
     -moz-border-radius-topleft: 8px;
     -webkit-border-top-left-radius: 8px;
 }
+#BRnavCntlTop {
+    top: 40px;
+    -moz-border-radius-bottomright: 8px;
+    -webkit-border-bottom-right-radius: 8px;
+    -moz-border-radius-bottomleft: 8px;
+    -webkit-border-bottom-left-radius: 8px;
+    display: none;
+}
 .BRup {
     background-image: url("images/nav_control-up.png");
-    background-position: 8px 4px;
     background-repeat: no-repeat;
 }
 .BRdn {
     background-image: url("images/nav_control-dn.png");
-    background-position: 8px 4px;
     background-repeat: no-repeat;
+}
+#BRnavCntlBtm.BRup,#BRnavCntlBtm.BRdn {
+    background-position: 8px 4px;
+}
+#BRnavCntlTop.BRup,#BRnavCntlTop.BRdn {
+    background-position: 8px 4px;
 }
\ No newline at end of file