<xen:if is="{$xenOptions.externalMinimal}">
li a.eeProxy,
li span.eeProxy
{
display: block !important;
}
</xen:if>
<xen:if is="{$xenOptions.externalLogin}">
{
position: relative !important;
margin: 0 auto;
}
</xen:if>
<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>
{
text-decoration: none;
}
{
overflow-x: hidden;
overflow-y: auto;
height: 100%;
width: 200px;
right: -10px !important;
}
a.externalMinimal,
{
background:
}
a.externalMinimal span:before
{
background: none !important;
}
a.externalMinimal:active,
{
background-color:
}
a.externalProvider span
{
display: block;
padding: 8px;
padding-left: 33px;
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: -33px;
margin-top: -3px;
}
a.externalProvider,
{
display: inline-block;
width: @eAuthButtonWidth;
height: 32px;
box-sizing: border-box;
cursor: pointer;
color:
border-radius: 3px;
padding-left: 12px;
font-weight: bold;
font-size: 11px;
line-height: 14px;
}
a.soundCloudLogin,
{
background:
background: -moz-linear-gradient(top,
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
background: -webkit-linear-gradient(top,
background: -o-linear-gradient(top,
background: -ms-linear-gradient(top,
background: linear-gradient(to bottom,
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa348', endColorstr='#e67301',GradientType=0 );
}
a.soundCloudLogin span:before
{
background-position: -50px -26px;
}
a.soundCloudLogin:active,
{
background-color:
}
a.tumblrLogin,
{
background-color:
border:
}
a.tumblrLogin span:before
{
background-position: -26px -50px;
}
a.tumblrLogin:active,
{
background-color:
}
a.vkLogin,
{
background-color:
border:
}
a.vkLogin span:before
{
background-position: -74px -26px;
}
a.vkLogin:active,
{
background-color:
}
a.odnoklassnikiLogin,
{
background:
background: -moz-linear-gradient(top,
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
background: -webkit-linear-gradient(top,
background: -o-linear-gradient(top,
background: -ms-linear-gradient(top,
background: linear-gradient(to bottom,
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb8012', endColorstr='#ff3901',GradientType=0 );
border:
}
a.odnoklassnikiLogin span:before
{
background-position: -26px -26px;
}
a.odnoklassnikiLogin:active,
{
background-color:
}
a.githubLogin,
{
background:
background: -moz-linear-gradient(top,
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
background: -webkit-linear-gradient(top,
background: -o-linear-gradient(top,
background: -ms-linear-gradient(top,
background: linear-gradient(to bottom,
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
border:
color:
}
a.githubLogin span:before
{
background-position: -26px -2px;
}
a.githubLogin:active,
{
background-color:
}
a.linkedinLogin,
{
background:
background: -moz-linear-gradient(top,
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
background: -webkit-linear-gradient(top,
background: -o-linear-gradient(top,
background: -ms-linear-gradient(top,
background: linear-gradient(to bottom,
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dbcd6', endColorstr='#55a6c9',GradientType=0 );
border:
}
a.linkedinLogin span:before
{
background-position: -50px -2px;
}
a.linkedinLogin:active,
{
background-color:
}
a.twitchLogin,
{
background-color:
}
a.twitchLogin span:before
{
background-position: -50px -50px;
}
a.battlenetLogin:active,
{
background-color:
}
a.battlenetLogin,
{
background:
background: -moz-linear-gradient(top,
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
background: -webkit-linear-gradient(top,
background: -o-linear-gradient(top,
background: -ms-linear-gradient(top,
background: linear-gradient(to bottom,
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9ada', endColorstr='#0076ad',GradientType=0 );
border:
}
a.battlenetLogin span:before
{
background-position: -2px -2px;
}
a.battlenetLogin:active,
{
background-color:
}
a.liveLogin,
{
background:
border:
color:
}
a.liveLogin span:before
{
background-position: -2px -26px;
}
a.live:active,
{
background-color:
}
a.stravaLogin,
{
background:
border:
}
a.stravaLogin span:before
{
background-position: -2px -50px;
}
a.strava:active,
{
background-color:
}
a.vimeoLogin,
{
background:
border:
}
a.vimeoLogin span:before
{
background-position: -74px -2px;
}
a.vimeo:active,
{
background-color:
}
a.instagramLogin,
{
color:
background:
}
a.instagramLogin span:before
{
background-position: -74px -49px;
}
a.instagram:active,
{
background-color:
}
<xen:if is="@eeUIX">
a.externalProvider span:before
{
margin-left: -27px;
margin-top: 6px;
}
{
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};
}
{
display: block;
background: none;
margin: 0;
padding: 0;
border: none;
text-shadow: none;
color:
width: 100%;
height: auto;
font-size: {xen:property uix_globalLargeFontSize};
border-radius: {xen:property uix_globalBorderRadius};
}
{
background: rgba(0, 0, 0, 0.1);
}
</xen:if>