From 7edf0c67827ec8a8c9daccad9fe68392b3c4dfb0 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! --- koha-tmpl/opac-tmpl/ccsr/en/css/opac.css | 42 +++++++++++++++++++++ koha-tmpl/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 fbba3d7..bf4129f 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{