From eed892907f734271b1eaf472bc54ac2ec3605fca Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Mon, 14 May 2012 08:51:58 -0400 Subject: [PATCH] Bug 7500 [FOLLOW-UP, revised][Social networks] Use CSS Sprites for faster page loading Content-Type: text/plain; charset="utf-8" This patch adds a new sprite image for social network links. The page markup has been modified to accommodate the image- replacement technique used to display the images. When testing be sure to clear your cache to load the new CSS. Revision: Rebased, and unused social network images removed. --- koha-tmpl/opac-tmpl/prog/en/css/opac.css | 43 ++++++++++++++++++++ koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt | 14 +++---- koha-tmpl/opac-tmpl/prog/images/social-sprite.png | Bin 0 -> 2802 bytes .../opac-tmpl/prog/images/socnet/delicious16.gif | Bin 89 -> 0 bytes .../opac-tmpl/prog/images/socnet/facebook16.png | Bin 727 -> 0 bytes .../opac-tmpl/prog/images/socnet/linkedin16.png | Bin 751 -> 0 bytes .../opac-tmpl/prog/images/socnet/mailto16.png | Bin 792 -> 0 bytes .../opac-tmpl/prog/images/socnet/twitter16.png | Bin 780 -> 0 bytes 8 files changed, 50 insertions(+), 7 deletions(-) create mode 100644 koha-tmpl/opac-tmpl/prog/images/social-sprite.png delete mode 100644 koha-tmpl/opac-tmpl/prog/images/socnet/delicious16.gif delete mode 100644 koha-tmpl/opac-tmpl/prog/images/socnet/facebook16.png delete mode 100644 koha-tmpl/opac-tmpl/prog/images/socnet/linkedin16.png delete mode 100644 koha-tmpl/opac-tmpl/prog/images/socnet/mailto16.png delete mode 100644 koha-tmpl/opac-tmpl/prog/images/socnet/twitter16.png diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css index 414b776..9eb522e 100644 --- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css +++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css @@ -2428,6 +2428,48 @@ span.sep { margin: 5px; } +#social_networks span { + color: #274D7F; + display : block; + float : left; + font-size: 85%; + font-weight: bold; + line-height: 2em; + margin : .5em 0 .5em .5em !important; +} +#social_networks a { + background: transparent url("../../images/social-sprite.png") no-repeat; + display: block; + height : 20px !important; + width : 20px; + text-indent : -999em; +} + +#social_networks div { + float : left !important; + margin : .5em 0 .5em .2em !important; +} + +#social_networks #facebook { + background-position : -7px -35px; +} + +#social_networks #twitter { + background-position : -7px -5px; +} + +#social_networks #linkedin { + background-position : -7px -95px; +} + +#social_networks #delicious { + background-position : -7px -66px; +} + +#social_networks #email { + background-position : -7px -126px; +} + /* jQuery UI standard tabs */ .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, @@ -2451,6 +2493,7 @@ span.sep { font-family : inherit; font-size : inherit; } + ul.ui-tabs-nav li { list-style : none; } diff --git a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt index 99a21b3..f543f33 100644 --- a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt +++ b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt @@ -1200,14 +1200,14 @@ YAHOO.util.Event.onContentReady("furtherm", function () { [% END %] [% IF ( SocialNetworks ) %] -
+
Share - Share on Facebook - Share on Twitter - Share on LinkedIn - Share on Delicious - - Share by email +
Facebook
+
Twitter
+
LinkedIn
+
Delicious
+
Email
+
[% END %] diff --git a/koha-tmpl/opac-tmpl/prog/images/social-sprite.png b/koha-tmpl/opac-tmpl/prog/images/social-sprite.png new file mode 100644 index 0000000000000000000000000000000000000000..63d6b74b31cd5d37dfced08b0e918e65c48a5402 GIT binary patch literal 2802 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 JPDHLkV1hJ+L6-mk diff --git a/koha-tmpl/opac-tmpl/prog/images/socnet/linkedin16.png b/koha-tmpl/opac-tmpl/prog/images/socnet/linkedin16.png deleted file mode 100644 index 2a195c2b7682bf66b118b08bc019bbb297c550ac..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 751 zcmV003>6 z003>600000003>600000003>600000003>6NBc_+0007tNkl+ zn_!`i`LJ|m^1d_ke&6SDF_Tusdf>q2;oP(O9RcXR`N31CUtRyC<^3C`fqzQ?JA6Aw zZEWq|-G96H@x>nnE;Khkym;lz>dI!w(g(r+lb@U8_k(2b`qghX{QS9-&vaXUV{m^+ zP$j5Q1!c}VoXCGSSW2hcS)PBqyXiwd=_aF8bgoGql;aB>US2!F_uD%RCpnMmAQ<&H zKH{a$Z8S~^O(QQ$F1)bHyRWaaGl<#V?bGlPBA{wGC&;YPikc!T@BpJEr*1>gz?B!RYUS+7C9d7-@&4tjBzZ|0pw2QJK$Ydh@rZOZq1A{uar7}TWue{V>EnxB{`x1r zxN)0vXHN0#$|A`irWj8^by|QLR+VU$QB_k8vb>-UfnGo1)31Ku^XtC?5Q$+$foVXs z!jl3TFcnZkW+YTqg_>e!AOSbKn<}OXGvFLB4QZI#bVi>|2{e1~X`0iAIaQ={_N`Z1 zr(e8=&_V-8mlinn?j61u1vQdgOn&i8;E_rL0B7#_` zL16Ibkp5mDi5$NT6ATdVNaHcT3=$-AAOhlW&Wp>oZ}!b}D9!eCGLayS2%LbA5FbtF zf9nG*X$`r0CuJEdBY*j}A%i0vj~C%YR$$ hqa;-M7{a%}{$IHtX7n4~n=$|Z002ovPDHLkV1g_(Te<)M diff --git a/koha-tmpl/opac-tmpl/prog/images/socnet/mailto16.png b/koha-tmpl/opac-tmpl/prog/images/socnet/mailto16.png deleted file mode 100644 index d8e4a5ad20489ece6a0d152dadb117c7b013bbcd..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 792 zcmV+z1LypSP)Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2ipt{ z4jVOgtWhHX00NjvL_t(I%dM2VN^5NphM!ppIU|B3xD@OxG$|C3fK5b1LA(GPEyTi0 z@E)wR6YR9HH%%mvU}qXpgxDykXw-;Cv$77jGP~IPvh%yy=Yg-B=X>X!myyTE$A_Mt zo}{YsFG@ssetv!o77B%AI-S;`p&@Cv+kXW$41@FYb3HjZNy^jHlkV*7FflPfCX>N+ zT}0%!fT~I;6rx(KQZAQST3SLZ%TmX2SYKZ!m&-9WHpcHNHw=U0<6{bi0&8n)M59rp z(P*gax~M9_6bgNOCbe2kTdh{dR?Fowr>CbZEG*#r{&%5) zK!ClyJ<{nklarHto2pnWhFn}+Xsgxg7~3!mip3%i4-e#WIe-t}4Z}c0D3wa2QYogU zraGXi`W1Y3cBai{^OK(-6>YkuZw9B&v$45{*U)Hk(a6&qG9LG#U&H3@|!6itqbB zjhl!tGBSdya(Q`4cXv0citqab-`?JET^Gx;Fin$8Cd0SZ{7MZE5A*W!!p+SMi9~{M zI85;N_7=;s7#|;JaBz_O`};pSK&-2LV^Lzo0 WgKAw8mt9H#0000f@- diff --git a/koha-tmpl/opac-tmpl/prog/images/socnet/twitter16.png b/koha-tmpl/opac-tmpl/prog/images/socnet/twitter16.png deleted file mode 100644 index ccb1b618963c52a441bd2b059fae90346ffd97ab..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 780 zcmV+n1M~ceP)003>6 z003>600000003>600000003>600000003>6NBc_+0007~NklK zv}00jLXys8a_`K%|DMOiO@&ZA@GPGnhr>Ar;O550*(>KSd{Pv}t1%@W$#7B%$CN*WbEy>5hHv`t|0@(z#EU`U}@4RRy_4RBM1Sk3j$$?e^uS%9n3{_4S%P_w=*R zjZPD6r5dXk;1t&XZIhgH*vY*KRN7uDoVPM+coM%uF*g#FSX>cDUG`XDWuJ z){NVG504>+%+#&`#5oQ}!+D!h(sJgBj%o|R*$TJ=jUOeG2;7wb}`0~t5C&&4H1TulCDuy z6%`>090ho169gp*ywHOiD_tc0%_Js>0be_aOr0ZV zzpRKNU@ajAEPxLYVTPz6qByCa-dr}EX&y%}f%oogGO8-_EF%{o#z+K0W&Km9R#g-Y&S~(T7`#dG#Ays( zybt1hb??X9pRa%X;Rla)(gD_ret$8q_w>I?IVMadCEkAr?EDKQX`=G4-NZKl0000< KMNUMnLSTZKHeIX$ -- 1.7.9.5