X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=BookReader%2FBookReader.css;h=a130afde70cb16966280cae67943b8d019dacb14;hb=13a9acdb410117f68f1dcf11361570327ef24655;hp=445cacc5860ab17b7047286e893f34016c9bc790;hpb=edb622c53581089c06d3099b6daa1ec58c053f76;p=bookreader.git diff --git a/BookReader/BookReader.css b/BookReader/BookReader.css index 445cacc..a130afd 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,6 +31,8 @@ a { width: 100%; z-index: 100; background-color: #e2dcc5; + -webkit-box-shadow: 0 1px 3px #999; + /* Shadow here on FF causes scroll bars */ } #BRtoolbar .label { font-size: 1.1em; @@ -43,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,7 +89,7 @@ a { /* Must come after .BRpagedivthumb rules in order to override them */ .BRpagedivthumb_highlight { - background-color: #939598; + background-color: #9A9B9D; overflow:hidden; } @@ -92,14 +103,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 { @@ -154,7 +174,7 @@ a { } #BRpagenum { border: none; - background-color: #939598; + background-color: #9A9B9D; color: #ccc; font-family: arial, sans-serif; font-size: 12px; @@ -350,7 +370,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; @@ -553,6 +573,9 @@ 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;