From 02e88bb2965482ad3334aa70e6dd6e18f39a5a46 Mon Sep 17 00:00:00 2001 From: Fridolyn SOMERS Date: Wed, 27 Mar 2013 11:05:06 +0100 Subject: [PATCH] Bug 9935 - Social icons missing in CSSR theme When using CSSR theme, opac.css is missing css rules for social networks Facebook, LinkedIn ... This patch copies css rules related to social netxork from prog theme to cssr theme. Also copies social-sprite.png image. Test plan : - Set CSSR theme : syspref opacthemes=ccsr and opaccolorstylesheet=colors.css - Set syspref SocialNetworks=Enable - Go to a detail page at OPAC => check that social links are icons : Facebook, LinkedIn, Delicious, Send by email, Google Plus and Tweeter Signed-off-by: Liz Rea Social icons now showing, thanks! Signed-off-by: Jonathan Druart Signed-off-by: Jared Camins-Esakov --- koha-tmpl/opac-tmpl/ccsr/en/css/opac.css | 42 ++++++++++++++++++ .../opac-tmpl/ccsr/images/social-sprite.png | Bin 0 -> 2802 bytes 2 files changed, 42 insertions(+) create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/social-sprite.png diff --git a/koha-tmpl/opac-tmpl/ccsr/en/css/opac.css b/koha-tmpl/opac-tmpl/ccsr/en/css/opac.css index fbba3d7b1a..bf4129fa3d 100644 --- a/koha-tmpl/opac-tmpl/ccsr/en/css/opac.css +++ b/koha-tmpl/opac-tmpl/ccsr/en/css/opac.css @@ -2417,6 +2417,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, diff --git a/koha-tmpl/opac-tmpl/ccsr/images/social-sprite.png b/koha-tmpl/opac-tmpl/ccsr/images/social-sprite.png new file mode 100644 index 0000000000000000000000000000000000000000..63d6b74b31cd5d37dfced08b0e918e65c48a5402 GIT binary patch literal 2802 zcmd^BX;c$g8Z8nU5k-T>1+f`KK^CzU8wZ?5mL_dj#UvmqA|RkP3W^Nk$Ou6Yh$tok zii(mzSOX#m2w@WlghdE~4aTs9orFLL5fYYUD#3G{K683ze$2nAbLv&ScfR`GefPWf zI~C{bbWBxchYA1ysx|0WWN-ZisIK78sK9GVxeMD|MTqsWgkTI#3xlV60{#SNzD z$CqE1a2KVKwB}F4Q-UvxX4ey`9~Z<+D_MPmZQabjrgVyzrDRGap^APpr;a%^eEwF^ zh5XludI@WiH_Dwm9hCFDsGQ1}+TipSzec=KX5n;nU{Rd@Fed?=cJ&!Z$i^6)zs8d^V%+k6>Qib zVf7DpejLTWsEnly8B-;`d9RF&jNId!%gV|${RnBK4Bni`JE3i}3zj=Ax{a@J!58=T zarOtNYPd%~BGMA`spz{jb8MCmG2JsWmoq(AI5g^#QXyDaeom&=*ViM?J-$pcI zkc&g&O5fGBC$x2Nx!i_nsZhLBIXUGVPw$%)-+J&?_k1jsBhfq={*su%==uzIi|&}2 zCDu$%f02w$iwCA8yZw{*+YyT1&#IrqKFw}y<4YfAm3Fc@A3m})HOFc{4wh86Z*j+& z#k>XpXUm0{}{wZEdVDp-gYlaYaB`OUWCqpa?sG z10b<_2tdImQ9AqG z6ZQITW)@#(d21;^a*sWfC9}pOn6m{m3ybg>J9{pNGZY@10p@xL7i;XeUDG0rIn>_D zU=*%91@5v--`mSeTmUx--hKW_dzfTlW~Q4?U!u!k*{VVB_*vQ=?7Eld58b|9n~aws zBWOE18WLZgpwVb2)~wX~D<4Yk11V!wF2b&CiVxZtbJI^hxaR*6oXI-%37pN z-~Tg@Hu?~7?LX4}`!HqO6XWUbrrBLqGE~ZlB7aOT+cMhxds{iC(Vma*bD&tWz`e&` z)K{plE?%KWMK*JSf+&IAtH&k{F#9oKYO$sY6iV$!}>4{NvhBLlAl*IuUks3 z1+p*Re}oSIfdHz&8YL87vVfVIY+vpwS()E1FPEV}2`f>099}X0yb`|!q!g#Es>PqK zk-SpR)|5qf>3v}6iJGcWtEA}*+JQU8-$~t0`lY>H3yL683%*G)L{%CT#@mO7ZU$HE zl1yeWmVu6k&Eb5Pg)vHbox7$OY7Dw#^!t zdQF8JXKZFMyu3Cc(UP9wxB37kTyFZPUo0V$h5LdBsqGw zP7Z~@EM*TSnZ;-m&mjc~qJ37Nj z#`ko0$t<%6k>`I^_5w#d@I)As_LCl%$enu%AK&Jlqib%SqFbe_4wtc;OIK60gy+ik z{nffXA8!?bpsVfxXL>>9X4j7HbodF!as{oKSlSY4r{@;IluiB@KK-UXYdwLz@$GYG z&$_zKSCqI=Oibacw(L8|Fu?-bwmp8q^pu;>*@x14=+-6Vvf%GA3x=Bea8IIFSyZPC zrSw5DL6)=5ojC^bmgp?(kGQg>!-@vAcTDc9%1j`EWrN{7G@=U2b-p(~cq%#A(Gpl~ zROLIOcAgIz7Js?d^j_6brXfS`>!w>tH9m1iKOgkN$lG{g?nG^Am{