[hideprofile][html]<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<style>
.ewsocial {
height: 630px;
width: 696px;
position: relative;
background: #f10601;
border: 2px solid #eee;
border-radius: 30px;
margin-left: 150px;
background-image: ;
background-position: right top;
}
.ewinbox {
position: absolute;
height: 600px;
width: 686px;
border: 0px solid #e9e9e9;
top: 14px;
left: 5px;
border-radius: 30px;
background: white;
}
.ewicon {
position: absolute;
height: 100px;
width: 100px;
border-radius: 100%;
border: 10px solid #fafafa;
background-size: cover;
box-shadow: 0 0 1pt 1pt #eee;
box-shadow: 0 0 0 1pt #eee;
top: 20px;
left:20px;
}
.ewname {
position: absolute;
height: 300px;
width: 702px;
font-family: roboto;
color: #262626;
font-size: 23px;
top: 50px;
left: 10px;
border-radius: 30px;
line-height: 100%;
letter-spacing: 0.5px;
font-weight:500;
}
.eweditbutton {
font-size: 13px;
background: #fafafa;
padding: 0px;
border-radius: 3px;
border: 1px solid #eee;
margin: 0px 5px;
font-weight: 300;
position: relative;
top: -3px;
}
.ewlinestuff {
width: 300px;
font-size: 15px;
top: 80px;
position: absolute;
left: 170px;
font-family: roboto;
color: #262626;
line-height: 140%;
}
.ewsocial num {
font-weight: 700;
margin-left: 10px;
}
.ewsocial name {
font-weight: 700;
margin-right: 0px;
margin-bottom:0px;
display: block;
}
.ewinfo {
height: 50px;
width: 300px;
left: 180px;
position: absolute;
width: 200px;
top: 105px;
font-family: roboto;
font-weight: 300;
font-size: 14px;
line-height: 140%;
}
.ewimgbox {
position: absolute;
width: 630px;
height: 350px;
border-top: 0px solid rgba(0,0,0,0.1);
top: 250px;
left: 35px;
overflow: auto;
display: flex;
align-items: flex-start;
justify-content: space-around;
flex-wrap: wrap;
padding-bottom: 40px;
}
.ewsocial hover {
position: absolute;
padding: 25px 0px;
width: 100px;
height: 50px;
background: rgba(0,0,0,0.8);
top: 10px;
left: 0px;
font-size: 10px;
color: #fafafa;
text-align: center;
font-family: roboto;
font-weight: 700;
line-height: 200%;
opacity: 0;
z-index: 1;
transition: 0.3s;
border-radius: 4px;
}
.ewblocker {
height:0px;
width:100px;
display: block;
position: relative;
}
.ewsocial hover:hover {
opacity: 1;
}
.ewimgbox img {
height:100px;
width:100px;
object-fit: cover;
position: absolute;
top: 10px;
border-radius: 4px;
}
.ewsocial heart {
margin-right: 5px;
}
img {
border-radius: 30px 30px 0px 0px;
}
.ewsocial ::-webkit-scrollbar{display: none;}
</style>
<div class="ewsocial"><div class="ewinbox"><img src="http://forumupload.ru/uploads/0018/1f/c9/4/545684.png"></div>
<div class="ewname"> </div>
<div class="ewimgbox">
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/598555.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/539908.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/270133.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/346001.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/t256561.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/334257.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/123638.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/250161.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/265842.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/146022.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/108695.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/565082.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/t83000.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/922537.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
</div>
</div><center><a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:5px;"></a></center>[/html]