kpjonas

GLOBAL_HEAD<=
<link rel="shortcut icon" href="https://static.thenounproject.com/png/17849-200.png">
<link href="http://fonts.googleapis.com/css?family=Euphoria+Script" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Handlee" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Coming+Soon" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Arimo" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css">


<style>



/* be tasteful - keep credit, change bgs, colors, fonts and rehost everything on your own. credit: ~eth, with edits by ~skye, and even more edits by ~holli */

body {background-image:url(http://i.imgur.com/Gtpmb02.png); background-color: ; overflow-x: hidden; margin-top: 50;}

table{margin-bottom: -7px;}
td{font-size: 11px; line-height: 12px; font-family: arial;}

.index img {height:50px; width:50px;}

.entrybox {background-image:url(); background-attachment:fixed; background: rgba(255, 255, 255, .03);}

.entrybox {  -webkit-linear-gradient(bottom, #917b4c, #000) 1 100%;
  -moz-border-image: -moz-linear-gradient(bottom, #917b4c, #000) 1 100%;
  -o-border-image: -o-linear-gradient(bottom, #917b4c, #000) 1 100%;
  border-image: linear-gradient(to bottom, #917b4c, #000) 1 100%;
  border-radius:0;
  -moz-border-radius:0;
  border-width: 0px 0px 0px 3px;
  border-style: solid;
  margin-bottom: -5px;
  font-weight: normal;
  }

.shadowed img {display:none;}

b{font-weight: none;}

body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}

/* entry text */
td {
font-family: arial;
font-size: 11px;
line-height: 12px;
color: #e5d3a9;
text-shadow:;
margin-top: -10px;
}
tr { text-align:justify; }

/* link effects */
a {
color: #9f8045;
text-decoration: none;
text-shadow:;
}
a:hover {
color: #18191e;
text-decoration: none;
text-shadow:;
transition: all 1.0s ease-out;
}

/*hides userpic info brackets */
.entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;}
table table table table .meta {line-height: 5px; visibility: hidden;}


/* subject lines. */
p table table td.caption {font-family: oxygen,helvetica, arial; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#e5d3a9;}

.entrybox table table table td{
background-color: transparent;
}

/* date & time. */
.entrybox td.index {
display: none;
}

/* mood & music */
.entrybox td.meta {
font-family: arial;
font-size: 7px;
line-height: 7px;
letter-spacing: 1px;
font-weight: none;
color: #e4d9c3;
text-shadow:;
text-transform: uppercase;
border-bottom:;
padding-bottom: 2px;
text-align: justify;
}

/* comments */
.comments {
font-family: arial;
font-size: 7px;
line-height: 10px;
letter-spacing: 1px;
font-weight: none;
color: #9f8045;
text-shadow:;
text-transform: uppercase;
border-bottom:;
padding-right: 8px;
}

/* hides navigation text */
.index, table table table td.meta {text-transform:uppercase;font-family: verdana;font-size:5pt; color:transparent; text-transformation: uppercase; text-shadow:none; letter-spacing: 1px; line-height:0px;}

/* ij icon & locks */
.ljuser img {display:none;}
.caption img{display:none;}

/* friends page icons & users. */
.ljuser img {display: none;} p table table td.caption img {height: 7px; width: 7px; opacity: 0.7;} b {font-weight: normal;} p table table table table td {font-size: 0px;}
.entrybox a.index {color: #ffffff; line-height: 14px; text-transform: UPPERcase; margin-top: 0px; font-size: 8px;} .entrybox tr td table tr td table tr td {background: transparent;}
.index img {-webkit-backface-visibility: hidden; border-radius: px; height: 50px; width: 50px; opacity: 1; box-shadow: 0px 0px 1px #bbbbbb; padding: 3px;}
.entrybox a.index font {color: #aaaaaa;}

.ljadshadowed div {visibility: visible;position: relative;}
table table table table table .meta {visibility: visible; position:relative;}
.shadowed span#navigation img {display: inline; visibility: visible; position: relative;}

/* aligns all text */
tr {text-align:justify;}

/* top box website lyrics, etc */
.shadowed {background-image:url(); background-repeat:no-repeat;}

/* image opacity */
img {opacity:0.75;filter:alpha(opacity=100); -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
img:hover{opacity:1.0;filter:alpha(opacity=100);  -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}


/* sidebar stuff */
#icon {position:relative; visibility: visible; top: 25px; left: 450px; z-index:97; height:0px; }

#icon img { width: 350px; background: transparent; display:inline; box-shadow: #fff 0px 0px 0px; }
#gif{ position: absolute; z-index: 100; top: 10px; margin-left: 450px; visibility: visible; height: 50px; width: 50px; background-color: #fff; border-radius: 100%; box-shadow: 3px 3px 0px 0px #9f8045; }


.lyrics {font-family: oxygen,helvetica, arial; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#222;}
a.links{color: #FFB330; -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;} a.links:hover{color:#C31798; text-decoration:none;  -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}

#navi{position: absolute; margin-left: 370; top: 50; width: 125px; text-align: justify;}
#nav{border-radius: 4px; color: transparent; display: inline-block; height: 7px; font-family: arial; font-size: 7px; line-height: 7px; letter-spacing: 1px; overflow: hidden; padding: 1px 1px; text-align: center; text-shadow: none; text-transform: uppercase; transition: all 0.3s ease-in; vertical-align: text-top; width: 7px; -webkit-transition: all 0.4s ease-in; }
#nav:hover{height: 7px; color: #18191e; text-transform: uppercase; transition: all 0.3s ease-in; width: 60px; -webkit-transition: all 0.4s ease-in;}

.one{background-color:#bbb7af;} .two{background-color:#e9d7b0; display: block;} .three{background-color:#b19058; display: block;}

table table table table .meta {visibility:hidden; position:absolute;}
table table table table table .meta {visibility:visible; position:relative;}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}

</style>


<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<style>



table table table table .meta {visibility:hidden; position:absolute; top:1px}
table table table table table .meta {visibility:visible; position:relative; top:1px}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
</style>



<table cellspacing="0" cellpadding="0" border="0" summary="">
<tr><td valign="left" colspan="0" width="150" height="0px">
<table height="" width="150" align="center" cellspacing="0" border="0" cellpadding="0">
<tr><td valign="justify"></td></tr></table>

<div id="icon">
<img src="https://i.imgur.com/mOXtyXz.png"></div>
<div id="gif"><img src="https://i.imgur.com/QDOncqB.gif" style="display: block; height: 50px; width: 50px; border-radius: 100%;"></div>
<span id="navi"><span class="lyrics">

<center><a href="/info" class="one" id="nav">profile</a> <a href="/friends" class="two" id="nav">friends</a> <a href="/" class="three" id="nav">recent</a><br></center></font>

</div>
<=FRIENDS_WEBSITE

LASTN_WEBSITE<=
<style>



table table table table .meta {visibility:hidden; position:absolute; top:1px}
table table table table table .meta {visibility:visible; position:relative; top:1px}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
</style>



<table cellspacing="0" cellpadding="0" border="0" summary="">
<tr><td valign="left" colspan="0" width="150" height="0px">
<table height="" width="150" align="center" cellspacing="0" border="0" cellpadding="0">
<tr><td valign="justify"></td></tr></table>

<div id="icon">
<img src="https://i.imgur.com/mOXtyXz.png"></div>
<div id="gif"><img src="https://i.imgur.com/QDOncqB.gif" style="display: block; height: 50px; width: 50px; border-radius: 100%;"></div>
<span id="navi"><span class="lyrics">

<center><a href="/info" class="one" id="nav">profile</a> <a href="/friends" class="two" id="nav">friends</a> <a href="/" class="three" id="nav">recent</a><br></center></font>

</div>
<=LASTN_WEBSITE