.container {
width: 1000px;
padding: 10px 17px;
}
.chat-alert {
width: 400px;
left: 490px;
background: white;
margin-bottom: 58px;
padding: 0 11px;
position: absolute;
@include box-shadow(rgba(33,87,81, 0.4) 0 1px 2px);
h1 {
font-size: 1.4em;
}
.close {
font-size: 18px;
float: right;
padding: 11px 0 0;
}
}
.leftside {
width: 23%;
}
.rightside {
width: 75%;
}
.roster {
background: $bg-roster;
padding: 16px 9px 9px;
min-height: 400px;
position: relative;
&:hover, &:active {
cursor: default;
}
.wrap {
overflow-y: auto;
overflow-x: hidden;
width: 210px;
}
}
.my-info {
height: 53px;
}
.user {
padding: 4px 0 4px 3px;
margin-right: -9px;
h1, h2, h3 {
margin: 0 0 1px;
}
//.name {
// font-size: 12px;
// color: $black;
// text-shadow: white 1px 1px;
// margin: 0;
// width: auto;
//}
h1 {
font-size: 12px;
color: $black;
text-shadow: white 1px 1px;
.name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
max-width: 66%;
float: left;
}
}
h2 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 66%;
}
h3 {
font-size: 12px;
color: $status-color;
margin-top: -2px;
.rolldown {
clear: both;
left: 59px;
width: 72px;
font-weight: normal;
float: left;