<xf:css src="uix_socialMedia.less"  />
<ul class="uix_socialMedia">
	<xf:if is="$xf.options.th_facebookUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('facebook') }}" target="_blank" href="{$xf.options.th_facebookUrl_uix}">
				<i class="mdi mdi-facebook" aria-hidden="true"></i>
			</a></li>
	</xf:if>

	<xf:if is="$xf.options.th_deviantArtUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('uix_deviantArt') }}" target="_blank" href="{$xf.options.th_deviantArtUrl_uix}">
				<i class="mdi mdi-deviantart"></i>
			</a></li>
	</xf:if>

	<xf:if is="$xf.options.th_discordUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('option.th_discordUrl_uix') }}" target="_blank" href="{$xf.options.th_discordUrl_uix}">
				<i class="mdi mdi-discord"></i>
			</a></li>
	</xf:if>

	<xf:if is="$xf.options.th_flickrUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('option.uix_flickr') }}" target="_blank" href="{$xf.options.th_flickrUrl_uix}">
				<i class="mdi mdi-flickr"></i>
			</a></li>
	</xf:if>

	<xf:if is="$xf.options.th_gitHubUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('uix_github') }}" target="_blank" href="{$xf.options.th_gitHubUrl_uix}">
				<i class="mdi mdi-github-face"></i>
			</a></li>
	</xf:if>

	<xf:if is="$xf.versionId >= 2010010 && $xf.options.th_googlePlus_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('google_plus') }}" target="_blank" href="{$xf.options.th_googlePlus_uix}">
				<i class="mdi mdi-google-plus"></i>
		</a></li>
	</xf:if>

	<xf:if is="$xf.options.th_instagramUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('uix_instagram') }}" target="_blank" href="{$xf.options.th_instagramUrl_uix}">
				<i class="mdi mdi-instagram"></i>
			</a></li>
	</xf:if>

	<xf:if is="$xf.options.th_linkedInUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('uix_linkedin') }}" target="_blank" href="{$xf.options.th_linkedInUrl_uix}">
				<i class="mdi mdi-linkedin"></i>
			</a></li>
	</xf:if>

	<xf:if is="$xf.options.th_pinterestUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('pinterest') }}" target="_blank" href="{$xf.options.th_pinterestUrl_uix}">
				<i class="mdi mdi-pinterest"></i>
			</a></li>
	</xf:if>

	<xf:if is="$xf.options.th_redditUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('reddit') }}" target="_blank" href="{$xf.options.th_redditUrl_uix}">
				<i class="mdi mdi-reddit"></i>
			</a></li>
	</xf:if>

	<xf:if is="$xf.options.th_steamUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('uix_steam') }}" target="_blank" href="{$xf.options.th_steamUrl_uix}">
				<i class="mdi mdi-steam"></i>
			</a></li>
	</xf:if>

	<xf:if is="$xf.options.th_tumblrUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('tumblr') }}" target="_blank" href="{$xf.options.th_tumblrUrl_uix}">
				<i class="mdi mdi-tumblr"></i>
			</a></li>
	</xf:if>

	<xf:if is="$xf.options.th_twitchUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('uix_twitch') }}" target="_blank" href="{$xf.options.th_twitchUrl_uix}">
				<i class="mdi mdi-twitch"></i>
			</a></li>
	</xf:if>

	<xf:if is="$xf.options.th_twitterUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('twitter') }}" target="_blank" href="{$xf.options.th_twitterUrl_uix}">
				<i class="mdi mdi-twitter"></i>
			</a></li>
	</xf:if>

	<xf:if is="$xf.options.th_youtubeUrl_uix">
		<li><a data-xf-init="tooltip" title="{{ phrase('uix_youtube') }}" target="_blank" href="{$xf.options.th_youtubeUrl_uix}">
				<i class="mdi mdi-youtube-play"></i>
			</a></li>
	</xf:if>
</ul>