From c153bab4056878e195f4ac6cab01f762209c34db Mon Sep 17 00:00:00 2001 From: Lance Arthur Date: Mon, 18 Oct 2010 16:59:02 -0700 Subject: [PATCH] Updated with book info pop-up code and images --- BookReader/BookReader.css | 79 ++++++++++++++++++++++++++ BookReader/images/icon_OL-logo-xs.png | Bin 0 -> 1035 bytes BookReader/images/icon_alert-xs.png | Bin 0 -> 1056 bytes BookReader/newbook.html | 33 +++++++++-- 4 files changed, 106 insertions(+), 6 deletions(-) create mode 100644 BookReader/images/icon_OL-logo-xs.png create mode 100644 BookReader/images/icon_alert-xs.png diff --git a/BookReader/BookReader.css b/BookReader/BookReader.css index f21a950..56a6d5f 100644 --- a/BookReader/BookReader.css +++ b/BookReader/BookReader.css @@ -381,6 +381,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; @@ -453,6 +467,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; diff --git a/BookReader/images/icon_OL-logo-xs.png b/BookReader/images/icon_OL-logo-xs.png new file mode 100644 index 0000000000000000000000000000000000000000..8dd773cb33c4fc5433f22e52b001b449d69375b2 GIT binary patch literal 1035 zcmaJ=O=uHA6kgkkrBGS~TP=vg_MnGm|B^Ij=~|m?wvFwEkVMR(#cp<|&C>49x;r)7 z-Yf{Mf>*_hH@*0SAhg&+6-5w4s2(i!EM5dpf<49AG)X-e2X<%PPl!s3VKf0u19@4q;Q&$f)mV`U1qD1m{g#qJM5})4((&`bt#gR3{0`=ERB% z^DCKxzOtal4SMtf81Y3SU_q<_-&(Xi(U<6&u1L;-o25Ywf)^zEAgQ971xe&W5M{WK z&JA;5m}mHKBo>Pe0fFN=mJ?WB2=Os7EQlNj>We1PTw_km$x1yIu_U^Tu_Ll_9dLJ+$QNq;YeDK`2K|x=_Q&Eg-bm zxW#N4VdRyO1CseDP&M7O1G|P-RWWUQShIDQmL-}fFs5mUd@73kjZ=mGg?g zB@;?G66TX!A`xkDWuz}z(8dj}amW=~a)VK@91>ZEu6Z3Aii<2zD_JyK<`Pj_>eabM z>s+{&T$Uum295oz(G3@wp5WLVTVgZ^AKGNvT{70IKQ3>QCvhS>RY;w=u~Ds7A8owa z*xbxObaiHin7==4#R%XS&Smn%B#RoDY*&bDGA)l4{JrTrM~+jyogM5>^}&$%@a6j# zeceTaY1{qsxOC6#yR_fY^K1R}_x{;)=GQfU{qD0jYfS&Q+uZ)U@sAhp?|iO4KYEgS Wd#i2w)9%@uM3zdYGV;^J?CKxnj#57W literal 0 HcmV?d00001 diff --git a/BookReader/images/icon_alert-xs.png b/BookReader/images/icon_alert-xs.png new file mode 100644 index 0000000000000000000000000000000000000000..f77189d9f831457b82b39463623ccdc0c68a7de8 GIT binary patch literal 1056 zcmaJ=O=uHA6kb|{Qd-)I;NNB077xW_|MJtUjkU=pcA*ruqH@46biW-4C6rvk6qHCtf` zHe_|Xc1`HQNJlbB+Do}5)q$e;f2gK4&^Ang{e1r^Y-dU)AXC6L3YLr-m+N&ynOxKY z5;UxgVNBI;F_|}@Vdo7KkEZ>&D9Nhs+Eu(La)NF{Ntc1ZhY6(MRaJ$fW4?GKW^U>7?oRI-rhGc^wdHQl3#5w)u>`*qxiI?&BWq-> literal 0 HcmV?d00001 diff --git a/BookReader/newbook.html b/BookReader/newbook.html index 7ca854e..167f81d 100644 --- a/BookReader/newbook.html +++ b/BookReader/newbook.html @@ -45,8 +45,7 @@ $().ready(function(){ $("#infoBtn").colorbox({inline: true, opacity: "0.5", href: "#aboutThis"}); }); - + +