Мини-чат с закосом под metro
Код:
#fc_clist .fc_contact{position:relative;float:left;width:auto;height:auto;padding:0;margin:0}
#fc_clist .fc_contact_photo{padding:8px;margin:0}
#fc_clist .fc_contact_photo>img{width:50px;height:50px;padding:0;margin:0}
#fc_clist .fc_contact_name{position:absolute;top:50%;left:50%;width:50%;height:50%;padding:0;margin:0;overflow:visible;color:transparent}
#fc_clist .fc_contact_unread>b{position:absolute;top:-100%;left:-100%;width:200%;height:200%;color:#FFF;line-height:50px;text-align:center;font-weight:normal;font-family:verdana,"Lucida Console",Helvetica,sans-serif;font-size:25px;text-shadow:0 0 1px #EEE;-webkit-text-stroke:1px rgba(0,0,0,0.4);text-indent:-.75em}
#fc_clist .fc_contact_unread>b:first-letter{color:transparent;text-shadow:none}
#fc_clist .fc_contact_status{position:absolute;bottom:12px;right:12px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAACLCAQAAAAdFat1AAAAaElEQVR4Ae3VUQrAIAyDYe9/l5wxoxSo0IAwERHyPf5ubmUMx3FmZgQDRGwLnKyz3kQ/0uw+gh0GpStZv2BqP2BlOesDH0PlcHSh8n7U49hj9LkWUDmAyOU5o+77m8XelSlyxtXVepwPOU6i2AH6XEAAAAAASUVORK5CYII=')}
#fc_clist .fc_clist_hl,#fc_clist .fc_scrollbar_cont{display:none}