[KiberПсих]

Отображение списка друзей сеткой

.friends_bigph_wrap,#friends .user_block, #friends .user_block .actions,#friends .user_block .info, #friends .user_block .info_no_actions { 
text-align: center;
width: 140px !important;
}

#friends .user_block { 
display: inline-block !important;
padding: 5px 0px !important;
}
#friends .user_block .info, #friends .user_block .info_no_actions{ 
padding-left: 0px !important;
}
#friends .user_block .img { 
display: inline !important;
}

#friends .user_block .actions { 
 height: 11px !important;
 padding: 4px 0px !important;
}
 
.friends_bigph_wrap,#friends .user_block .info, #friends .user_block .info_no_actions,#friends .user_block .actions  {
float:none !important;
}

#friends .user_block .online { 
background: #88A4C2 !important;
border-radius: 10px !important;
box-shadow: inset 2px 2px 4px #B3D8FF, 0px 0px 1px 1px #6F869E !important;
height: 10px !important;
margin-top: -125px !important;
overflow: hidden !important;
padding: 0px 0px 0px 10px !important;
position: absolute !important;
width: 0px !important;
color:#FFF !important;
text-shadow: 0px -1px #6F869E !important;
}
#friends .user_block .online:hover { 
   height:auto !important;
   width:auto !important;
   padding-right:10px !important;
   -webkit-transition: all 100ms linear;
   -moz-transition: all 100ms linear;
   -o-transition: all 100ms linear;
   transition: all 100ms linear;
}

#friends .user_block .actions .friends_act[onclick*=deleteFriend],#friends .user_block .actions .friends_act[onmousedown*=deleteFriend]{ 
background: url("http://vk.com/images/pics/statusx_op.gif") 0px 0px no-repeat transparent;
height: 0px !important;
line-height: 11px !important;
overflow: hidden !important;
padding: 11px 11px 0px 0px !important;
width: 0px !important;
display:inline-block !important;
margin: 0 4px !important;
}
#friends .user_block .actions .friends_act[href*=write],#friends .user_block .actions .friends_act[href*=friends], #friends .user_block .actions .friends_act.lists_select{ 
background: url("http://vk.com/images/icons/mono_iconset.gif") 0px -193px no-repeat transparent;
height: 0px !important;
line-height: 11px !important;
overflow: hidden !important;
padding: 11px 11px 0px 0px !important;
width: 0px !important;
display:inline-block !important;
margin: 0 4px !important;
}

#friends .user_block .actions .friends_act[href*=friends]{ 
background-position: 0px -90px !important;
}
#friends .user_block .actions .friends_act.lists_select{ 
background-position: 0px -15px !important;
}