X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=BookReader%2FBookReader.css;h=c29358becb07c0804d23e12f03955adda9e34e88;hb=b4722481d39c8fcea4cbb03c089d954a9760e551;hp=14fe20ccf7a352c2dc4346ebf7368b66843c96ba;hpb=b825640d03c2cd082f2d734824b04f85f389dec6;p=bookreader.git diff --git a/BookReader/BookReader.css b/BookReader/BookReader.css index 14fe20c..c29358b 100644 --- a/BookReader/BookReader.css +++ b/BookReader/BookReader.css @@ -139,6 +139,13 @@ a { position: absolute; } +.BookReaderSearchHilite { + opacity: 0.20; + filter: alpha(opacity = 20); + background-color: #00f; + position:absolute; +} + .hidden { display: none; } @@ -255,7 +262,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; @@ -369,9 +376,6 @@ 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/icon_close-pop.png);background-position:0 0;background-repeat:no-repeat;} - #cboxClose:hover{background-position:0 -32px;} .BRfloat * { margin: 0; padding: 0; @@ -384,6 +388,20 @@ a.BRgrey:visited { color: #666; } font-family: "Lucida Grande", "Verdana", "Arial", sans-serif; color: #000; } +.BRfloat a { + color: #036daa; +} +.BRfloat a:hover { + color: #35672e; +} +.BRfloat a.title { + color: #000; + text-decoration: none; +} +.BRfloat a.title:hover { + color: #036daa; + text-decoration: underline; +} .BRfloatHead { background-color: #615132; height: 32px; @@ -456,6 +474,71 @@ a.BRgrey:visited { color: #666; } position:absolute!important; left:-10000px!important; } +.BRfloatBody { + float: left; + width: 570px; + padding: 30px; + color: #333; +} +.BRfloatCover { + float: left; + padding: 0 20px 80px 0; +} +.BRfloatTitle { + font-size: 1.2em; +} +.BRfloatTitle h2 { + display: inline; + font-size: 1.3em; +} +.BRfloatMeta p { + margin: 0; + padding: 0; + font-size: 1.1em; + line-height: 1.5em; +} +.BRfloatMeta p.moreInfo { + line-height: 15px; + margin-top: 30px; +} +.BRfloatMeta p.moreInfo span { + background: url("images/icon_OL-logo-xs.png") no-repeat; + display: block; + float: left; + width: 26px; + height: 15px; +} +.BRfloatMeta h3 { + font-size: 1.1em; + font-weight: 700; + line-height: 1.5em; + margin-top: 30px; + color: #333; +} +.BRfloatMeta ul.links { + float: left; + clear: right; +} +.BRfloatMeta ul.links li { + list-style-type: none; + display: block; + float: left; + font-size: 1.1em; + line-height: 1.5em; +} +.BRfloatMeta ul.links li span { + padding: 0 10px; +} +.BRfloatFoot a, .BRfloatFoot span { + display: block; + float: left; + line-height: 16px; + margin: 0 0 10px 10px; +} +.BRfloatFoot a.problem { + background: url("images/icon_alert-xs.png") no-repeat; + padding-left: 20px; +} div#BRpage { float: right; width: 320px; @@ -740,12 +823,25 @@ div#BRzoombtn { .BRprogresspopup { position: absolute; - background-color: #E6E4E1; - background-image: url(images/progressbar.gif); + background-color: #fff; + font-size: 1.5em; + z-index: 3; + padding: 5px; + 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; +} + +.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;