X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=BookReader%2FBookReader.css;h=2ab7f71c89e4333404d52ec776bf6e98c2de58e9;hb=1f0dfb9143e424c4ac68b8ab65bb74d90108b234;hp=a5498e7bf871f081b3727c10bd8a6477e8c94ffb;hpb=f922c0685310af989a31c87f074bbc91f75aebc9;p=bookreader.git diff --git a/BookReader/BookReader.css b/BookReader/BookReader.css index a5498e7..2ab7f71 100644 --- a/BookReader/BookReader.css +++ b/BookReader/BookReader.css @@ -1,5 +1,6 @@ body { - background-color: #939598; + /* XXX we shouldn't change the body CSS, just within our container */ + background-color: #9A9B9D; /* Pantone Cool Grey 7 C */ font-size: 67.5%; margin: 0; padding: 0; @@ -30,7 +31,8 @@ a { width: 100%; z-index: 100; background-color: #e2dcc5; - overflow: hidden; + -webkit-box-shadow: 0 1px 3px #999; + /* Shadow here on FF causes scroll bars */ } #BRtoolbar .label { font-size: 1.1em; @@ -44,29 +46,37 @@ a { float: right; } #BRcontainer { - top:5px; - bottom:5px; + top:0; + bottom:0; width:100%; z-index: 1; overflow-x:auto; overflow-y:scroll; position:absolute; - background-color: #939598; + background-color: #9A9B9D; } #BRpageview { - background-color: #939598; + /* XXX page view div is not being placed correctly */ + background-color: #9A9B9D; } .BRpagediv1up { - background-color: #939598; overflow:hidden; cursor: move; + background-color: #FEFDEB; + -webkit-box-shadow: 1px 1px 2px #333; + -moz-box-shadow: 1px 1px 2px #333; + box-shadow: 1px 1px 2px #333; } .BRpagedivthumb { - background-color: #939598; + background-color: #FEFDEB; overflow:hidden; + -webkit-box-shadow: 1px 1px 2px #333; + -moz-box-shadow: 1px 1px 2px #333; + box-shadow: 1px 1px 2px #333; + } .BRpagedivthumb a { @@ -78,10 +88,12 @@ a { } /* Must come after .BRpagedivthumb rules in order to override them */ +/* .BRpagedivthumb_highlight { - background-color: #939598; + background-color: #9A9B9D; overflow:hidden; } +*/ .BRpagediv2up { background-color: rgb(234, 226, 205); @@ -93,14 +105,23 @@ a { /* background-color: #663929; */ position: absolute; background-image: url(images/back_pages.png); - -moz-box-shadow: 1px 0 3px #000; - -webkit-box-shadow: 1px 0 3px #000; + -moz-box-shadow: 1px 0 10px #111; + -webkit-box-shadow: 1px 0 10px #111; + box-shadow: 1px 0 10px #111; /* -moz-border-radius: 6px; */ /* -webkit-border-radius: 6px; */ } .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 { @@ -133,10 +154,11 @@ a { position: absolute; } -#BRbookspine { +#BRgutter { /* border: 1px solid rgb(68, 25, 17); */ - background-color: rgb(68, 25, 17); position: absolute; + z-index: 6; + background: transparent url(images/booksplit.png) repeat scroll 0% 0%; } .BookReaderSearchHilite { @@ -155,7 +177,7 @@ a { } #BRpagenum { border: none; - background-color: #939598; + background-color: #9A9B9D; color: #ccc; font-family: arial, sans-serif; font-size: 12px; @@ -342,7 +364,8 @@ a.BRgrey:visited { color: #666; } } .BRfliparea { - background-image: url(images/transparent.png); # Required to capture mouse on IE + /* Required to capture mouse on IE */ + background-image: url(images/transparent.png); } .BRtwoPagePopUp { @@ -351,7 +374,7 @@ a.BRgrey:visited { color: #666; } font-family: Arial, sans-serif; font-size: 11px; color: white; - background-color: #939598; + background-color: #9A9B9D; opacity: 0.85, -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -482,8 +505,9 @@ a.BRgrey:visited { color: #666; } } .BRfloatCover { float: left; - padding: 0 20px 80px 0; + padding: 0 20px 30px 0; } + .BRfloatTitle { font-size: 1.2em; } @@ -541,7 +565,7 @@ a.BRgrey:visited { color: #666; } } div#BRpage { float: right; - width: 320px; + width: 280px; padding-left:12px; text-align: right; } @@ -554,10 +578,13 @@ div#BRnav { overflow: visible; z-index: 100; background-color: #e2dcc5; + + -webkit-box-shadow: 1px 1px 2px #333; + /* No shadow for FF, to be consistent with toolbar */ } div#BRnavpos { position: relative; - margin-right: 320px; + margin-right: 280px; height: 40px; } div#BRpager { @@ -858,13 +885,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