From 26304d78dfc8d409954c2e83b44aec86a9acce0f Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Wed, 28 Nov 2007 21:13:30 -0600 Subject: [PATCH] Trying new format for OPAC resident search bar and menus. Also making correction to opac-detail similar items markup, although it's probably still not working yet. Signed-off-by: Chris Cormack Signed-off-by: Joshua Ferraro --- koha-tmpl/opac-tmpl/prog/en/css/opac.css | 67 +++++++++++------- .../opac-tmpl/prog/en/includes/masthead.inc | 26 ++++--- .../prog/en/modules/opac-detail.tmpl | 42 +++++------ koha-tmpl/opac-tmpl/prog/images/koha-logo.gif | Bin 0 -> 1469 bytes .../images/member-menu-background-hover.gif | Bin 0 -> 396 bytes .../images/member-menu-background-link.gif | Bin 0 -> 396 bytes .../member-menu-background-logout-hover.gif | Bin 0 -> 360 bytes .../images/member-menu-background-logout.gif | Bin 0 -> 353 bytes 8 files changed, 81 insertions(+), 54 deletions(-) create mode 100644 koha-tmpl/opac-tmpl/prog/images/koha-logo.gif create mode 100644 koha-tmpl/opac-tmpl/prog/images/member-menu-background-hover.gif create mode 100644 koha-tmpl/opac-tmpl/prog/images/member-menu-background-link.gif create mode 100644 koha-tmpl/opac-tmpl/prog/images/member-menu-background-logout-hover.gif create mode 100644 koha-tmpl/opac-tmpl/prog/images/member-menu-background-logout.gif diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css index 50e32796ad..c16b038fba 100644 --- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css +++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css @@ -1,4 +1,4 @@ -@import url("/opac-tmpl/prog/en/lib/yui/reset-fonts-grids.css"); +@import url("../../en/lib/yui/reset-fonts-grids.css"); a { font-weight : bold; @@ -349,7 +349,7 @@ a .term { } #members { - font-size : .8em; + font-size : .75em; font-weight : bold; padding : 4px 0 4px 0; background-image : url(../../images/member-menu-background.gif); @@ -365,7 +365,7 @@ a .term { } #members a.card { - background-image : url(../images/card.gif); + background-image : url(../../images/card.gif); background-position : left; background-repeat : no-repeat; display : block; @@ -379,13 +379,13 @@ a .term { } #members a.logout:link, #members a.logout:visited, #members a.logout:hover, #members a.logout:active { - background-image : url(../images/member-menu-background-logout.gif); + background-image : url(../../images/member-menu-background-logout.gif); background-repeat : repeat-x; color : #000000; } #members a:hover.logout { - background-image : url(../images/member-menu-background-logout-hover.gif); + background-image : url(../../images/member-menu-background-logout-hover.gif); background-repeat : repeat-x; color : #000000; } @@ -403,7 +403,7 @@ a .term { } #members ul li a:link, #members ul li a:visited, #members span.members { - background-image : url(../images/member-menu-background-link.gif); + background-image : url(../../images/member-menu-background-link.gif); background-repeat : repeat-x; border-left : 1px solid #9999CC; color : #006699; @@ -417,7 +417,7 @@ a .term { } #members ul li a:hover, #members ul li a:active { - background-image : url(../images/member-menu-background-hover.gif); + background-image : url(../../images/member-menu-background-hover.gif); background-repeat : repeat-x; } @@ -429,12 +429,12 @@ a .term { } #opac-main-search { - background-image : url( /opac-tmpl/prog/images/menu-background.gif); + background-image : url( ../../images/menu-background.gif); background-repeat : repeat-x; background-color : #6699CC; border-top : 1px solid #335599; border-bottom : 1px solid #335599; - padding : 15px 0 15px 10px; + padding : .7em 0 .4em .5em; color : #FFFFCC; font-size : 108%; line-height : 116%; @@ -712,7 +712,7 @@ p.searchresults { } input.reserve, a.reserve { - background-image:url(/opac-tmpl/prog/images/placereserve.gif); + background-image:url(../../images/placereserve.gif); } a.reserve { @@ -724,13 +724,12 @@ a.reserve { } #corner { - position: absolute; - top: .5em; - right: .2em; + float : right; + line-height : 2em; } #corner a.cart { - background-image : url(/opac-tmpl/prog/images/cart-small.gif); + background-image : url(../../images/cart-small.gif); background-position: left; background-repeat : no-repeat; padding: 0 15px; @@ -828,11 +827,11 @@ input.icon { } input.shelf, a.shelf { - background-image: url(/opac-tmpl/prog/images/addtobasket.gif); + background-image: url(../../images/addtobasket.gif); } input.clearall, a.clearall { - background-image: url(/opac-tmpl/prog/images/clearbasket.gif); + background-image: url(../../images/clearbasket.gif); } /* Tabs */ @@ -921,17 +920,16 @@ td.overdue { font-size:0.8em; padding:0.5em; } -/* + h1#libraryname { - border:0pt none; + border: 0; margin:0; padding:0; - width:240px; + width:120px; } h1#libraryname { - background:transparent url(http://www.myacpl.org/themes/npl/logo.png) no-repeat scroll 0%; + background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%; border: 0; - margin:0.75em .3em 0.75em .7em; padding:0; } @@ -942,10 +940,10 @@ h1#libraryname a { height:0px !important; margin:0; overflow:hidden; - padding:60px 0 0; + padding:40px 0 0; text-decoration:none; - width:240px; -}*/ + width:120px; +} table#marc, table#marc td, table#marc th { border : 0; @@ -957,4 +955,25 @@ table#marc th { table#marc td:first-child { text-indent : 2em; +} +#masthead { +float: left; +width: 120px; +} + +#fluid { +float: right; +width: 100%; +margin-left: -120px; +} + +#fluid-offset { +margin-left: 119px; +margin-top : .4em; +} + +#fluid-content-1 { +margin : .3em -1px 0 2%; +display: inline /* fix IE6 */; +line-height : 40px; } \ No newline at end of file diff --git a/koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc b/koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc index f65a1abcca..f786c5f22d 100644 --- a/koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc +++ b/koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc @@ -1,6 +1,7 @@ - +
    @@ -8,8 +9,15 @@
