| 33CC00 | 33CC33 | 33CC66 |
#xt_auth_container
{
position: static;
display: inline;
display: inline-block;
text-align: right;
margin: 3px 0; padding: 0;
width: 100%; height: auto;
border: none;
}
.xt_auth_view
{
position: static;
display: inline;
display: inline-block;
text-align: right;
margin: 0; padding: 0;
width: auto; height auto;
border: none;
}
.xt_auth_action
{
text-align: left;
position: static;
display: inline; zoom: 1;
display: inline-block;
vertical-align: top;
margin: 0 5px 0 0;
padding: 0 5px;
height: 20px; width: auto;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-color: #2e2e2e;
background-color: rgba(0,0,0,0.4);
!background-color: #2e2e2e;
font: 600 12px/20px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
text-decoration: none;
-webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
-moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
-o-text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
text-shadow: 1px 1px 0 rgba(0,0,0,0.08);
color: #fff;
-webkit-user-select: none;
}
.xt_auth_action > * { vertical-align: top; }
.xt_auth_action:hover
{
background-color: #1f1f1f;
background-color: rgba(0,0,0,0.6);
}
.xt_auth_action:link,
.xt_auth_action:visited,
.xt_auth_action:active,
.xt_auth_action:hover
{
text-decoration: none;
color: #fff;
}
.xt_auth_icon, .xt_auth_avatar
{
position: static;
display: inline; display: inline-block;
width: 13px; height: 13px;
margin: 3px 1px 0 0;
padding: 0;
vertical-align: top;
border: 0;
}
.xt_auth_icon
{
background-image: url(http://xtgem.com/images/authbar/auth_sprite_v2.png);
margin-right: 0;
}
.xt_auth_icon_enchanted
.xt_auth_icon
{
background-size: 103px;
/* margin: 4px 2px 0 0; */
}
/* join & subscribe */
.xt_auth_join .xt_auth_icon,
.xt_auth_subscribe .xt_auth_icon {
background-position: -92px 13px;
}
/* inbox */
.xt_auth_inbox
.xt_auth_icon { background-position: -78px 13px; }
/* rate */
.xt_auth_rate
.xt_auth_icon { background-position: 0 14px; }
/* unrate */
.xt_auth_unrate
.xt_auth_icon { background-position: -13px 14px; }
/* star */
.xt_auth_star
.xt_auth_icon { background-position: -26px 13px; }
/* unstar */
.xt_auth_unstar
.xt_auth_icon { background-position: -39px 13px; }
/* repost */
.xt_auth_repost
.xt_auth_icon { background-position: -52px 12px; margin-top: 4px; }
/* reposted */
.xt_auth_reposted
.xt_auth_icon { background-position: -65px 12px; margin-top: 4px; }
/* join & subscribe */
.xt_auth_icon_enchanted .xt_auth_join .xt_auth_icon,
.xt_auth_icon_enchanted .xt_auth_subscribe .xt_auth_icon {
background-position: 11px 0.5px;
width: 12px;
}
/* inbox */
.xt_auth_icon_enchanted
.xt_auth_inbox
.xt_auth_icon { background-position: 25px 1px; }
/* rate */
.xt_auth_icon_enchanted
.xt_auth_rate
.xt_auth_icon { background-position: 0 0; }
/* unrate */
.xt_auth_icon_enchanted
.xt_auth_unrate
.xt_auth_icon { background-position: -13px 0; }
/* star */
.xt_auth_icon_enchanted
.xt_auth_star
.xt_auth_icon { background-position: 77px 0; }
/* unstar */
.xt_auth_icon_enchanted
.xt_auth_unstar
.xt_auth_icon { background-position: 64px 0; }
/* repost */
.xt_auth_icon_enchanted
.xt_auth_repost
.xt_auth_icon { background-position: 51px 1px; margin: 3px 0 0 0; }
/* reposted */
.xt_auth_icon_enchanted
.xt_auth_reposted
.xt_auth_icon { background-position: 39px 1px; margin: 3px 0 0 0; }
/* hidding */
.xt_auth_unstar,
.xt_auth_unsubscribe,
.xt_auth_unrate
{
display: none;
}
.xt_auth_action_star_active
.xt_auth_unstar,
.xt_auth_action_rate_active
.xt_auth_unrate,
.xt_auth_action_subscribe_active
.xt_auth_unsubscribe
{
display: inline-block;
}
.xt_auth_action_star_active
.xt_auth_star,
.xt_auth_action_rate_active
.xt_auth_rate,
.xt_auth_action_subscribe_active
.xt_auth_subscribe
{
display: none;
}
#xt_auth_container { position: fixed; }
html { padding-top: 20px; } #xt_auth_container { top: 0; left: 0; } #xt_auth_container, .xt_auth_view, .xt_auth_icon, .xt_auth_avatar { max-height: none !important; max-width: none !important; min-width: none !important; min-width: none !important; opacity: 1 !important; text-indent: 0 !important; visibility:visible !important; }
|
. . . See usage examples below.