<xen:require css="message_user_info.css" />
.messageUserInfo
{
float: left;
-webkit-box-shadow: 2px 2px 7px rgba(50, 50, 50, 0.4); -moz-box-shadow: 2px 2px 7px rgba(50, 50, 50, 0.4); -khtml-box-shadow: 2px 2px 7px rgba(50, 50, 50, 0.4); box-shadow: 2px 2px 7px rgba(50, 50, 50, 0.4);
width: 176px;
}
.messageUserInfo .userText {
font-size: 16px;
display: block;
background: #101010;
font-family: Verdana;
}
.messageUserBlock
{
-webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
text-align: center;
@property "/messageUserBlock";
position: relative;
}
.messageUserBlock div.avatarHolder .avatar
{
display: block;
font-size: 0;
}
.messageUserBlock .userBanner
{
display: block;
margin-bottom: 5px;
margin-left: -12px;
margin-right: -12px;
}
.messageUserBlock .userBanner:last-child
{
margin-bottom: 0;
}
.messageUserBlock .userTitle {
font-size: 11px;
display: block;
background: #101010;
font-family: Verdana;
}
.messageUserBlock .extraUserInfo {
font-size: 11px;
}
.messageUserBlock .extraUserInfo dl {
margin: 2px 0 0;
background: #101010;
padding: 5px;
}
.messageUserBlock .extraUserInfo img
{
max-width: 100%;
}
.messageUserBlock .arrow
{
position: absolute;
top: 10px;
right: -10px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
border: 10px solid transparent;
border-left-color: rgb(57, 57, 57);
-moz-border-left-colors: rgb(57, 57, 57);
border-right: none;
/* Hide from IE6 */
_display: none;
}
.messageUserBlock .arrow span
{
position: absolute;
top: -10px;
left: -11px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
border: 10px solid transparent;
border-left-color: rgb(30, 31, 32);
-moz-border-left-colors: rgb(30, 31, 32);
border-right: none;
}
@media (max-width:480px)
{
.Responsive .messageUserInfo
{
float: none;
width: auto;
}
.Responsive .messageUserBlock
{
overflow: hidden;
margin-bottom: 5px;
position: relative;
}
.Responsive .messageUserBlock div.avatarHolder
{
float: left;
padding: 5px;
}
.Responsive .messageUserBlock div.avatarHolder .avatar img
{
width: 38px;
height: 38px;
}
.Responsive .messageUserBlock h3.userText
{
font-size: 16px;
margin-left: 64px;
}
.Responsive .messageUserBlock .userBanner
{
max-width: 176px;
margin-left: 0;
margin-right: 0;
-webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px;
position: static;
display: inline-block;
}
.Responsive .messageUserBlock .userBanner span
{
display: none;
}
.Responsive .messageUserBlock .extraUserInfo
{
display: none;
}
.Responsive .messageUserBlock .arrow
{
display: none;
}
}
/* avatar section */
.Ava150 img {
padding: 1px;
width: 176px;
height: auto;
margin-left: -2px;
max-height:250px;
}
.userText {
font-size: 16px;
}
.avatarBan {
background: url("/styles/fragzone/xenforo/avatars/123.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
height: 250px;
position: absolute;
top: 5px;
width: 180px;
}
#moderatorBar {
font-size: 12px;
background-color: rgb(16, 17, 18);
border-bottom: 1px solid rgb(40, 40, 40);
line-height: 30px;
}
</div>
</div>