Merge branch 'lanceui' into mergeui

[bookreader.git] / BookReader / BookReader.css

diff --git a/BookReader/BookReader.css b/BookReader/BookReader.css
index 299aba8..c019d16 100644 (file)
--- a/BookReader/BookReader.css
+++ b/BookReader/BookReader.css
@@ -81,6 +81,78 @@ h3 {
     overflow:hidden;
 }
 
+#BRbookcover {
+    border: 1px solid rgb(68, 25, 17);
+    background-color: #663929;
+    -moz-border-radius: 6px;
+    -moz-box-shadow: 3px 3px 8px #222;
+    -webkit-border-radius: 6px;
+    -webkit-box-shadow: 2px 2px 8px #222;
+}
+
+.BRpageimage {
+    background-color: rgb(234, 226, 205);
+}
+
+.BRleafEdgeR {
+    border-style: solid solid solid none;
+    border-color: rgb(51, 51, 34);
+    border-width: 1px 1px 1px 0px;
+    background: transparent url(images/right_edges.png) repeat scroll 0% 0%;
+    position: absolute;
+}
+
+.BRleafEdgeL {
+    border-style: solid none solid solid;
+    border-color: rgb(51, 51, 34);
+    border-width: 1px 0px 1px 1px;
+    /* background: transparent url(images/left_edges.png) repeat scroll 0% 0%; */
+    background: transparent url(image/back_pages.png) repeat scroll 0% 0%; /* XXXmang replace file */
+    position: absolute;
+}
+
+.BRleafEdgeTmp {
+    border-style: solid none solid solid;
+    border-color: rgb(51, 51, 34);
+    border-width: 1px 0px 1px 1px;
+    /* background: transparent url(images/left_edges.png) repeat scroll 0% 0%; */
+    background: transparent url(images/back_pages.png) repeat scroll 0% 0%; /* XXXmang replace file */
+    position: absolute;
+}
+
+#BRbookspine {
+    border: 1px solid rgb(68, 25, 17);
+    background-color: rgb(68, 25, 17);
+    position: absolute;
+}
+
+/* search sidebar */
+#BookReaderSearch {
+    border:1px solid black;
+    position:absolute;
+    background-color: #E6E4E1;
+    font-family: arial, sans-serif;
+}
+
+#BookReaderSearchResults {
+    background-color: #FCFCFC;
+    top: 25px;
+    bottom: 0px;
+    overflow:auto;    
+    position: absolute;
+    left: 0px;
+    right: 0px;    
+    font-family: arial, san-serif;
+    font-size: 0.85em; 
+    padding: 2px;
+}
+
+.BookReaderSearchHilite {
+    opacity: 0.20; 
+    filter: alpha(opacity = 20);
+    background-color: #00f;
+    position:absolute;
+
 .hidden {
   display: none;
 }
@@ -108,7 +180,7 @@ h3 {
     border: none;
     cursor: pointer;
     background-color: transparent;
-    background-image: url("BRicons.png");
+    background-image: url(images/BRicons.png);
     background-repeat: no-repeat;
 }
 
@@ -159,7 +231,7 @@ a.logo {
     float: left;
     width: 57px;
     height: 46px;
-    background: transparent url("icon_home.png") no-repeat 0 0;
+    background: transparent url(images/icon_home.png) no-repeat 0 0;
     margin: 12px 10px 0 10px;
 }
 a.popOff {
@@ -168,7 +240,7 @@ a.popOff {
     right: 5px;
     width: 24px;
     height: 24px;
-    background-image: url("BRicons.png");
+    background-image: url(images/BRicons.png);
     background-color: transparent;
     background-repeat: no-repeat;
     background-position: -1050px 0;
@@ -266,6 +338,18 @@ a.BRgrey:visited   { color: #666; }
 .BRfliparea {
     background-image: url(images/transparent.png); # Required to capture mouse on IE
 }
+
+/* XXXmang still needed? */
+.BRtwoPagePopUp {
+    border: 1px solid black;
+    padding: 2px 6px;
+    position: absolute;
+    font-family: sans-serif;
+    font-size: 14px;
+    background-color: rgb(255, 255, 238);
+    opacity: 0.85;
+}
+
 /* COLORBOX POP-UP */
 
 #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
@@ -283,6 +367,7 @@ a.BRgrey:visited   { color: #666; }
     #cboxContent{background:#fff;padding:0;border:10px solid #615132;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow: 1px 3px 10px #000;-webkit-box-shadow: 1px 3px 10px #000;box-shadow: 1px 3px 10px #000;}
         #cboxLoadedContent{background:#fff;margin:0;}
         #cboxLoadingOverlay{background:transparent;}
+        /* XXXmang where is icon_close? */
         #cboxClose{position:absolute;top:20px;right:20px;display:block;width:32px;height:32px;background-image:url(/images/icons/icon_close-pop.png);background-position:0 0;background-repeat:no-repeat;}
         #cboxClose:hover{background-position:0 -32px;}
 
@@ -314,7 +399,7 @@ div.chapter {
     top: 0;
     width: 18px;
     height: 27px;
-    background: transparent url("marker_chap.png") no-repeat;
+    background: transparent url(images/marker_chap.png) no-repeat;
     cursor: pointer;
 }
 div.chapter div.title {
@@ -330,12 +415,12 @@ div.search {
     width: 18px;
     height: 27px;
     background-color: transparent;
-    background-image: url("marker_srch-off.png");
+    background-image: url(images/marker_srch-off.png);
     background-repeat: no-repeat;
     cursor: pointer;
 }
 div.search.front {
-    background: transparent url("marker_srch-on.png") no-repeat;
+    background: transparent url(images/marker_srch-on.png) no-repeat;
 }
 div.search div.query,div.searchChap div.query {
     display: none;
@@ -376,7 +461,7 @@ div.search div.pointer {
     bottom: -14px;
     width: 18px;
     height: 27px;
-    background: transparent url("marker_srch-on.png") no-repeat;
+    background: transparent url(images/marker_srch-on.png) no-repeat;
 }
 div.searchChap {
     position: absolute;
@@ -384,12 +469,12 @@ div.searchChap {
     width: 18px;
     height: 27px;
     background-color: transparent;
-    background-image: url("marker_srchchap-off.png");
+    background-image: url(images/marker_srchchap-off.png);
     background-repeat: no-repeat;
     cursor: pointer;
 }
 div.searchChap.front {
-    background-image: url("marker_srchchap-on.png");
+    background-image: url(images/marker_srchchap-on.png);
 }
 #BRnav .front {
     z-index: 10001;
@@ -400,6 +485,6 @@ div#pager {
     left: 5px;
     width: 30px;
     height: 30px;
-    background: transparent url("focus_chap.png") no-repeat 0 0;
+    background: transparent url(images/focus_chap.png) no-repeat 0 0;
     cursor: e-resize;
 }