/*
* When enabled, this hides default providers.
* Rather than simply removing the providers via
* Template Modification, this method prevents
* conflictions from other addons that may add
* their own provider.
*/
<xen:if is="{$xenOptions.externalMinimal}">
li a.eeProxy,
li span.eeProxy
{
display: block !important;
}
</xen:if>
/* Login Disabler */
<xen:if is="{$xenOptions.externalLogin}">
#loginBar form.eAuth #eAuthUnit
{
position: relative !important;
margin: 0 auto;
}
</xen:if>
/* Horizontal Buttons */
<xen:if is="@eeLoginHorizontal">
.eeLogin
{
margin: 0 auto;
}
.eeLogin .ctrlUnit
{
display: inline-block;
margin: 0;
}
.eeLogin .ctrlUnit:after
{
clear: unset;
content: "";
}
.eeLogin .ctrlUnit > dd
{
height: 0;
margin: 10px 0;
}
.eeLogin .ctrlUnit > dt
{
padding: 0;
width: 0;
}
</xen:if>
/* Removes text-decoration on hover */
#eAuthUnit li a:hover,
#pageLogin .ctrlUnit dd a:hover
{
text-decoration: none;
}
/* Fixes Login for multiple providers */
#loginBar form.eAuth #eAuthUnit
{
overflow-x: hidden;
overflow-y: auto;
height: 100%;
width: 200px;
right: -10px !important;
}
/* External Minimal Button */
a.externalMinimal,
#loginBar a.externalMinimal
{
background: #303030;
}
a.externalMinimal span:before
{
background: none !important;
}
a.externalMinimal:active,
#loginBar a.externalMinimal:active
{
background-color: #303030;
}
/* All External Providers */
/* Global Options (standard display) */
/* External Provider Default Icon Styling */
a.externalProvider span
{
display: block;
padding: 3px;
padding-left: 23px;
white-space: nowrap;
overflow: hidden;
}
a.externalProvider span:before
{
content: " ";
background: url("styles/default/xenforo/external/sprite-20.png");
background-repeat: no-repeat;
display: block;
position: absolute;
width: 20px;
height: 20px;
margin-left: -23px;
margin-top: -3px;
}
a.externalProvider,
#loginBar a.externalProvider
{
display: inline-block;
width: @eAuthButtonWidth;
height: 22px;
box-sizing: border-box;
cursor: pointer;
color: #FFFFFF !important;
border-radius: 3px;
padding-left: 2px;
font-weight: bold;
font-size: 11px;
line-height: 14px;
}
/* Provider-Specific */
a.soundCloudLogin,
#loginBar a.soundCloudLogin
{
background: #ffa348;
background: -moz-linear-gradient(top, #ffa348 0%, #e67301 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa348), color-stop(100%,#e67301));
background: -webkit-linear-gradient(top, #ffa348 0%,#e67301 100%);
background: -o-linear-gradient(top, #ffa348 0%,#e67301 100%);
background: -ms-linear-gradient(top, #ffa348 0%,#e67301 100%);
background: linear-gradient(to bottom, #ffa348 0%,#e67301 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa348', endColorstr='#e67301',GradientType=0 );
}
a.soundCloudLogin span:before
{
background-position: -50px -26px;
}
a.soundCloudLogin:active,
#loginBar a.soundCloudLogin:active
{
background-color: #ffa348;
}
a.tumblrLogin,
#loginBar a.tumblrLogin
{
background-color: #36475d;
border: #36465d solid 1px;
}
a.tumblrLogin span:before
{
background-position: -26px -50px;
}
a.tumblrLogin:active,
#loginBar a.tumblrLogin:active
{
background-color: #36475d;
}
a.vkLogin,
#loginBar a.vkLogin
{
background-color: #54769b;
border: #54769b solid 1px;
}
a.vkLogin span:before
{
background-position: -74px -26px;
}
a.vkLogin:active,
#loginBar a.vkLogin:active
{
background-color: #54769b;
}
a.odnoklassnikiLogin,
#loginBar a.odnoklassnikiLogin
{
background: #fb8012;
background: -moz-linear-gradient(top, #fb8012 0%, #ff3901 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb8012), color-stop(100%,#ff3901));
background: -webkit-linear-gradient(top, #fb8012 0%,#ff3901 100%);
background: -o-linear-gradient(top, #fb8012 0%,#ff3901 100%);
background: -ms-linear-gradient(top, #fb8012 0%,#ff3901 100%);
background: linear-gradient(to bottom, #fb8012 0%,#ff3901 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8012', endColorstr='#ff3901',GradientType=0 );
border: #d05300 solid 1px;
}
a.odnoklassnikiLogin span:before
{
background-position: -26px -26px;
}
a.odnoklassnikiLogin:active,
#loginBar a.odnoklassnikiLogin:active
{
background-color: #be3e2e;
}
a.githubLogin,
#loginBar a.githubLogin
{
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
border: #c9c9c9 solid 1px;
color: #515151 !important;
}
a.githubLogin span:before
{
background-position: -26px -2px;
}
a.githubLogin:active,
#loginBar a.githubLogin:active
{
background-color: #ffffff;
}
a.linkedinLogin,
#loginBar a.linkedinLogin
{
background: #7dbcd6;
background: -moz-linear-gradient(top, #7dbcd6 0%, #55a6c9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dbcd6), color-stop(100%,#55a6c9));
background: -webkit-linear-gradient(top, #7dbcd6 0%,#55a6c9 100%);
background: -o-linear-gradient(top, #7dbcd6 0%,#55a6c9 100%);
background: -ms-linear-gradient(top, #7dbcd6 0%,#55a6c9 100%);
background: linear-gradient(to bottom, #7dbcd6 0%,#55a6c9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dbcd6', endColorstr='#55a6c9',GradientType=0 );
border: #55a6c9 solid 1px;
}
a.linkedinLogin span:before
{
background-position: -50px -2px;
}
a.linkedinLogin:active,
#loginBar a.linkedinLogin:active
{
background-color: #f9f9f9;
}
a.twitchLogin,
#loginBar a.twitchLogin
{
background-color: #6441A5;
}
a.twitchLogin span:before
{
background-position: -50px -50px;
}
a.battlenetLogin:active,
#loginBar a.battlenetLogin:active
{
background-color: #6441A5;
}
a.battlenetLogin,
#loginBar a.battlenetLogin
{
background: #0f9ada;
background: -moz-linear-gradient(top, #0f9ada 0%, #0076ad 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f9ada), color-stop(100%,#0076ad));
background: -webkit-linear-gradient(top, #0f9ada 0%,#0076ad 100%);
background: -o-linear-gradient(top, #0f9ada 0%,#0076ad 100%);
background: -ms-linear-gradient(top, #0f9ada 0%,#0076ad 100%);
background: linear-gradient(to bottom, #0f9ada 0%,#0076ad 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9ada', endColorstr='#0076ad',GradientType=0 );
border: #55a6c9 solid 1px;
}
a.battlenetLogin span:before
{
background-position: -2px -2px;
}
a.battlenetLogin:active,
#loginBar a.battlenetLogin:active
{
background-color: #f9f9f9;
}
a.liveLogin,
#loginBar a.liveLogin
{
background: #ffffff;
border: #e3e3e3 solid 1px;
color: #000000 !important;
}
a.liveLogin span:before
{
background-position: -2px -26px;
}
a.live:active,
#loginBar a.live:active
{
background-color: #f9f9f9;
}
a.stravaLogin,
#loginBar a.stravaLogin
{
background: #fc4c02;
border: #fc4c02 solid 1px;
}
a.stravaLogin span:before
{
background-position: -2px -50px;
}
a.strava:active,
#loginBar a.strava:active
{
background-color: #f9f9f9;
}
a.vimeoLogin,
#loginBar a.vimeoLogin
{
background: #1ab7ea;
border: #1ab7easolid 1px;
}
a.vimeoLogin span:before
{
background-position: -74px -2px;
}
a.vimeo:active,
#loginBar a.vimeo:active
{
background-color: #1ab7ea;
}
a.instagramLogin,
#loginBar a.instagramLogin
{
color: #483e33 !important;
background: #ece5d6;
}
a.instagramLogin span:before
{
background-position: -74px -49px;
}
a.instagram:active,
#loginBar a.instagram:active
{
background-color: #ece5d6;
}
/* Enables UI.X Support */
<xen:if is="@eeUIX">
a.externalProvider span:before
{
margin-left: -27px;
margin-top: 6px;
}
#XenForo a.externalProvider span
{
margin: 0;
padding: 0 {xen:calc '{xen:property uix_gutterWidthSmall} + 21'}px;
border: none;
text-shadow: none;
width: auto;
height: {xen:property uix_formElementHeight};
line-height: {xen:property uix_formElementHeight};
border-radius: {xen:property uix_globalBorderRadius};
}
#XenForo a.externalProvider, #loginBar a.externalProvider
{
display: block;
background: none;
margin: 0;
padding: 0;
border: none;
text-shadow: none;
color: #FFF;
width: 100%;
height: auto;
font-size: {xen:property uix_globalLargeFontSize};
border-radius: {xen:property uix_globalBorderRadius};
}
#XenForo a.externalProvider span:hover
{
background: rgba(0, 0, 0, 0.1);
}
#XenForo a.externalMinimal, #loginBar a.externalMinimal { background: #303030; }
#XenForo a.soundCloudLogin, #loginBar a.soundCloudLogin { background: #ffa348; }
#XenForo a.vkLogin, #loginBar a.vkLogin { background: #54769b; }
#XenForo a.tumblrLogin, #loginBar a.tumblrLogin { background: #36475d; }
#XenForo a.odnoklassnikiLogin, #loginBar a.odnoklassnikiLogin { background: #fb8012; }
#XenForo a.githubLogin, #loginBar a.githubLogin { background: #f5f5f5; }
#XenForo a.linkedinLogin, #loginBar a.linkedinLogin { background: #7dbcd6; }
#XenForo a.twitchLogin, #loginBar a.twitchLogin { background-color: #6441A5; }
#XenForo a.battlenetLogin, #loginBar a.battlenetLogin { background: #0f9ada; }
#XenForo a.liveLogin, #loginBar a.liveLogin{ background: #FFFFFF; }
#XenForo a.stravaLogin, #loginBar a.stravaLogin{ background: #fc4c02; }
#XenForo a.vimeoLogin, #loginBar a.vimeoLogin{ background: #fc4c02; }
#XenForo a.instagramLogin, #loginBar a.instagramLogin{ background: #ece5d6; }
</xen:if>