File "sfsi_option_view3.php"
Full Path: /home/zcziejy/ryadselyen/-20260112071320/views/sfsi_option_view3.php
File size: 66.74 KB
MIME-type: text/x-php
Charset: utf-8
<?php
/* unserialize all saved option for second section options */
$option3 = maybe_unserialize( get_option( 'sfsi_section3_options', false ) );
$option1 = maybe_unserialize( get_option( 'sfsi_section1_options', false ) );
$option2 = maybe_unserialize( get_option( 'sfsi_section2_options', false ) );
$sfsi_custom_icons = get_option( 'sfsi_custom_icons' );
/*
* Sanitize, escape and validate values
*/
$option3['sfsi_actvite_theme'] = (isset($option3['sfsi_actvite_theme'])) ? sanitize_text_field($option3['sfsi_actvite_theme']) : '';
$option3['sfsi_mouseOver'] = (isset($option3['sfsi_mouseOver'])) ? sanitize_text_field($option3['sfsi_mouseOver']) : '';
$option3['sfsi_mouseOver_effect'] = (isset($option3['sfsi_mouseOver_effect'])) ? sanitize_text_field($option3['sfsi_mouseOver_effect']) : '';
$option3['sfsi_shuffle_icons'] = (isset($option3['sfsi_shuffle_icons'])) ? sanitize_text_field($option3['sfsi_shuffle_icons']) : '';
$option3['sfsi_shuffle_Firstload'] = (isset($option3['sfsi_shuffle_Firstload'])) ? sanitize_text_field($option3['sfsi_shuffle_Firstload']) : '';
$option3['sfsi_shuffle_interval'] = (isset($option3['sfsi_shuffle_interval'])) ? sanitize_text_field($option3['sfsi_shuffle_interval']) : '';
$option3['sfsi_shuffle_intervalTime'] = (isset($option3['sfsi_shuffle_intervalTime'])) ? intval($option3['sfsi_shuffle_intervalTime']) : '';
$option3['sfsi_mouseOver_effect_type'] = (isset($option3['sfsi_mouseOver_effect_type'])) ? sanitize_text_field($option3['sfsi_mouseOver_effect_type']) : 'same_icons';
?>
<!-- Section 3 "What design & animation do you want to give your icons?" main div Start -->
<div class="tab3">
<p>
<?php _e( 'A good & well-fitting design is not only nice to look at, but it increases chances that people will subscribe and/or share your site with friends:','ultimate-social-media-icons') ?>
</p>
<ul class="tab_3_list">
<li><?php _e('It comes across as','ultimate-social-media-icons') ?> <span><?php _e('more professional','ultimate-social-media-icons') ?></span> <?php _e('and gives your site','ultimate-social-media-icons') ?> <span><?php _e('more “credit”','ultimate-social-media-icons') ?></span></li>
<li><?php _e('A smart automatic animation can','ultimate-social-media-icons') ?> <span><?php _e('make your visitors aware of your icons','ultimate-social-media-icons') ?></span><?php ' '._e('in an unintrusive manner','ultimate-social-media-icons') ?> </li>
</ul>
<p style="padding:0px;">
<?php
printf(
__( 'The icons have been compressed by %1sShortpixel.com%2s for faster loading of your site. Thank you Shortpixel!','ultimate-social-media-icons' ),
'<a href="https://goo.gl/IV5Q3z" target="_blank">',
'</a>'
);
?>
</p>
<div class="row">
<!--<h3>Theme options</h3>-->
<h4><?php _e( 'Theme options', 'ultimate-social-media-icons' ); ?></h4>
<!--icon themes section start -->
<ul class="tab_3_icns tab_3_icns_width">
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'default') ? 'checked="true"' : ''; ?> type="radio" value="default" class="styled" /><label><?php _e('Default','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_1_1 rss_section"></span><span class="row_1_2 email_section"></span><span class="row_1_3 facebook_section"></span><span class="row_1_5 twitter_section"></span><span class="row_1_7 youtube_section"></span><span class="row_1_8 pinterest_section"></span><span class="row_1_9 linkedin_section"></span> <span class="row_1_10 instagram_section"></span><span class="row_1_14 telegram_section"></span><span class="row_1_15 vk_section"></span><span class="row_1_16 ok_section"></span><span class="row_1_19 whatsapp_section"></span><span class="row_1_17 weibo_section"></span><span class="row_1_18 wechat_section"></span><span class="row_1_20 snapchat_section"></span><span class="row_1_21 reddit_section"></span><span class="row_1_22 fbmessenger_section"></span><span class="row_1_23 tiktok_section"></span><span class="row_1_29 copylink_section"></span><span class="row_1_24 mastodon_section"></span>
<!--<span class="row_1_11 sf_section"></span>-->
</div>
</li>
<li class="sfsi_webtheme" style='display:none;'>
<a href="#" target="_blank">
<span class="radio" style="opacity: 0.5;"></span>
<label class="sfsi_premium_ad_lable" style="text-transform: capitalize;"><?php _e( 'Default', 'ultimate-social-media-icons'); ?></label>
<div class="icns_tab_3 sfsi_premium_ad">
<span class="premium_col_1 rss_section"></span>
<span class="premium_col_2 email_section"></span>
<span class="premium_col_3 facebook_section"></span>
<span class="premium_col_4 twitter_section"></span>
<div class="sfis_premium_ad_name"><?php _e('(Premium)','ultimate-social-media-icons') ?></div>
<!--<span class="row_1_11 sf_section"></span>-->
</div>
</a>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'animated_icons') ? 'checked="true"' : ''; ?> type="radio" value="animated_icons" class="styled" />
<label class="sfsi_tooltip_premium sfsi_tooltip_premium_small sfsi-max-content">
<?php _e( 'Animated Icons', 'ultimate-social-media-icons' ); ?><span class="sfsi_premium_logo_icon"></span>
<span class="sfsi_tooltip_text_premium sfsi_tooltip_text_premium_small"><?php _e( 'May increase the website\'s loading time slightly', 'ultimate-social-media-icons' ); ?></a></span>
</label>
<div class="icns_tab_3"><span class="row_20_1 rss_section"></span><span class="row_20_2 email_section"></span><span class="row_20_3 facebook_section"></span><span class="row_20_5 twitter_section"></span><span class="row_20_7 youtube_section"></span><span class="row_20_8 pinterest_section"></span><span class="row_20_9 linkedin_section"></span><span class="row_20_10 instagram_section"></span><span class="row_20_14 telegram_section"></span><span class="row_20_15 vk_section"></span><span class="row_20_16 ok_section"></span><span class="row_20_19 whatsapp_section"></span><span class="row_20_17 weibo_section"></span><span class="row_20_18 wechat_section"></span><span class="row_20_20 snapchat_section"></span><span class="row_20_21 reddit_section"></span><span class="row_20_22 fbmessenger_section"></span><span class="row_20_23 tiktok_section"></span><span class="row_20_29 copylink_section"></span><span class="row_20_24 mastodon_section"></span>
<!--<span class="row_20_11 sf_section"></span>-->
</div>
</li>
<li>
<input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'flat') ? 'checked="true"' : ''; ?> type="radio" value="flat" class="styled" />
<label><?php _e( 'Flat', 'ultimate-social-media-icons' ); ?></label>
<?php
$sfsi_rss_bgColor = $sfsi_rss_bgColor_style = $sfsi_email_bgColor = $sfsi_email_bgColor_style = $sfsi_facebook_bgColor = $sfsi_facebook_bgColor_style = $sfsi_twitter_bgColor = $sfsi_twitter_bgColor_style = $sfsi_youtube_bgColor = $sfsi_youtube_bgColor_style = $sfsi_pinterest_bgColor = $sfsi_pinterest_bgColor_style = $sfsi_linkedin_bgColor = $sfsi_linkedin_bgColor_style = $sfsi_instagram_bgColor = $sfsi_instagram_bgColor_style = $sfsi_snapchat_bgColor = $sfsi_snapchat_bgColor_style = $sfsi_whatsapp_bgColor = $sfsi_whatsapp_bgColor_style = $sfsi_reddit_bgColor = $sfsi_reddit_bgColor_style = $sfsi_fbmessenger_bgColor = $sfsi_fbmessenger_bgColor_style = $sfsi_ok_bgColor = $sfsi_ok_bgColor_style = $sfsi_telegram_bgColor = $sfsi_telegram_bgColor_style = $sfsi_vk_bgColor = $sfsi_vk_bgColor_style = $sfsi_wechat_bgColor = $sfsi_wechat_bgColor_style = $sfsi_weibo_bgColor = $sfsi_weibo_bgColor_style = $sfsi_tiktok_bgColor = $sfsi_tiktok_bgColor_style = $sfsi_copylink_bgColor = $sfsi_copylink_bgColor_style = $sfsi_mastodon_bgColor = $sfsi_mastodon_bgColor_style = '';
if ( isset( $option3['sfsi_rss_bgColor'] ) && $option3['sfsi_rss_bgColor'] != '' ) {
$sfsi_rss_bgColor = $option3['sfsi_rss_bgColor'];
$sfsi_rss_bgColor_style = 'background: '.$sfsi_rss_bgColor;
} else {
$sfsi_rss_bgColor_style = 'background: #f2721f';
}
if ( isset( $option3['sfsi_email_bgColor'] ) && $option3['sfsi_email_bgColor'] != '' ) {
$sfsi_email_bgColor = $option3['sfsi_email_bgColor'];
$sfsi_email_bgColor_style = 'background: '.$sfsi_email_bgColor;
} else {
if ($option2['sfsi_rss_icons'] == "sfsi") {
$sfsi_email_bgColor_style = 'background: #05B04E';
} elseif ($option2['sfsi_rss_icons'] == "email") {
$sfsi_email_bgColor_style = 'background: #343D44';
} else {
$sfsi_email_bgColor_style = 'background: #a2a2a2';
}
}
$sfsi_email_default = '';
if ($option2['sfsi_rss_icons'] == "sfsi") {
$sfsi_email_default = '#05B04E';
} elseif ($option2['sfsi_rss_icons'] == "email") {
$sfsi_email_default = '#343D44';
} else {
$sfsi_email_default = '#a2a2a2';
}
if ( isset( $option3['sfsi_facebook_bgColor'] ) && $option3['sfsi_facebook_bgColor'] != '' ) {
$sfsi_facebook_bgColor = $option3['sfsi_facebook_bgColor'];
$sfsi_facebook_bgColor_style = 'background: '.$sfsi_facebook_bgColor;
} else {
$sfsi_facebook_bgColor_style = 'background: #336699';
}
if ( isset( $option3['sfsi_twitter_bgColor'] ) && $option3['sfsi_twitter_bgColor'] != '' ) {
$sfsi_twitter_bgColor = $option3['sfsi_twitter_bgColor'];
$sfsi_twitter_bgColor_style = 'background: '.$sfsi_twitter_bgColor;
} else {
$sfsi_twitter_bgColor_style = 'background: #020202';
}
if ( isset( $option3['sfsi_youtube_bgColor'] ) && $option3['sfsi_youtube_bgColor'] != '' ) {
$sfsi_youtube_bgColor = $option3['sfsi_youtube_bgColor'];
$sfsi_youtube_bgColor_style = 'background: '.$sfsi_youtube_bgColor;
} else {
$sfsi_youtube_bgColor_style = 'background: #c33';
}
if ( isset( $option3['sfsi_pinterest_bgColor'] ) && $option3['sfsi_pinterest_bgColor'] != '' ) {
$sfsi_pinterest_bgColor = $option3['sfsi_pinterest_bgColor'];
$sfsi_pinterest_bgColor_style = 'background: '.$sfsi_pinterest_bgColor;
} else {
$sfsi_pinterest_bgColor_style = 'background: #CC3333';
}
if ( isset( $option3['sfsi_linkedin_bgColor'] ) && $option3['sfsi_linkedin_bgColor'] != '' ) {
$sfsi_linkedin_bgColor = $option3['sfsi_linkedin_bgColor'];
$sfsi_linkedin_bgColor_style = 'background: '.$sfsi_linkedin_bgColor;
} else {
$sfsi_linkedin_bgColor_style = 'background: #0877B5';
}
if ( isset( $option3['sfsi_instagram_bgColor'] ) && $option3['sfsi_instagram_bgColor'] != '' ) {
$sfsi_instagram_bgColor = $option3['sfsi_instagram_bgColor'];
$sfsi_instagram_bgColor_style = 'background: '.$sfsi_instagram_bgColor;
} else {
$sfsi_instagram_bgColor_style = 'background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);';
}
if ( isset( $option3['sfsi_telegram_bgColor'] ) && $option3['sfsi_telegram_bgColor'] != '' ) {
$sfsi_telegram_bgColor = $option3['sfsi_telegram_bgColor'];
$sfsi_telegram_bgColor_style = 'background: '.$sfsi_telegram_bgColor;
} else {
$sfsi_telegram_bgColor_style = 'background: #33A1D1';
}
if ( isset( $option3['sfsi_vk_bgColor'] ) && $option3['sfsi_vk_bgColor'] != '' ) {
$sfsi_vk_bgColor = $option3['sfsi_vk_bgColor'];
$sfsi_vk_bgColor_style = 'background: '.$sfsi_vk_bgColor;
} else {
$sfsi_vk_bgColor_style = 'background: #4E77A2';
}
if ( isset( $option3['sfsi_ok_bgColor'] ) && $option3['sfsi_ok_bgColor'] != '' ) {
$sfsi_ok_bgColor = $option3['sfsi_ok_bgColor'];
$sfsi_ok_bgColor_style = 'background: '.$sfsi_ok_bgColor;
} else {
$sfsi_ok_bgColor_style = 'background: #F58220';
}
if ( isset( $option3['sfsi_whatsapp_bgColor'] ) && $option3['sfsi_whatsapp_bgColor'] != '' ) {
$sfsi_whatsapp_bgColor = $option3['sfsi_whatsapp_bgColor'];
$sfsi_whatsapp_bgColor_style = 'background: '.$sfsi_whatsapp_bgColor;
} else {
$sfsi_whatsapp_bgColor_style = 'background: #3ED946';
}
if ( isset( $option3['sfsi_weibo_bgColor'] ) && $option3['sfsi_weibo_bgColor'] != '' ) {
$sfsi_weibo_bgColor = $option3['sfsi_weibo_bgColor'];
$sfsi_weibo_bgColor_style = 'background: '.$sfsi_weibo_bgColor;
} else {
$sfsi_weibo_bgColor_style = 'background: #E6162D';
}
if ( isset( $option3['sfsi_wechat_bgColor'] ) && $option3['sfsi_wechat_bgColor'] != '' ) {
$sfsi_wechat_bgColor = $option3['sfsi_wechat_bgColor'];
$sfsi_wechat_bgColor_style = 'background: '.$sfsi_wechat_bgColor;
} else {
$sfsi_wechat_bgColor_style = 'background: #4BAD33';
}
if ( isset( $option3['sfsi_snapchat_bgColor'] ) && $option3['sfsi_snapchat_bgColor'] != '' ) {
$sfsi_snapchat_bgColor = $option3['sfsi_snapchat_bgColor'];
$sfsi_snapchat_bgColor_style = 'background: '.$sfsi_snapchat_bgColor;
} else {
$sfsi_snapchat_bgColor_style = 'background: #EDEC1F';
}
if ( isset( $option3['sfsi_reddit_bgColor'] ) && $option3['sfsi_reddit_bgColor'] != '' ) {
$sfsi_reddit_bgColor = $option3['sfsi_reddit_bgColor'];
$sfsi_reddit_bgColor_style = 'background: '.$sfsi_reddit_bgColor;
} else {
$sfsi_reddit_bgColor_style = 'background: #FF642C';
}
if ( isset( $option3['sfsi_fbmessenger_bgColor'] ) && $option3['sfsi_fbmessenger_bgColor'] != '' ) {
$sfsi_fbmessenger_bgColor = $option3['sfsi_fbmessenger_bgColor'];
$sfsi_fbmessenger_bgColor_style = 'background: '.$sfsi_fbmessenger_bgColor;
} else {
$sfsi_fbmessenger_bgColor_style = 'background: #447BBF';
}
if ( isset( $option3['sfsi_tiktok_bgColor'] ) && $option3['sfsi_tiktok_bgColor'] != '' ) {
$sfsi_tiktok_bgColor = $option3['sfsi_tiktok_bgColor'];
$sfsi_tiktok_bgColor_style = 'background: '.$sfsi_tiktok_bgColor;
} else {
$sfsi_tiktok_bgColor_style = 'background: #000000';
}
if ( isset( $option3['sfsi_copylink_bgColor'] ) && $option3['sfsi_copylink_bgColor'] != '' ) {
$sfsi_copylink_bgColor = $option3['sfsi_copylink_bgColor'];
$sfsi_copylink_bgColor_style = 'background: '.$sfsi_copylink_bgColor;
} else {
$sfsi_copylink_bgColor_style = 'background: linear-gradient(180deg, #C295FF 0%, #4273F7 100%)';
}
if ( isset( $option3['sfsi_mastodon_bgColor'] ) && $option3['sfsi_mastodon_bgColor'] != '' ) {
$sfsi_mastodon_bgColor = $option3['sfsi_mastodon_bgColor'];
$sfsi_mastodon_bgColor_style = 'background: '.$sfsi_mastodon_bgColor;
} else {
$sfsi_mastodon_bgColor_style = 'background: #583ED1';
}
?>
<div class="sfsi_icns_tab_3 icns_tab_3">
<span class="row_2_1 sfsi_icon_bgcolor rss_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_rss_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_rss.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_rss_bgColor" data-default-color="#f2721f" id="sfsi_rss_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_rss_bgColor ); ?>" />
</span>
</span>
<span class="row_2_2 sfsi_icon_bgcolor email_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_email_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_email.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_email_bgColor" data-default-color="<?php echo esc_attr( $sfsi_email_default ); ?>" id="sfsi_email_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_email_bgColor ); ?>" />
</span>
</span>
<span class="row_2_3 sfsi_icon_bgcolor facebook_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_facebook_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_facebook.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_facebook_bgColor" data-default-color="#336699" id="sfsi_facebook_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_facebook_bgColor ); ?>" />
</span>
</span>
<span class="row_2_5 sfsi_icon_bgcolor twitter_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_twitter_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_twitter.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_twitter_bgColor" data-default-color="#00ACEC" id="sfsi_twitter_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_twitter_bgColor ); ?>" />
</span>
</span>
<span class="row_2_7 sfsi_icon_bgcolor youtube_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_youtube_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_youtube.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_youtube_bgColor" data-default-color="#c33" id="sfsi_youtube_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_youtube_bgColor ); ?>" />
</span>
</span>
<span class="row_2_8 sfsi_icon_bgcolor pinterest_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_pinterest_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_pinterest.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_pinterest_bgColor" data-default-color="#CC3333" id="sfsi_pinterest_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_pinterest_bgColor ); ?>" />
</span>
</span>
<span class="row_2_9 sfsi_icon_bgcolor linkedin_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_linkedin_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_linkedin.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_linkedin_bgColor" data-default-color="#0877B5" id="sfsi_linkedin_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_linkedin_bgColor ); ?>" />
</span>
</span>
<span class="row_2_10 sfsi_icon_bgcolor instagram_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_instagram_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_instagram.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_instagram_bgColor" data-default-color-custom="radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%)" id="sfsi_instagram_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_instagram_bgColor ); ?>" />
</span>
</span>
<span class="row_2_14 sfsi_icon_bgcolor telegram_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_telegram_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_telegram.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_telegram_bgColor" data-default-color="#33A1D1" id="sfsi_telegram_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_telegram_bgColor ); ?>" />
</span>
</span>
<span class="row_2_15 sfsi_icon_bgcolor vk_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_vk_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_vk.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_vk_bgColor" data-default-color="#4E77A2" id="sfsi_vk_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_vk_bgColor ); ?>" />
</span>
</span>
<span class="row_2_16 sfsi_icon_bgcolor ok_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_ok_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_ok.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_ok_bgColor" data-default-color="#F58220" id="sfsi_ok_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_ok_bgColor ); ?>" />
</span>
</span>
<span class="row_2_19 sfsi_icon_bgcolor whatsapp_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_whatsapp_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_whatsapp.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_whatsapp_bgColor" data-default-color="#3ED946" id="sfsi_whatsapp_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_whatsapp_bgColor ); ?>" />
</span>
</span>
<span class="row_2_17 sfsi_icon_bgcolor weibo_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_weibo_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_weibo.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_weibo_bgColor" data-default-color="#e6162d" id="sfsi_weibo_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_weibo_bgColor ); ?>" />
</span>
</span>
<span class="row_2_18 sfsi_icon_bgcolor wechat_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_wechat_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_wechat.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_wechat_bgColor" data-default-color="#4BAD33" id="sfsi_wechat_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_wechat_bgColor ); ?>" />
</span>
</span>
<span class="row_2_20 sfsi_icon_bgcolor snapchat_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_snapchat_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_snapchat.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_snapchat_bgColor" data-default-color="#EDEC1F" id="sfsi_snapchat_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_snapchat_bgColor ); ?>" />
</span>
</span>
<span class="row_2_21 sfsi_icon_bgcolor reddit_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_reddit_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_reddit.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_reddit_bgColor" data-default-color="#FF642C" id="sfsi_reddit_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_reddit_bgColor ); ?>" />
</span>
</span>
<span class="row_2_22 sfsi_icon_bgcolor fbmessenger_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_fbmessenger_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_fbmessenger.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_fbmessenger_bgColor" data-default-color="#447BBF" id="sfsi_fbmessenger_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_fbmessenger_bgColor ); ?>" />
</span>
</span>
<span class="row_2_23 sfsi_icon_bgcolor tiktok_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_tiktok_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_tiktok.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_tiktok_bgColor" data-default-color="#000000" id="sfsi_tiktok_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_tiktok_bgColor ); ?>" />
</span>
</span>
<span class="row_2_29 sfsi_icon_bgcolor copylink_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_copylink_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_copylink.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_copylink_bgColor" data-default-color-custom="linear-gradient(180deg, #C295FF 0%, #4273F7 100%)" id="sfsi_copylink_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_copylink_bgColor ); ?>" />
</span>
</span>
<span class="row_2_24 sfsi_icon_bgcolor mastodon_section">
<span class="sfsi_icon_img_wrapper" style="<?php echo esc_attr( $sfsi_mastodon_bgColor_style ); ?>">
<img src="<?php echo SFSI_PLUGURL ?>images/icons_theme/flat/flat_mastodon.png" alt="" />
</span>
<span class="sfsi_icon_color_picker">
<input name="sfsi_mastodon_bgColor" data-default-color="#583ED1" id="sfsi_mastodon_bgColor" class="sfsi_input_bgColor" type="text" value="<?php echo esc_attr( $sfsi_mastodon_bgColor ); ?>" />
</span>
</span>
<!--<span class="row_2_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'flat_square') ? 'checked="true"' : ''; ?> type="radio" value="flat_square" class="styled" /><label><?php _e( 'Flat Square', 'ultimate-social-media-icons' ); ?></label>
<div class="icns_tab_3"><span class="row_17_1 rss_section"></span><span class="row_17_2 email_section"></span><span class="row_17_3 facebook_section"></span><span class="row_17_5 twitter_section"></span><span class="row_17_7 youtube_section"></span><span class="row_17_8 pinterest_section"></span><span class="row_17_9 linkedin_section"></span> <span class="row_17_10 instagram_section"></span><span class="row_17_14 telegram_section"></span><span class="row_17_15 vk_section"></span><span class="row_17_16 ok_section"></span><span class="row_17_19 whatsapp_section"></span><span class="row_17_17 weibo_section"></span><span class="row_17_18 wechat_section"></span><span class="row_17_20 snapchat_section"></span><span class="row_17_21 reddit_section"></span><span class="row_17_22 fbmessenger_section"></span><span class="row_17_23 tiktok_section"></span><span class="row_17_29 copylink_section"></span><span class="row_17_24 mastodon_section"></span>
<!--<span class="row_17_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'flat_squared') ? 'checked="true"' : ''; ?> type="radio" value="flat_squared" class="styled" /><label><?php _e( 'Flat Squared', 'ultimate-social-media-icons' ); ?></label>
<div class="icns_tab_3"><span class="row_18_1 rss_section"></span><span class="row_18_2 email_section"></span><span class="row_18_3 facebook_section"></span><span class="row_18_5 twitter_section"></span><span class="row_18_7 youtube_section"></span><span class="row_18_8 pinterest_section"></span><span class="row_18_9 linkedin_section"></span> <span class="row_18_10 instagram_section"></span><span class="row_18_14 telegram_section"></span><span class="row_18_15 vk_section"></span><span class="row_18_16 ok_section"></span><span class="row_18_19 whatsapp_section"></span><span class="row_18_17 weibo_section"></span><span class="row_18_18 wechat_section"></span><span class="row_18_20 snapchat_section"></span><span class="row_18_21 reddit_section"></span><span class="row_18_22 fbmessenger_section"></span><span class="row_18_23 tiktok_section"></span><span class="row_18_29 copylink_section"></span><span class="row_18_24 mastodon_section"></span>
<!--<span class="row_18_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'thin') ? 'checked="true"' : ''; ?> type="radio" value="thin" class="styled" /><label><?php _e('Thin','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_3_1 rss_section"></span><span class="row_3_2 email_section"></span><span class="row_3_3 facebook_section"></span><span class="row_3_5 twitter_section"></span><span class="row_3_7 youtube_section"></span><span class="row_3_8 pinterest_section"></span><span class="row_3_9 linkedin_section"></span><span class="row_3_10 instagram_section"></span><span class="row_3_14 telegram_section"></span><span class="row_3_15 vk_section"></span><span class="row_3_16 ok_section"></span><span class="row_3_19 whatsapp_section"></span><span class="row_3_17 weibo_section"></span><span class="row_3_18 wechat_section"></span><span class="row_3_20 snapchat_section"></span><span class="row_3_21 reddit_section"></span><span class="row_3_22 fbmessenger_section"></span><span class="row_3_23 tiktok_section"></span><span class="row_3_29 copylink_section"></span><span class="row_3_24 mastodon_section"></span>
<!--<span class="row_3_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'cute') ? 'checked="true"' : ''; ?> type="radio" value="cute" class="styled" /><label><?php _e('Cute','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_4_1 rss_section"></span><span class="row_4_2 email_section"></span><span class="row_4_3 facebook_section"></span><span class="row_4_5 twitter_section"></span><span class="row_4_7 youtube_section"></span><span class="row_4_8 pinterest_section"></span><span class="row_4_9 linkedin_section"></span><span class="row_4_10 instagram_section"></span><span class="row_4_14 telegram_section"></span><span class="row_4_15 vk_section"></span><span class="row_4_16 ok_section"></span><span class="row_4_19 whatsapp_section"></span><span class="row_4_17 weibo_section"></span><span class="row_4_18 wechat_section"></span><span class="row_4_20 snapchat_section"></span><span class="row_4_21 reddit_section"></span><span class="row_4_22 fbmessenger_section"></span><span class="row_4_23 tiktok_section"></span><span class="row_4_29 copylink_section"></span><span class="row_4_24 mastodon_section"></span>
<!--<span class="row_4_11 sf_section"></span>-->
</div>
</li>
<!--start next four-->
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'cubes') ? 'checked="true"' : ''; ?> type="radio" value="cubes" class="styled" /><label><?php _e('Cubes','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_5_1 rss_section"></span><span class="row_5_2 email_section"></span><span class="row_5_3 facebook_section"></span><span class="row_5_5 twitter_section"></span><span class="row_5_7 youtube_section"></span><span class="row_5_8 pinterest_section"></span><span class="row_5_9 linkedin_section"></span><span class="row_5_10 instagram_section"></span><span class="row_5_14 telegram_section"></span><span class="row_5_15 vk_section"></span><span class="row_5_16 ok_section"></span><span class="row_5_19 whatsapp_section"></span><span class="row_5_17 weibo_section"></span><span class="row_5_18 wechat_section"></span><span class="row_5_20 snapchat_section"></span><span class="row_5_21 reddit_section"></span><span class="row_5_22 fbmessenger_section"></span><span class="row_5_23 tiktok_section"></span><span class="row_5_29 copylink_section"></span><span class="row_5_24 mastodon_section"></span>
<!--<span class="row_5_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'chrome_blue') ? 'checked="true"' : ''; ?> type="radio" value="chrome_blue" class="styled" /><label><?php _e('Chrome Blue','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_6_1 rss_section"></span><span class="row_6_2 email_section"></span><span class="row_6_3 facebook_section"></span><span class="row_6_5 twitter_section"></span><span class="row_6_7 youtube_section"></span><span class="row_6_8 pinterest_section"></span><span class="row_6_9 linkedin_section"></span><span class="row_6_10 instagram_section"></span><span class="row_6_14 telegram_section"></span><span class="row_6_15 vk_section"></span><span class="row_6_16 ok_section"></span><span class="row_6_19 whatsapp_section"></span><span class="row_6_17 weibo_section"></span><span class="row_6_18 wechat_section"></span><span class="row_6_20 snapchat_section"></span><span class="row_6_21 reddit_section"></span><span class="row_6_22 fbmessenger_section"></span><span class="row_6_23 tiktok_section"></span><span class="row_6_29 copylink_section"></span><span class="row_6_24 mastodon_section"></span>
<!--<span class="row_6_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'chrome_grey') ? 'checked="true"' : ''; ?> type="radio" value="chrome_grey" class="styled" /><label><?php _e('Chrome Grey','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_7_1 rss_section"></span><span class="row_7_2 email_section"></span><span class="row_7_3 facebook_section"></span><span class="row_7_5 twitter_section"></span><span class="row_7_7 youtube_section"></span><span class="row_7_8 pinterest_section"></span><span class="row_7_9 linkedin_section"></span><span class="row_7_10 instagram_section"></span><span class="row_7_14 telegram_section"></span><span class="row_7_15 vk_section"></span><span class="row_7_16 ok_section"></span><span class="row_7_19 whatsapp_section"></span><span class="row_7_17 weibo_section"></span><span class="row_7_18 wechat_section"></span><span class="row_7_20 snapchat_section"></span><span class="row_7_21 reddit_section"></span><span class="row_7_22 fbmessenger_section"></span><span class="row_7_23 tiktok_section"></span><span class="row_7_29 copylink_section"></span><span class="row_7_24 mastodon_section"></span>
<!--<span class="row_7_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'splash') ? 'checked="true"' : ''; ?> type="radio" value="splash" class="styled" /><label><?php _e('Splash','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_8_1 rss_section"></span><span class="row_8_2 email_section"></span><span class="row_8_3 facebook_section"></span><span class="row_8_5 twitter_section"></span><span class="row_8_7 youtube_section"></span><span class="row_8_8 pinterest_section"></span><span class="row_8_9 linkedin_section"></span><span class="row_8_10 instagram_section"></span><span class="row_8_14 telegram_section"></span><span class="row_8_15 vk_section"></span><span class="row_8_16 ok_section"></span><span class="row_8_19 whatsapp_section"></span><span class="row_8_17 weibo_section"></span><span class="row_8_18 wechat_section"></span><span class="row_8_20 snapchat_section"></span><span class="row_8_21 reddit_section"></span><span class="row_8_22 fbmessenger_section"></span><span class="row_8_23 tiktok_section"></span><span class="row_8_29 copylink_section"></span><span class="row_8_24 mastodon_section"></span>
<!--<span class="row_8_11 sf_section"></span>-->
</div>
</li>
<!--start second four-->
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'orange') ? 'checked="true"' : ''; ?> type="radio" value="orange" class="styled" /><label><?php _e('Orange','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_9_1 rss_section"></span><span class="row_9_2 email_section"></span><span class="row_9_3 facebook_section"></span><span class="row_9_5 twitter_section"></span><span class="row_9_7 youtube_section"></span><span class="row_9_8 pinterest_section"></span><span class="row_9_9 linkedin_section"></span><span class="row_9_10 instagram_section"></span><span class="row_9_14 telegram_section"></span><span class="row_9_15 vk_section"></span><span class="row_9_16 ok_section"></span><span class="row_9_19 whatsapp_section"></span><span class="row_9_17 weibo_section"></span><span class="row_9_18 wechat_section"></span><span class="row_9_20 snapchat_section"></span><span class="row_9_21 reddit_section"></span><span class="row_9_22 fbmessenger_section"></span><span class="row_9_23 tiktok_section"></span><span class="row_9_29 copylink_section"></span><span class="row_9_24 mastodon_section"></span>
<!--<span class="row_9_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'crystal') ? 'checked="true"' : ''; ?> type="radio" value="crystal" class="styled" /><label><?php _e('Crystal','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_10_1 rss_section"></span><span class="row_10_2 email_section"></span><span class="row_10_3 facebook_section"></span><span class="row_10_5 twitter_section"></span><span class="row_10_7 youtube_section"></span><span class="row_10_8 pinterest_section"></span><span class="row_10_9 linkedin_section"></span><span class="row_10_10 instagram_section"></span><span class="row_10_14 telegram_section"></span><span class="row_10_15 vk_section"></span><span class="row_10_16 ok_section"></span><span class="row_10_19 whatsapp_section"></span><span class="row_10_17 weibo_section"></span><span class="row_10_18 wechat_section"></span><span class="row_10_20 snapchat_section"></span><span class="row_10_21 reddit_section"></span><span class="row_10_22 fbmessenger_section"></span><span class="row_10_23 tiktok_section"></span><span class="row_10_29 copylink_section"></span><span class="row_10_24 mastodon_section"></span>
<!--<span class="row_10_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'glossy') ? 'checked="true"' : ''; ?> type="radio" value="glossy" class="styled" /><label><?php _e('Glossy','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_11_1 rss_section"></span><span class="row_11_2 email_section"></span><span class="row_11_3 facebook_section"></span><span class="row_11_5 twitter_section"></span><span class="row_11_7 youtube_section"></span><span class="row_11_8 pinterest_section"></span><span class="row_11_9 linkedin_section"></span><span class="row_11_10 instagram_section"></span><span class="row_11_14 telegram_section"></span><span class="row_11_15 vk_section"></span><span class="row_11_16 ok_section"></span><span class="row_11_19 whatsapp_section"></span><span class="row_11_17 weibo_section"></span><span class="row_11_18 wechat_section"></span><span class="row_11_20 snapchat_section"></span><span class="row_11_21 reddit_section"></span><span class="row_11_22 fbmessenger_section"></span><span class="row_11_23 tiktok_section"></span><span class="row_11_29 copylink_section"></span><span class="row_11_24 mastodon_section"></span>
<!--<span class="row_11_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'black') ? 'checked="true"' : ''; ?> type="radio" value="black" class="styled" /><label><?php _e('Black','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_12_1 rss_section"></span><span class="row_12_2 email_section"></span><span class="row_12_3 facebook_section"></span><span class="row_12_5 twitter_section"></span><span class="row_12_7 youtube_section"></span><span class="row_12_8 pinterest_section"></span><span class="row_12_9 linkedin_section"></span><span class="row_12_10 instagram_section"></span><span class="row_12_14 telegram_section"></span><span class="row_12_15 vk_section"></span><span class="row_12_16 ok_section"></span><span class="row_12_19 whatsapp_section"></span><span class="row_12_17 weibo_section"></span><span class="row_12_18 wechat_section"></span><span class="row_12_20 snapchat_section"></span><span class="row_12_21 reddit_section"></span><span class="row_12_22 fbmessenger_section"></span><span class="row_12_23 tiktok_section"></span><span class="row_12_29 copylink_section"></span><span class="row_12_24 mastodon_section"></span>
<!--<span class="row_12_11 sf_section"></span>-->
</div>
</li>
<!--start last four-->
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'silver') ? 'checked="true"' : ''; ?> type="radio" value="silver" class="styled" /><label><?php _e('Silver','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_13_1 rss_section"></span><span class="row_13_2 email_section"></span><span class="row_13_3 facebook_section"></span><span class="row_13_5 twitter_section"></span><span class="row_13_7 youtube_section"></span><span class="row_13_8 pinterest_section"></span><span class="row_13_9 linkedin_section"></span><span class="row_13_10 instagram_section"></span><span class="row_13_14 telegram_section"></span><span class="row_13_15 vk_section"></span><span class="row_13_16 ok_section"></span><span class="row_13_19 whatsapp_section"></span><span class="row_13_17 weibo_section"></span><span class="row_13_18 wechat_section"></span><span class="row_13_20 snapchat_section"></span><span class="row_13_21 reddit_section"></span><span class="row_13_22 fbmessenger_section"></span><span class="row_13_23 tiktok_section"></span><span class="row_13_29 copylink_section"></span><span class="row_13_24 mastodon_section"></span>
<!--<span class="row_13_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'shaded_dark') ? 'checked="true"' : ''; ?> type="radio" value="shaded_dark" class="styled" /><label><?php _e('Shaded Dark','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_14_1 rss_section"></span><span class="row_14_2 email_section"></span><span class="row_14_3 facebook_section"></span><span class="row_14_5 twitter_section"></span><span class="row_14_7 youtube_section"></span><span class="row_14_8 pinterest_section"></span><span class="row_14_9 linkedin_section"></span><span class="row_14_10 instagram_section"></span><span class="row_14_14 telegram_section"></span><span class="row_14_15 vk_section"></span><span class="row_14_16 ok_section"></span><span class="row_14_19 whatsapp_section"></span><span class="row_14_17 weibo_section"></span><span class="row_14_18 wechat_section"></span><span class="row_14_20 snapchat_section"></span><span class="row_14_21 reddit_section"></span><span class="row_14_22 fbmessenger_section"></span><span class="row_14_23 tiktok_section"></span><span class="row_14_29 copylink_section"></span><span class="row_14_24 mastodon_section"></span>
<!--<span class="row_14_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'shaded_light') ? 'checked="true"' : ''; ?> type="radio" value="shaded_light" class="styled" /><label><?php _e('Shaded Light','ultimate-social-media-icons') ?></label>
<div class="icns_tab_3"><span class="row_15_1 rss_section"></span><span class="row_15_2 email_section"></span><span class="row_15_3 facebook_section"></span><span class="row_15_5 twitter_section"></span><span class="row_15_7 youtube_section"></span><span class="row_15_8 pinterest_section"></span><span class="row_15_9 linkedin_section"></span><span class="row_15_10 instagram_section"></span><span class="row_15_14 telegram_section"></span><span class="row_15_15 vk_section"></span><span class="row_15_16 ok_section"></span><span class="row_15_19 whatsapp_section"></span><span class="row_15_17 weibo_section"></span><span class="row_15_18 wechat_section"></span><span class="row_15_20 snapchat_section"></span><span class="row_15_21 reddit_section"></span><span class="row_15_22 fbmessenger_section"></span><span class="row_15_23 tiktok_section"></span><span class="row_15_29 copylink_section"></span><span class="row_15_24 mastodon_section"></span>
<!--<span class="row_15_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'icons_only') ? 'checked="true"' : ''; ?> type="radio" value="icons_only" class="styled" /><label><?php _e( 'Icons Only', 'ultimate-social-media-icons' ); ?></label>
<div class="icns_tab_3"><span class="row_19_1 rss_section"></span><span class="row_19_2 email_section"></span><span class="row_19_3 facebook_section"></span><span class="row_19_5 twitter_section"></span><span class="row_19_7 youtube_section"></span><span class="row_19_8 pinterest_section"></span><span class="row_19_9 linkedin_section"></span><span class="row_19_10 instagram_section"></span><span class="row_19_14 telegram_section"></span><span class="row_19_15 vk_section"></span><span class="row_19_16 ok_section"></span><span class="row_19_19 whatsapp_section"></span><span class="row_19_17 weibo_section"></span><span class="row_19_18 wechat_section"></span><span class="row_19_20 snapchat_section"></span><span class="row_19_21 reddit_section"></span><span class="row_19_22 fbmessenger_section"></span><span class="row_19_23 tiktok_section"></span><span class="row_19_29 copylink_section"></span><span class="row_19_24 mastodon_section"></span>
<!--<span class="row_19_11 sf_section"></span>-->
</div>
</li>
<li><input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'transparent') ? 'checked="true"' : ''; ?> type="radio" value="transparent" class="styled" /><label style="line-height:20px !important;margin-top:15px; "><?php _e('Transparent','ultimate-social-media-icons') ?> <br /><span style="font-size: 9px;"><?php _e('(for dark backgrounds)','ultimate-social-media-icons') ?></span></label>
<div class="icns_tab_3 trans_bg"><span class="row_16_1 rss_section"></span><span class="row_16_2 email_section"></span><span class="row_16_3 facebook_section"></span><span class="row_16_5 twitter_section"></span><span class="row_16_7 youtube_section"></span><span class="row_16_8 pinterest_section"></span><span class="row_16_9 linkedin_section"></span><span class="row_16_10 instagram_section"></span><span class="row_16_14 telegram_section"></span><span class="row_16_15 vk_section"></span><span class="row_16_16 ok_section"></span><span class="row_16_19 whatsapp_section"></span><span class="row_16_17 weibo_section"></span><span class="row_16_18 wechat_section"></span><span class="row_16_20 snapchat_section"></span><span class="row_16_21 reddit_section"></span><span class="row_16_22 fbmessenger_section"></span><span class="row_16_23 tiktok_section"></span><span class="row_16_29 copylink_section"></span><span class="row_16_24 mastodon_section"></span>
<!--<span class="row_16_11 sf_section"></span>-->
</div>
</li>
<!--Custom Icon Support {Monad}-->
<?php if ( $sfsi_custom_icons == 'yes' ) { ?>
<li class="cstomskins_upload">
<input name="sfsi_actvite_theme" <?php echo ($option3['sfsi_actvite_theme'] == 'custom_support') ? 'checked="true"' : ''; ?> type="radio" value="custom_support" class="styled" />
<label style="line-height:20px !important;margin-top:15px;"><?php _e('Custom Icons ','ultimate-social-media-icons') ?> <br /></label>
<div class="icns_tab_3" style="padding-left: 6px;">
<?php
if (get_option("rss_skin")) {
$icon = get_option("rss_skin");
echo '<span class="row_17_1 rss_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_17_1 rss_section" style="background-position:-1px 0;"></span>';
}
if (get_option("email_skin")) {
$icon = get_option("email_skin");
echo '<span class="row_17_2 email_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_17_2 email_section" style="background-position:-58px 0;"></span>';
}
if (get_option("facebook_skin")) {
$icon = get_option("facebook_skin");
echo '<span class="row_17_3 facebook_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_17_3 facebook_section" style="background-position:-118px 0;"></span>';
}
if (get_option("twitter_skin")) {
$icon = get_option("twitter_skin");
echo '<span class="row_17_5 twitter_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_17_5 twitter_section" style="background-position:-235px 0;"></span>';
}
if (get_option("youtube_skin")) {
$icon = get_option("youtube_skin");
echo '<span class="row_17_7 youtube_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_17_7 youtube_section" style="background-position:-350px 0;"></span>';
}
if (get_option("pintrest_skin")) {
$icon = get_option("pintrest_skin");
echo '<span class="row_17_8 pinterest_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_17_8 pinterest_section" style="background-position:-409px 0;"></span>';
}
if (get_option("linkedin_skin")) {
$icon = get_option("linkedin_skin");
echo '<span class="row_17_9 linkedin_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_17_9 linkedin_section" style="background-position:-467px 0;"></span>';
}
if (get_option("instagram_skin")) {
$icon = get_option("instagram_skin");
echo '<span class="row_17_10 instagram_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_17_10 instagram_section" style="background-position:-526px 0;"></span>';
}
if (get_option("telegram_skin")) {
$icon = get_option("telegram_skin");
echo '<span class="row_17_10 telegram_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_17_10 telegram_section" style="background-position:-773px 0;"></span>';
}
if (get_option("vk_skin")) {
$icon = get_option("vk_skin");
echo '<span class="row_17_10 vk_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_17_10 vk_section" style="background-position:-838px 0;"></span>';
}
if (get_option("ok_skin")) {
$icon = get_option("ok_skin");
echo '<span class="row_17_10 ok_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_17_10 ok_section" style="background-position:-909px 0;"></span>';
}
if (get_option("whatsapp_skin")) {
$icon = get_option("whatsapp_skin");
echo '<span class="row_17_19 whatsapp_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_17_19 whatsapp_section" style="background-position:-977px 0;"></span>';
}
if (get_option("weibo_skin")) {
$icon = get_option("weibo_skin");
echo '<span class="row_17_10 weibo_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_17_10 weibo_section" style="background-position:-977px 0;"></span>';
}
if (get_option("wechat_skin")) {
$icon = get_option("wechat_skin");
echo '<span class="row_17_10 wechat_section sfsi-bgimage" style="background: url(' . $icon . ') no-repeat;"></span>';
} else {
echo '<span class="row_1_18 wechat_section"></span>';
}
?>
</div>
</li>
<?php
}
if ( $sfsi_custom_icons == 'no') { ?>
<li class="sfsi_custom_icons_q4">
<div style="float: left;">
<a class="pop-up" data-id="sfsi_quickpay-overlay" onclick="sfsi_open_quick_checkout(event)" target="_blank" style="display: flex;">
<input type="radio" class="styled" />
<label style="line-height:20px !important;margin-top:15px;opacity:0.5;min-width: 125px;"><?php _e('Custom Icons -','ultimate-social-media-icons') ?></label>
</a>
</div>
<div>
<p style="margin-top: 3px;">
<a style="color: #12a252 !important;font-weight: bold; border-bottom:none;text-decoration: none;">
<?php _e('Premium Feature:','ultimate-social-media-icons') ?>
</a>
<span><?php _e('Upload any icons you want.','ultimate-social-media-icons') ?> <a class="pop-up" style="cursor:pointer; color: #12a252 !important;border-bottom: 1px solid #12a252;text-decoration: none;font-weight: bold;" data-id="sfsi_quickpay-overlay" onclick="sfsi_open_quick_checkout(event)" target="_blank">
<?php _e('Get it now.','ultimate-social-media-icons') ?></a>
<!-- </a> Custom design for the social media platforms implemented in the plugin under question number 1 - </span> -->
<!-- <a class="pop-up" style="cursor:pointer; color: #12a252 !important;border-bottom: 1px solid #12a252;text-decoration: none;font-weight: bold;" href="https://www.ultimatelysocial.com/usm-premium/?withqp=1&utm_source=usmi_settings_page&utm_campaign=top_banner&utm_medium=link" target="_blank">
Get it now.
</a> -->
</p>
</div>
</li>
<li class="sfsi_custom_icons_q4">
<div style="float: left;">
<a class="pop-up" data-id="sfsi_quickpay-overlay" onclick="sfsi_open_quick_checkout(event)" target="_blank" style="display: flex;">
<input type="radio" class="styled" />
<label style="line-height:20px !important;margin-top:15px;opacity: 0.5;min-width: 79px;"><?php _e(' Tailored -','ultimate-social-media-icons') ?></label>
</a>
</div>
<div>
<p style="margin-top: 3px;">
<?php
printf(
__( '%1$sLet us create icons matching your site perfectly (both in terms of colors and shape). %2$sLearn more.%3$s','ultimate-social-media-icons' ),
'<span>',
'</span><a href="https://sellcodes.com/0AL0J23f" style="cursor:pointer; color: #12a252 !important;border-bottom: 1px solid #12a252;text-decoration: none;font-weight: bold;" target="_blank">',
'</a>'
);
?>
</p>
</div>
</li>
<?php
}
?>
<li>
<?php include_once(SFSI_DOCROOT . '/views/subviews/que4/banner.php'); ?>
</li>
<li>
<p style="font-weight: bold; margin: 12px 0 0;">
<?php
printf(
__( 'Need icons for another theme? Let us know in the %1$sSupport Forum%2$s.', 'ultimate-social-media-icons' ),
'<a target="_blank" href="https://wordpress.org/support/plugin/ultimate-social-media-icons/#new-topic-0" style="color:#8E81BD; text-decoration:underline;">',
'</a>'
);
?>
</p>
</li>
</ul>
<!--icon themes section start -->
<?php include_once(SFSI_DOCROOT . '/views/subviews/que4/animatethem.php'); ?>
</div>
<?php sfsi_ask_for_help(3); ?>
<!-- SAVE BUTTON SECTION -->
<div class="save_button tab_3_sav">
<img src="<?php echo SFSI_PLUGURL ?>images/ajax-loader.gif" class="loader-img" alt="error" />
<?php $nonce = wp_create_nonce("update_step3"); ?>
<a href="javascript:;" id="sfsi_save3" title="Save" data-nonce="<?php echo $nonce; ?>"><?php _e('Save','ultimate-social-media-icons') ?></a>
</div>
<!-- END SAVE BUTTON SECTION -->
<a class="sfsiColbtn closeSec" href="javascript:;"><?php _e('Collapse area','ultimate-social-media-icons') ?></a>
<label class="closeSec"></label>
<!-- ERROR AND SUCCESS MESSAGE AREA-->
<p class="red_txt errorMsg" style="display:none"> </p>
<p class="green_txt sucMsg" style="display:none"> </p>
</div>
<!-- END Section 3 "What design & animation do you want to give your icons?" main div -->