WP Social Sharing - Version 1.3

Version Description

November 3, 2014 =
Add Linkedin share button.
Update CSS

Release Info

Developer	arjunjain08
Plugin	WP Social Sharing
Version	1.3
Comparing to
See all releases

Code changes from version 1.2 to 1.3

Files changed (9) hide show

includes/class-admin.php +5 -2
includes/class-public.php +12 -4
includes/plugin.php +2 -1
includes/settings-page.php +14 -4
index.php +21 -4
readme.txt +11 -7
static/admin-styles.css +4 -3
static/socialshare.css +14 -10
static/socialshare.png +0 -0

includes/class-admin.php CHANGED Viewed

	@@ -20,6 +20,7 @@ class SS_Admin {
20	add_action( 'admin_enqueue_scripts', array( $this, 'load_css' ) );
21	}
22	}

23	function wss_plugin_activation_action(){
24	$defaults = array(
25	'twitter_username' => "",
	@@ -29,12 +30,14 @@ class SS_Admin {
29	'facebook_text'=>"Share on Facebook",
30	'twitter_text'=>"Share on Twitter",
31	'googleplus_text'=>"Share on Google+",

32	'show_icons'=>'0',
33	);
34	update_option( 'wp_social_sharing', $defaults );
35	- update_option( 'wss_wp_social_sharing','f,t,g');

36	}
37	-
38	public function load_css() {
39	wp_enqueue_style( 'social-sharing', SS_PLUGIN_URL . 'static/admin-styles.css' );
40	}


20	add_action( 'admin_enqueue_scripts', array( $this, 'load_css' ) );
21	}
22	}
23	+
24	function wss_plugin_activation_action(){
25	$defaults = array(
26	'twitter_username' => "",

30	'facebook_text'=>"Share on Facebook",
31	'twitter_text'=>"Share on Twitter",
32	'googleplus_text'=>"Share on Google+",
33	+ 'linkedin_text'=>"Share on Linkedin",
34	'show_icons'=>'0',
35	);
36	update_option( 'wp_social_sharing', $defaults );
37	+ update_option( 'wss_wp_social_sharing','f,t,g,l');
38	+ update_option( 'wss_pluign_version ',SS_VERSION);
39	}
40	+
41	public function load_css() {
42	wp_enqueue_style( 'social-sharing', SS_PLUGIN_URL . 'static/admin-styles.css' );
43	}