- diff --git a/koha-tmpl/opac-tmpl/prog/images/koha-logo.gif b/koha-tmpl/opac-tmpl/prog/images/koha-logo.gif new file mode 100644 index 0000000000000000000000000000000000000000..5a165726bd75543b3118e41e1b2b6f3a0f8e0a58 GIT binary patch literal 1469 zcmV;u1w#5qNk%w1VR!&00M$PL?(+EY_4#p@$^8BPgQL%_!rye5%FNm8ZIsIR`u&lu z)Y0ATqPg0|)adp2`)-uT;OO&wp3G~K$ep&>-RAMK#o@iq<&LY;)!^>J(dXjn^opp_ zm9W*=;_&Yl_n5QS=Ir(B@b}2p>4v4xc$>?IrqJ5t@T$MvroG&G zoXfh*?7vzx!;4BBu%e3X&ldc|JLY|G=UN|C<1l}fi)5aC^mLZH70zMZYnfK zH4p$L0Ruh}bqFpc000R-J&#Q{6qK&1Ml=E_5N-iAp#lO7Zw9JMHzcmE9ydt^ZZ3|G z25u#nzeqF-!@~+l2n}v2zZ`BM(b&kY52^?UZUo^+Gvvb#xJE5*9p`p6 zr`XLaQlo^uVTO$G@-g981UC!(4g9h2Af*pRaHw#D;ui}y4JQiGp~oVn8Acv>0su`2 zjR+$mEIT5BKo1ri$|#{x%ZIQ3A2l{i$hicEfD1$0{jgD^1`UZxDw^bjvd9THAc)+M zvw ziJ3nnXozP-I6idhJZQks@?F;=G&&3~g2G2hrApKgTXuc4B*X}AjPQdu8_a~B5N-Le z01ig1;08wgz2U(hL)6g!hCoDI;06Q++VutnB_7cqfp26*1On6yAOHsgfTDy->{Ym5 z5fi*|4H2iINQ8hp5`m)+JT&1Ai_{fygB}1_;DKvN^q^LXKVYZeix{|}fq}uf0m~2s zxUpRk54-^w6WG~OzzHaza6$+r4Flp3r@4^;l}FI zMgyvK_Z}1aC744>b5UYW5y|agf@(&-VIx86_&^vDW%>X>X9`q8;cEl_Xq6ioJcxur zKFEWF1j4zZ>ubU|u;eF7>?7L|-Q7k+1#ZYt1P+zTDny$188J?EOsEs65;@??hX^I6 zZbU$;zI@8xdCnwJUj|jcPtsPqPa|vKmn*l3|n9k2yoTW4*;)n3F_-n)gFf=jF9;0^H#-tvKSy&I}P;0`22xLGRdL`#5uMh9t zaDY-boI)aQZ&bAb2}|@~!HY9In8Sc?RG`{JK0rFek^}g{6AMEOIyMn>zt9;#{_!@% zWIibKLk|u>Gw7r)QR9XoG-#0U5g)YNw+a{dL+&0L97jZi0=x954E-~$K|2#~@?djK#y(E0NDveq~A zvOo<8Nbo^y3kZ!|f<~NHKm-9;Akj2jU+@3{Drk^{xHEi^cM~TV{zI~qbRhl@H^@K( zLXe^joWcVNuoVI}V2TdFO9dMcUEd1OfCkKt25l;U1c72TGmYm52p9(dFvNr%Tnbfi zdxHZeu)!hN;Dt$e01EymghfPPhQ{L=43A)x872V%voL_@5WtAeSjPxE7{LMp5C9B} XKz|~Mq7R^^jn literal 0 HcmV?d00001 diff --git a/koha-tmpl/opac-tmpl/prog/images/member-menu-background-hover.gif b/koha-tmpl/opac-tmpl/prog/images/member-menu-background-hover.gif new file mode 100644 index 0000000000000000000000000000000000000000..c1245d0fbafbf4b816076c437d940ae87dfdadd5 GIT binary patch literal 396 zcmV;70dxLGNk%w1VI2S^0K@-o0J z=K1{pgR0)=@cgB|;FY!C)#LP;x8JeH+}7q!s4O4;K9@CA^8LV00000EC2ui0384&000I5U?z@aX`b1lu59bR3n$NXZQop@ z?|kq74S;Y+EE41ejExWikdcy;l$Dm3n2`mWoSmMZpamAAq@|{(s1_Tm ztgWuEup1h)w6(UkxEde3yuH4^z#kOD#Kp$P$P^08%+1cv&9%!-o(f qN}Ol_fyIj$Giuz3fPu%4AVZ2A$zXuVlPFUOs$9vkrOT5c0029So9U|n literal 0 HcmV?d00001 diff --git a/koha-tmpl/opac-tmpl/prog/images/member-menu-background-link.gif b/koha-tmpl/opac-tmpl/prog/images/member-menu-background-link.gif new file mode 100644 index 0000000000000000000000000000000000000000..c222ccf4c0798334393c4e52f4aa19544f88b1c2 GIT binary patch literal 396 zcmV;70dxLGNk%w1VI2S^0K@iDh0 z;)AN*+~@YCzTnW_@xapRnYZ7ax!&+CoSmMZpbiwHq@|{(sHv)} zq!_NRu(7hU7!S6$xVgH!4;#L}z`?@98wke7$jQpf2olcE(9zP<5(?JW*xB0K3I^Wa z;Njxq1`X!t=;`X~4IJ+8@bU8V91-^S`1$(#5fJ|W00Rmf2%&(%g9sBUTv(uk!-o(f qN}SjsgT;#&GiuzJVS&ewAVZ2AxnO|FlPFUOs$9vkrOT5c0028Ed*hb? literal 0 HcmV?d00001 diff --git a/koha-tmpl/opac-tmpl/prog/images/member-menu-background-logout-hover.gif b/koha-tmpl/opac-tmpl/prog/images/member-menu-background-logout-hover.gif new file mode 100644 index 0000000000000000000000000000000000000000..fbd1c671ce6c1ca6128d5902e3f000d90de283aa GIT binary patch literal 360 zcmV-u0hj(qNk%w1VFdsq0M!5h{r0c^^LqdDcmMKp|MGGE^^W}b#{KrG{`83d@^$?9 z#Q*bw{P)8B_qYD^nf~>a|MPwP_`&`5qWt&2{r0T>^^*ScfBpEn{rJ89^_l7@@@X~i~aVi{P@59_NM*!vi6mZv6MO{P(r~ z^M(ENlKu9w{q>*y_MZOroc{BO{`Q~#^`HIpj{fzd{_=SL^Kbq2rTzA${`IE(_qhJ_ zfdBM-A^8LV00000EC2ui00jUe000JsK!b2d^e8+YMr0XbOeQ4K1O&oVKNsw$*J$*5 ztksIedYMdSfLcu%jVP3ZT(0BoN+ron!mq(#G%+V9DKaS;84idKjEpWW6_5oslm#Lp zD3}PF2s0fmEgc;k91Elt3qBSW5D-7D0kN?Hv^W9@xCsISyu1Xzzd0Mj8!9Rx$QsJZ GK>$04$<{Fd literal 0 HcmV?d00001 diff --git a/koha-tmpl/opac-tmpl/prog/images/member-menu-background-logout.gif b/koha-tmpl/opac-tmpl/prog/images/member-menu-background-logout.gif new file mode 100644 index 0000000000000000000000000000000000000000..733fdd7f69e182c2dfb31d30508a5aed9e84bf07 GIT binary patch literal 353 zcmV-n0iOOxNk%w1VFdsq0M!5h|LS@F=yd<%W&her|J6GG(>4F(YX8a_|J_vo+)w|} zF#q+N|KVW&;9CFUU;p1)|HTXc#}NPUjQ{eG|MQgp_MZRje*erK|M#K)?}-1#4gcqF z|MZyu$P@q2EC0zB|LueS*+l>Dga6JZ|IH%*_n`mphyV7Q|K@Q2*FXQu9{=>0|IaJ` z%_INTKmX1r|LcGM*hK&2W&g($|K3#p$Q1w2CjZtx|K)1`+fV<@BLB!2|H&8s#t#3* z4gb+EA^8LV00000EC2ui00jUe000Jlz)}fAtQd`_MRKv?G&z)LbV8*{u2)kgqZNU^ zBA8_i1DMT$bb5nAZ8o?#&LF4@WDEx*-*`0o2!RMRISGad1Br