From 0c480948fb7d3ac61c802c3a0e1250aa282362ef Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Mon, 14 May 2012 08:51:58 -0400 Subject: [PATCH 1/1] Bug 7500 [FOLLOW-UP][Social networks] Use CSS Sprites for faster page loading 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. signed-off-by: Jonathan Druart --- koha-tmpl/opac-tmpl/prog/en/css/opac.css | 42 ++++++++++++++++++++ koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt | 14 +++--- koha-tmpl/opac-tmpl/prog/images/social-sprite.png | Bin 0 -> 2802 bytes 3 files changed, 49 insertions(+), 7 deletions(-) create mode 100644 koha-tmpl/opac-tmpl/prog/images/social-sprite.png 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 ) %] -