layout 004. (circle top friends)

--------- PUT CODE IN ABOUT ME -----------



<style type="text/css">.userProfileDetail { display:none; }</style>
<style type="text/css">.latestBlogEntry { display:none; }</style>

<style>
@font-face { font-family: "kaori"; src: url('https://dl.dropboxusercontent.com/s/gifpgk1qx565q7z/KaoriGel.ttf'); }
</style>

<style>
.nametext
{font: italic 20px "kaori"!important;
color: #000;
letter-spacing: px !important;
text-align:left;
display:;
text-transform: lowercase;
}
color: ;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
position: absolute;
left: 48%;
margin-left: -490px;
top: 130px;
text-transform: lowercase;
_display: none;}
<style>

<style>
.blurbs .text br {display:inline;} .friendsComments {margin-top:5px;} tr {background-color:transparent}table, tr, td, li, p, div, .btext, .blacktext10, .blacktext12, .lightbluetext8, .orangetext15, .redtext, .redbtext, .text, .whitetext12, a:active, a:visited, a:link, a:hover, a.navbar:active, a.navbar:visited, a.navbar:link, a.navbar:hover, a.redlink:active, a.redlink:visited, a.redlink:link, a.redlink:hover, .nametext {font-family:kaori; color:; font-size:10px;letter-spacing:0px;font-weight:normal;text-decoration:none;} </style>

<style>.blurbs br {display:none;}
.blurbs .text br {display:inline;}<style>

<style>
table.extendedNetwork .statusDateTime {display:none;}
table.extendedNetwork .blacktext12 a {display:none;}
table.extendedNetwork {height:14px;}
table.extendedNetwork, table.extendedNetwork td {border:1px;}
<style>

<style>.profile * { display: none !important; } div[id="googlebar"] { background: none !important; }<style>

<style>

table.friendSpace .msOnlineNow {display:none;}
<style>

<style>
.friendSpace .redbtext {font-weight:bold;}
.friendSpace td {padding:0px;}
.friendSpace br {display:none;}
.friendSpace td.text td td br {display:inline;}
.friendSpace .btext {display:block;}
.friendSpace td.text td td a img {width:100px; height:120px;}
table.friendSpace span.btext {display:none;}
table.friendSpace td.text div {display:none;}
table.friendSpace .msOnlineNow {display:none;}
.friendSpace td.text td td a img{
padding:2px; margin:0px;
margin-right:2px;
background-color: #ffffff;
border:1px solid #DDDDDD;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;}</style>

<style>
.contactTable { display: none; }
<style>

<style>
table.interestsAndDetails, table.interestsAndDetails td {border:0px;}
table.friendsComments td.text td td {background-color:white;}
<style>

<style>.userProfileURL { display:none; }<style>

<style type="text/css">.latestBlogEntry { display:none; }<style>

<style>
.userProfileDetail {display:none;}.interestsanddetails{position:relative; top: -50px;}.interestsAndDetails td {width:0px;}
.katamari Section Manager
{ http://abrax.us/SectionManager }
table.interestsAndDetails td.text {background-color:c9e0fa;}
table.interestsAndDetails span.whitetext12 {color:4672c2;}
table.interestsAndDetails, table.interestsAndDetails td {border:0px;}
table.interestsAndDetails td td {background-color:ffffff;}

.katamari Section Manager
{ http://abrax.us/SectionManager }
.userProfileURL {display:none;}

.katamari Section Manager
{ http://abrax.us/SectionManager }
table.friendSpace span.redbtext {font-weight:bold;}
table.friendSpace td {padding:0px;}
table.friendSpace td.text td br {line-height:0px;}
table.friendSpace span.btext {display:block;}
table.friendSpace td.text div {display:none;}
.interestsanddetails{position:relative; top: -6px;}.interestsAndDetails td.text {background-color:; line-height:14px;}

.katamari Section Manager
{ http://abrax.us/SectionManager }
.userProfileURL {visibility:hidden;}
.userProfileURL td {visibility:visible;}
.userProfileURL table * {background-color:transparent;}
.userProfileURL td td td {width:0px;}
.userProfileURL strong {display:none;}
.userProfileURL td {padding:0px;}
table.userProfileURL td td {background-color:white;}
.friendSpace .redbtext {font-weight:bold;}
.friendSpace td {padding:0px;}
.friendSpace br {display:none;}
.friendSpace td.text td td br {display:inline;}
.friendSpace .btext {display:block;}
table.friendSpace span.btext {display:none;}
table.friendSpace td.text div {display:none;}
table.friendSpace .msOnlineNow {display:none;}
<style>


----------- PUT CODE IN WHO'D I'D LIKE TO MEET ------------

<style>

.friendspace td.text td td a img {
    float:center;
    background-color:#fff;
    border:1px solid #e7e7e7;
    display:inline-block;
    padding:3px;
    width:85px;
    height:85px;
    border-radius:50%;
    border:1px solid #e7e7e7;
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: .7s ease-in-out;
    -webkit-filter: grayscale(0%);
}

.friendspace td.text td td a img:hover {
    background-color:#ffffff;

    background-image: linear-gradient(to bottom right, #fff,#fff);

    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}


</style>