includes/class-public.php CHANGED Viewed

	@@ -44,14 +44,15 @@ class SS_Public {
44	}
45	}
46
47	- public function social_sharing( $atts=array()) {
48	extract(shortcode_atts(array(
49	'social_options' => 'twitter, facebook, googleplus',
50	'twitter_username' => '',
51	'twitter_text' => __( 'Share on Twitter ', 'social-sharing' ),
52	'facebook_text' => __( 'Share on Facebook', 'social-sharing' ),
53	'googleplus_text' => __( 'Share on Google+', 'social-sharing' ),
54	- '~~icon_order~~'=>'f,~~t,g~~',

55	'show_icons'=>'0'
56	),$atts));
57
	@@ -60,7 +61,7 @@ class SS_Public {
60
61	$title = urlencode( get_the_title() );
62	$url = urlencode( get_permalink() );
63	-
64	$loadjs='';
65
66	$opts=ss_get_options();
	@@ -73,12 +74,14 @@ class SS_Public {
73	$ssbutton_facebook='button-facebook';
74	$ssbutton_twitter='button-twitter';
75	$ssbutton_googleplus='button-googleplus';

76	$sssocial_sharing='';
77	if($show_icons){
78	$sssocial_sharing='ss-social-sharing';
79	$ssbutton_facebook='ss-button-facebook';
80	$ssbutton_twitter='ss-button-twitter';
81	- $ssbutton_googleplus='ss-button-googleplus';

82	}
83	$icon_order=explode(',',$icon_order);
84	ob_start();
	@@ -102,6 +105,11 @@ class SS_Public {
102	?><a <?php echo $loadjs;?> rel="external nofollow" class="<?php echo $ssbutton_googleplus;?>" href="https://plus.google.com/share?url=<?php echo $url; ?>" target="_blank" ><?php echo $googleplus_text; ?></a><?php
103	}
104	break;





105	}
106	} ?>
107	</div>


44	}
45	}
46
47	+ public function social_sharing( $atts=array() ) {
48	extract(shortcode_atts(array(
49	'social_options' => 'twitter, facebook, googleplus',
50	'twitter_username' => '',
51	'twitter_text' => __( 'Share on Twitter ', 'social-sharing' ),
52	'facebook_text' => __( 'Share on Facebook', 'social-sharing' ),
53	'googleplus_text' => __( 'Share on Google+', 'social-sharing' ),
54	+ 'linkedin_text' => __('Share on Linkedin', 'social-sharing' ),
55	+ 'icon_order'=>'f,t,g,l',
56	'show_icons'=>'0'
57	),$atts));
58

61
62	$title = urlencode( get_the_title() );
63	$url = urlencode( get_permalink() );
64	+
65	$loadjs='';
66
67	$opts=ss_get_options();

74	$ssbutton_facebook='button-facebook';
75	$ssbutton_twitter='button-twitter';
76	$ssbutton_googleplus='button-googleplus';
77	+ $ssbutton_linkedin='button-linkedin';
78	$sssocial_sharing='';
79	if($show_icons){
80	$sssocial_sharing='ss-social-sharing';
81	$ssbutton_facebook='ss-button-facebook';
82	$ssbutton_twitter='ss-button-twitter';
83	+ $ssbutton_googleplus='ss-button-googleplus';
84	+ $ssbutton_linkedin='ss-button-linkedin';
85	}
86	$icon_order=explode(',',$icon_order);
87	ob_start();

105	?><a <?php echo $loadjs;?> rel="external nofollow" class="<?php echo $ssbutton_googleplus;?>" href="https://plus.google.com/share?url=<?php echo $url; ?>" target="_blank" ><?php echo $googleplus_text; ?></a><?php
106	}
107	break;
108	+ case 'l':
109	+ if(in_array('linkedin', $social_options)){
110	+ ?><a <?php echo $loadjs;?> rel="external nofollow" class="<?php echo $ssbutton_linkedin;?>" href="http://www.linkedin.com/shareArticle?mini=true&url=<?php echo substr($url,0,1024);?>&title=<?php echo substr($title,0,200);?>" target="_blank" ><?php echo $linkedin_text; ?></a><?php
111	+ }
112	+ break;
113	}
114	} ?>
115	</div>

includes/plugin.php CHANGED Viewed

	@@ -13,11 +13,12 @@ function ss_get_options()
13	$defaults = array(
14	'twitter_username' => "",
15	'auto_add_post_types' => array( 'post' ),
16	- 'social_options'=>array('facebook','twitter','googleplus'),
17	'load_static'=>array('load_css','load_js'),
18	'facebook_text'=>"Share on Facebook",
19	'twitter_text'=>"Share on Twitter",
20	'googleplus_text'=>"Share on Google+",

21	);
22
23	$db_option = get_option( 'wp_social_sharing', array());


13	$defaults = array(
14	'twitter_username' => "",
15	'auto_add_post_types' => array( 'post' ),
16	+ 'social_options'=>array('facebook','twitter','googleplus','linkedin'),
17	'load_static'=>array('load_css','load_js'),
18	'facebook_text'=>"Share on Facebook",
19	'twitter_text'=>"Share on Twitter",
20	'googleplus_text'=>"Share on Google+",
21	+ 'linkedin_text'=>"Share on Linkedin",
22	);
23
24	$db_option = get_option( 'wp_social_sharing', array());

