2014-08-22 15:37:11 +00:00
|
|
|
#contactlist {
|
2016-04-01 16:30:05 +00:00
|
|
|
display: none;
|
2014-09-30 12:48:05 +00:00
|
|
|
background-color: black;
|
2014-10-06 10:29:48 +00:00
|
|
|
cursor: default;
|
2014-08-22 15:37:11 +00:00
|
|
|
}
|
|
|
|
|
2015-06-19 13:45:39 +00:00
|
|
|
#contactlist>div.title {
|
|
|
|
text-align: left;
|
|
|
|
padding: 7px 10px;
|
|
|
|
margin: 2px;
|
2016-06-23 19:48:38 +00:00
|
|
|
color: #21B9FC;
|
2015-06-19 13:45:39 +00:00
|
|
|
font-size: 11pt;
|
|
|
|
border-bottom: 1px solid #676767;
|
|
|
|
}
|
|
|
|
|
2016-06-23 19:48:38 +00:00
|
|
|
#contactlist>div.title>span {
|
|
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
|
2015-06-19 13:45:39 +00:00
|
|
|
#contactlist>ul#contacts {
|
|
|
|
position: absolute;
|
|
|
|
top: 31px;
|
|
|
|
bottom: 0px;
|
|
|
|
width: 100%;
|
2014-08-22 15:37:11 +00:00
|
|
|
margin: 0px;
|
|
|
|
padding: 0px;
|
2015-06-19 13:45:39 +00:00
|
|
|
overflow-y: scroll;
|
|
|
|
overflow-x: hidden;
|
2014-08-22 15:37:11 +00:00
|
|
|
}
|
|
|
|
|
2015-06-19 13:45:39 +00:00
|
|
|
#contacts>li {
|
2014-08-22 15:37:11 +00:00
|
|
|
list-style-type: none;
|
|
|
|
text-align: left;
|
|
|
|
color: #FFF;
|
|
|
|
font-size: 10pt;
|
2014-10-06 10:29:48 +00:00
|
|
|
padding: 7px 10px;
|
|
|
|
margin: 2px;
|
2014-08-22 15:37:11 +00:00
|
|
|
}
|
|
|
|
|
2015-06-19 13:45:39 +00:00
|
|
|
#contacts>li>p {
|
2014-08-22 15:37:11 +00:00
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
margin: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.avatar {
|
|
|
|
padding: 0px;
|
|
|
|
margin-right: 10px;
|
|
|
|
vertical-align: middle;
|
|
|
|
font-size: 22pt;
|
2014-10-31 11:47:12 +00:00
|
|
|
border-radius: 20px;
|
2015-12-07 21:52:11 +00:00
|
|
|
max-height: 30px;
|
|
|
|
max-width: 30px;
|
2014-10-06 10:29:48 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#contactlist .clickable {
|
|
|
|
cursor: pointer;
|
2014-08-22 15:37:11 +00:00
|
|
|
}
|