From 200f158f3503811a36b99b6605e4409d83a7030b Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Mon, 21 May 2012 09:39:31 -0400 Subject: [PATCH] Bug 7500 [FOLLOW-UP][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. --- koha-tmpl/opac-tmpl/prog/en/css/opac.css | 42 ++++++++++++++++++++ koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt | 14 +++---- 2 files changed, 49 insertions(+), 7 deletions(-) diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css index 0cc7f2d..f0690d8 100644 --- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css +++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css @@ -2405,6 +2405,48 @@ span.sep { text-shadow: 1px 1px 0 #FFF; } +#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; +} + /* ## BABELTHEQUE ## */ /* Uncomment if babeltheque configuration no contains these lines */ /* 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 cc59fb2..2ab8f80 100644 --- a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt +++ b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt @@ -1206,14 +1206,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 %] -- 1.7.9.5