includes/settings-page.php CHANGED Viewed

	@@ -17,9 +17,10 @@ if( ! defined("SS_VERSION") ) {
17	<label><?php _e('Social share button','wp-social-sharing');?></label>
18	</th>
19	<td>
20	- <input type="checkbox" id="facebook_share" name="wp_social_sharing[social_options][]" value="facebook" <?php checked( in_array( 'facebook', $opts['social_options'] ), true ); ~~?>><~~label for="facebook_share"><?php echo _e('Facebook','wp-social-sharing')?></label>
21	- <input type="checkbox" id="twitter_share" name="wp_social_sharing[social_options][]" value="twitter" <?php checked( in_array( 'twitter', $opts['social_options'] ), true ); ~~?>><~~label for="twitter_share"><?php echo _e('Twitter','wp-social-sharing')?></label>
22	- <input type="checkbox" id="googleplus_share" name="wp_social_sharing[social_options][]" value="googleplus" <?php checked( in_array( 'googleplus', $opts['social_options'] ), true ); ~~?>><~~label for="googleplus_share"><?php echo _e('Google Plus','wp-social-sharing')?></label>

23	</td>
24	</tr>
25	<tr valign="top">
	@@ -27,7 +28,7 @@ if( ! defined("SS_VERSION") ) {
27	<td>
28	<div class="dndicon">
29	<?php $s_order=get_option('wss_wp_social_sharing');
30	- if(empty($s_order)) $s_order='f,t,g';
31	$io=explode(',',rtrim($s_order,','));
32	foreach ($io as $i){
33	switch($i){
	@@ -40,6 +41,9 @@ if( ! defined("SS_VERSION") ) {
40	case 't':
41	echo '<div class="s-icon twitter-icon" id="t"></div>';
42	break;



43	}
44	}?>
45	</div>
	@@ -70,6 +74,12 @@ if( ! defined("SS_VERSION") ) {
70	<input type="text" name="wp_social_sharing[googleplus_text]" id="googleplus_text" class="widefat" value="<?php echo esc_attr($opts['googleplus_text']); ?>">
71	</td>
72	</tr>






73	<tr>
74	<th><label><?php _e('Load plugin scripts','wp-social-sharing');?></label></th>
75	<td>


17	<label><?php _e('Social share button','wp-social-sharing');?></label>
18	</th>
19	<td>
20	+ <input type="checkbox" id="facebook_share" name="wp_social_sharing[social_options][]" value="facebook" <?php checked( in_array( 'facebook', $opts['social_options'] ), true ); ?> /><label for="facebook_share"><?php echo _e('Facebook','wp-social-sharing')?></label>
21	+ <input type="checkbox" id="twitter_share" name="wp_social_sharing[social_options][]" value="twitter" <?php checked( in_array( 'twitter', $opts['social_options'] ), true ); ?> /><label for="twitter_share"><?php echo _e('Twitter','wp-social-sharing')?></label>
22	+ <input type="checkbox" id="googleplus_share" name="wp_social_sharing[social_options][]" value="googleplus" <?php checked( in_array( 'googleplus', $opts['social_options'] ), true ); ?> /><label for="googleplus_share"><?php echo _e('Google Plus','wp-social-sharing')?></label>
23	+ <input type="checkbox" id="linkedin_share" name="wp_social_sharing[social_options][]" value="linkedin" <?php checked( in_array( 'linkedin', $opts['social_options'] ), true ); ?> /><label for="linkedin_share"><?php echo _e('Linkedin','wp-social-sharing')?></label>
24	</td>
25	</tr>
26	<tr valign="top">

28	<td>
29	<div class="dndicon">
30	<?php $s_order=get_option('wss_wp_social_sharing');
31	+ if(empty($s_order)) $s_order='f,t,g,l';
32	$io=explode(',',rtrim($s_order,','));
33	foreach ($io as $i){
34	switch($i){

41	case 't':
42	echo '<div class="s-icon twitter-icon" id="t"></div>';
43	break;
44	+ case 'l':
45	+ echo '<div class="s-icon linkedin-icon" id="l"></div>';
46	+ break;
47	}
48	}?>
49	</div>

74	<input type="text" name="wp_social_sharing[googleplus_text]" id="googleplus_text" class="widefat" value="<?php echo esc_attr($opts['googleplus_text']); ?>">
75	</td>
76	</tr>
77	+ <tr valign="top">
78	+ <th><label for="linkedin_text"><?php _e('Linkedin share button text','wp-social-sharing');?></label></th>
79	+ <td>
80	+ <input type="text" name="wp_social_sharing[linkedin_text]" id="linkedin_text" class="widefat" value="<?php echo esc_attr($opts['linkedin_text']); ?>">
81	+ </td>
82	+ </tr>
83	<tr>
84	<th><label><?php _e('Load plugin scripts','wp-social-sharing');?></label></th>
85	<td>

index.php CHANGED Viewed

	@@ -1,9 +1,9 @@
1	<?php
2	/*
3	Plugin Name: WP Social Sharing
4	- Version: 1.2
5	Plugin URI: http://wordpress.org/plugins/wp-social-sharing/
6	- Description: Adds very attractive responsive social sharing buttons of Facebook, Twitter and Google+ to wordpress posts, pages or media.
7	Author: Arjun Jain
8	Author URI: http://www.arjunjain.info/
9	Text Domain: wp-social-sharing
	@@ -16,7 +16,7 @@ if ( ! defined( 'ABSPATH' ) ) {
16	exit;
17	}
18
19	- define( "SS_VERSION", "1.0" );
20	define( "SS_PLUGIN_DIR", plugin_dir_path( __FILE__ ) );
21	define( "SS_PLUGIN_URL", plugins_url( '/' , __FILE__ ) );
22
	@@ -30,4 +30,21 @@ if( ! is_admin() ) {
30	new SS_Admin();
31	}
32
33	- register_activation_hook(__FILE__, array('SS_Admin','wss_plugin_activation_action'));


1	<?php
2	/*
3	Plugin Name: WP Social Sharing
4	+ Version: 1.3
5	Plugin URI: http://wordpress.org/plugins/wp-social-sharing/
6	+ Description: Adds very attractive responsive social sharing buttons of Facebook, Twitter, Linkedin and Google+ to wordpress posts, pages or media.
7	Author: Arjun Jain
8	Author URI: http://www.arjunjain.info/
9	Text Domain: wp-social-sharing

16	exit;
17	}
18
19	+ define( "SS_VERSION", "1.3" );
20	define( "SS_PLUGIN_DIR", plugin_dir_path( __FILE__ ) );
21	define( "SS_PLUGIN_URL", plugins_url( '/' , __FILE__ ) );
22

30	new SS_Admin();
31	}
32
33	+ register_activation_hook(__FILE__, array('SS_Admin','wss_plugin_activation_action'));
34	+
35	+ add_action( 'plugins_loaded', 'wss_update_db_check_while_plugin_upgrade' );
36	+
37	+ function wss_update_db_check_while_plugin_upgrade(){
38	+ $current_version=get_option('wss_plugin_version');
39	+ if($current_version === FALSE)
40	+ $current_version='1.0';
41	+
42	+ // change for linkedin button
43	+ if($current_version != '1.3'){
44	+ update_option('wss_wp_social_sharing','f,t,g,l');
45	+ $default=get_option('wp_social_sharing');
46	+ $default['linkedin_text']='Share on Linkedin';
47	+ update_option('wp_social_sharing',$default);
48	+ update_option('wss_plugin_version','1.3');
49	+ }
50	+ }

readme.txt CHANGED Viewed

	@@ -3,23 +3,23 @@ Contributors: arjunjain08
3	Author URI: http://www.arjunjain.info
4	Plugin URI: http://wordpress.org/plugins/wp-social-sharing/
5	Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=SQC4WR7X5JGDY&lc=IN&item_name=WP%20Social%20Sharing&item_number=7&button_subtype=services&currency_code=USD&bn=PP%2dBuyNowBF%3abtn_buynowCC_LG%2egif%3aNonHosted
6	- Tags: responsive social buttons, responsive social sharing buttons, responsive button, social buttons, social sharing, sharing buttons, twitter, googleplus, facebook
7	Requires at least: 3.5
8	Tested up to: 4.0
9	- Stable tag: 1.2
10	License: GPLv3
11
12	- Adds very attractive responsive social sharing buttons of Facebook, Twitter and Google+ to wordpress posts, pages or media.
13
14	== Description ==
15
16	- WP Social sharing adds very attractive responsive social share buttons of Facebook, Twitter and Google+ to wordpress posts, page or ~~media~~. This is very lightweight and simple social sharing plugin. This plugin provide option whether you want to include plugin CSS/JS or not.
17	Most of the social sharing plugins uses images/api to display social share buttons, but this plugin created large social sharing buttons using CSS3. Also these social sharing buttons are responsive. For device width <strong>less than 480px</strong> these buttons converted into their respective icons.
18
19	Plugin Features
20
21	- - Social sharing support for Facebook, Google+ and Twitter.
22	- - Auto display to Post, Page and ~~Media~~.
23	- Custom Social Button text.
24	- 100% responsive.
25	- Reorder Social icon order easily.
	@@ -30,7 +30,7 @@ Most of the social sharing plugins uses images/api to display social share butto
30	You can also use following shortcode
31
32	`
33	- [wp_social_sharing social_options='facebook,twitter,googleplus' twitter_username='arjun077' facebook_text='Share on Facebook' twitter_text='Share on Twitter' googleplus_text='Share on Google+' icon_order='f,t,g' show_icons='0']
34	`
35
36	== Support ==
	@@ -52,6 +52,10 @@ You can also use following shortcode
52
53	== Changelog ==
54




55	= 1.2 - August 8, 2014 =
56	- Fixed empty shortcode.
57	- Add option for always display social icons.


3	Author URI: http://www.arjunjain.info
4	Plugin URI: http://wordpress.org/plugins/wp-social-sharing/
5	Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=SQC4WR7X5JGDY&lc=IN&item_name=WP%20Social%20Sharing&item_number=7&button_subtype=services&currency_code=USD&bn=PP%2dBuyNowBF%3abtn_buynowCC_LG%2egif%3aNonHosted
6	+ Tags: responsive social buttons, responsive social sharing buttons, responsive button, social buttons, social sharing, sharing buttons, twitter, googleplus, facebook, linkedin, custom post type
7	Requires at least: 3.5
8	Tested up to: 4.0
9	+ Stable tag: 1.3
10	License: GPLv3
11
12	+ Adds very attractive responsive social sharing buttons of Facebook, Twitter, Linkedin and Google+ to wordpress posts, pages or media.
13
14	== Description ==
15
16	+ WP Social sharing adds very attractive responsive social share buttons of Facebook, Twitter, Linkedin and Google+ to wordpress posts, page, media or any custom post type. This is very lightweight and simple social sharing plugin. This plugin provide option whether you want to include plugin CSS/JS or not.
17	Most of the social sharing plugins uses images/api to display social share buttons, but this plugin created large social sharing buttons using CSS3. Also these social sharing buttons are responsive. For device width <strong>less than 480px</strong> these buttons converted into their respective icons.
18
19	Plugin Features
20
21	+ - Social sharing support for Facebook, Google+, Linkedin and Twitter.
22	+ - Auto display to Post, Page, Media and Custom Post type.
23	- Custom Social Button text.
24	- 100% responsive.
25	- Reorder Social icon order easily.

30	You can also use following shortcode
31
32	`
33	+ [wp_social_sharing social_options='facebook,twitter,googleplus,linkedin' twitter_username='arjun077' facebook_text='Share on Facebook' twitter_text='Share on Twitter' googleplus_text='Share on Google+' linkedin_text='Share on Linkedin' icon_order='f,t,g,l' show_icons='0']
34	`
35
36	== Support ==

52
53	== Changelog ==
54
55	+ = 1.3 - November 3, 2014 =
56	+ - Add Linkedin share button.
57	+ - Update CSS
58	+
59	= 1.2 - August 8, 2014 =
60	- Fixed empty shortcode.
61	- Add option for always display social icons.

static/admin-styles.css CHANGED Viewed

	@@ -9,9 +9,10 @@
9	.ss-title{ margin-top: 2em;}
10	.dndicon {border:1px solid;display: inline-block;padding: 5px 0;}
11	.dndicon .s-icon{cursor:move; background-image:url('socialshare.png'); background-repeat: no-repeat;height: 45px; width: 45px; float: left;margin:0 10px}
12	- .dndicon .~~facebook~~-icon{background-position: 0 -45px;}
13	- .dndicon .~~twitter~~-icon {background-position: -45px -45px;}
14	- .dndicon .~~googleplus~~-icon{background-position: -90px -45px;}

15
16	@media(max-width: 919px) {
17	.ss-column{float: none;width: 100%;}


9	.ss-title{ margin-top: 2em;}
10	.dndicon {border:1px solid;display: inline-block;padding: 5px 0;}
11	.dndicon .s-icon{cursor:move; background-image:url('socialshare.png'); background-repeat: no-repeat;height: 45px; width: 45px; float: left;margin:0 10px}
12	+ .dndicon .twitter-icon{background-position: 0 -45px;}
13	+ .dndicon .googleplus-icon {background-position: -45px -45px;}
14	+ .dndicon .facebook-icon{background-position: -90px -45px;}
15	+ .dndicon .linkedin-icon{background-position: -135px -45px;}
16
17	@media(max-width: 919px) {
18	.ss-column{float: none;width: 100%;}

static/socialshare.css CHANGED Viewed

	@@ -1,24 +1,28 @@
1	@CHARSET "UTF-8";
2	.social-sharing{width: 100%; clear: both;}
3	- a.button-facebook,a.button-googleplus,a.button-twitter {color: #fff;text-decoration:none;font-size: 16px;font-weight:normal; margin:1% 1% 1% 0;padding:5px 1%;padding:.5rem 1%;text-align:center;~~width:28%;~~display: inline-block;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
4	a.button-facebook {background-color: #2b4170;background: -moz-linear-gradient(top, #3b5998, #2b4170);background: -ms-linear-gradient(top, #3b5998, #2b4170);background: -webkit-linear-gradient(top, #3b5998, #2b4170);text-shadow: 0 -1px -1px #1f2f52;}
5	a.button-facebook:hover {background-color: #3b5998;background: -moz-linear-gradient(top, #2b4170, #3b5998);background: -ms-linear-gradient(top, #2b4170, #3b5998);background: -webkit-linear-gradient(top, #2b4170, #3b5998);color:#fff;}
6	a.button-googleplus { background-color: #c33219;background: -moz-linear-gradient(top, #e64522, #c33219);background: -ms-linear-gradient(top, #e64522, #c33219);background: -webkit-linear-gradient(top, #e64522, #c33219);text-shadow: 0 -1px -1px #972412;}
7	a.button-googleplus:hover {background-color: #e64522;background: -moz-linear-gradient(top, #c33219, #e64522);background: -ms-linear-gradient(top, #c33219, #e64522);background: -webkit-linear-gradient(top, #c33219, #e64522); color:#fff;}
8	a.button-twitter {background-color: #0081ce;background: -moz-linear-gradient(top, #00aced, #0081ce);background: -ms-linear-gradient(top, #00aced, #0081ce);background: -webkit-linear-gradient(top, #00aced, #0081ce);text-shadow: 0 -1px -1px #005ea3;}
9	a.button-twitter:hover {background-color: #00aced;background: -moz-linear-gradient(top, #0081ce, #00aced);background: -ms-linear-gradient(top, #0081ce, #00aced);background: -webkit-linear-gradient(top, #0081ce, #00aced);color:#fff;}


10
11	.ss-social-sharing a{text-indent: -999px;}
12	- a.ss-button-facebook, a.ss-button-googleplus, a.ss-button-twitter{background-image: url(socialshare.png);width: 45px;height: 45px;background-repeat: no-repeat;padding: 0px;border: 0px;margin:1% 1% 1% 0;display: inline-block;}
13	- a.ss-button-~~facebook~~{background-position:0px -45px;}a.ss-button-~~facebook~~:hover{background-position:0px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
14	- a.ss-button-~~twitter~~{background-position: -45px -45px;}a.ss-button-~~twitter~~:hover{background-position: -45px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
15	- a.ss-button-~~googleplus~~{background-position: -90px -45px;}a.ss-button-~~googleplus~~:hover{background-position: -90px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}

16
17	/* Smartphones (portrait and landscape) */
18	@media (max-width : 480px){
19	.social-sharing a{text-indent: -999px;}
20	- a.button-facebook, a.button-googleplus,a.button-twitter{background-image: url(socialshare.png) !important;width: 45px;height: 45px;background-repeat: no-repeat;padding: 0px;border: 0px;}
21	- a.button-~~facebook~~{background-position:0px -45px; }a.button-facebook:hover{background-position:0px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
22	- a.button-~~twitter~~{background-position: -45px -45px;}a.button-twitter:hover{background-position: -45px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
23	- a.button-~~googleplus~~{background-position: -90px -45px;}a.button-googleplus:hover{background-position: -90px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
24	- }


1	@CHARSET "UTF-8";
2	.social-sharing{width: 100%; clear: both;}
3	+ a.button-facebook,a.button-googleplus,a.button-twitter,a.button-linkedin {color: #fff;text-decoration:none;font-size: 16px;font-weight:normal; margin:1% 1% 1% 0;padding:5px 1%;padding:.5rem 1%;text-align:center;display: inline-block;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
4	a.button-facebook {background-color: #2b4170;background: -moz-linear-gradient(top, #3b5998, #2b4170);background: -ms-linear-gradient(top, #3b5998, #2b4170);background: -webkit-linear-gradient(top, #3b5998, #2b4170);text-shadow: 0 -1px -1px #1f2f52;}
5	a.button-facebook:hover {background-color: #3b5998;background: -moz-linear-gradient(top, #2b4170, #3b5998);background: -ms-linear-gradient(top, #2b4170, #3b5998);background: -webkit-linear-gradient(top, #2b4170, #3b5998);color:#fff;}
6	a.button-googleplus { background-color: #c33219;background: -moz-linear-gradient(top, #e64522, #c33219);background: -ms-linear-gradient(top, #e64522, #c33219);background: -webkit-linear-gradient(top, #e64522, #c33219);text-shadow: 0 -1px -1px #972412;}
7	a.button-googleplus:hover {background-color: #e64522;background: -moz-linear-gradient(top, #c33219, #e64522);background: -ms-linear-gradient(top, #c33219, #e64522);background: -webkit-linear-gradient(top, #c33219, #e64522); color:#fff;}
8	a.button-twitter {background-color: #0081ce;background: -moz-linear-gradient(top, #00aced, #0081ce);background: -ms-linear-gradient(top, #00aced, #0081ce);background: -webkit-linear-gradient(top, #00aced, #0081ce);text-shadow: 0 -1px -1px #005ea3;}
9	a.button-twitter:hover {background-color: #00aced;background: -moz-linear-gradient(top, #0081ce, #00aced);background: -ms-linear-gradient(top, #0081ce, #00aced);background: -webkit-linear-gradient(top, #0081ce, #00aced);color:#fff;}
10	+ a.button-linkedin {background-color: #0073b2;background: -moz-linear-gradient(top, #009cda, #0073b2);background:-ms-linear-gradient(top, #009cda, #0073b2);background: -webkit-linear-gradient(top, #009cda, #0073b2);text-shadow: 0 -1px -1px #005486;}
11	+ a.button-linkedin:hover{background-color: #009cda;background: -moz-linear-gradient(top, #0073b2, #009cda);background: -ms-linear-gradient(top, #0073b2, #009cda);background: -webkit-linear-gradient(top, #0073b2, #009cda);color:#fff;}
12
13	.ss-social-sharing a{text-indent: -999px;}
14	+ a.ss-button-facebook, a.ss-button-googleplus, a.ss-button-twitter, a.ss-button-linkedin{background-image: url(socialshare.png);width: 45px;height: 45px;background-repeat: no-repeat;padding: 0px;border: 0px;margin:1% 1% 1% 0;display: inline-block;}
15	+ a.ss-button-twitter{background-position:0px -45px;}a.ss-button-twitter:hover{background-position:0px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
16	+ a.ss-button-googleplus{background-position: -45px -45px;}a.ss-button-googleplus:hover{background-position: -45px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
17	+ a.ss-button-facebook{background-position: -90px -45px;}a.ss-button-facebook:hover{background-position: -90px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
18	+ a.ss-button-linkedin{background-position: -135px -45px;}a.ss-button-linkedin:hover{background-position: -135px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
19
20	/* Smartphones (portrait and landscape) */
21	@media (max-width : 480px){
22	.social-sharing a{text-indent: -999px;}
23	+ a.button-facebook, a.button-googleplus,a.button-twitter,a.button-linkedin{background-image: url(socialshare.png) !important;width: 45px;height: 45px;background-repeat: no-repeat;padding: 0px;border: 0px;}
24	+ a.button-twitter{background-position:0px -45px; }a.button-facebook:hover{background-position:0px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
25	+ a.button-googleplus{background-position: -45px -45px;}a.button-twitter:hover{background-position: -45px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
26	+ a.button-facebook{background-position: -90px -45px;}a.button-googleplus:hover{background-position: -90px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
27	+ a.button-linkedin{background-position: -135px -45px;}a.button-googleplus:hover{background-position: -135px 0px;transition-delay: 0s;transition-duration: 250ms;transition-property: all; transition-timing-function: ease-in-out;}
28	+ }

static/socialshare.png CHANGED Viewed

Binary file