lyrical

GLOBAL_HEAD<=
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Caveat|Raleway" rel="stylesheet">

<style>
/* layout by styleshaz with edits by tentacool - feel free to reach out for assistance */

/* default font */
td{font-family:; line-height:11px; letter-spacing:0px; font-size: 10px;}
tr{text-align:justify;}

/*background*/
body{margin-top: 20px !important;
background-color: #ebebeb;
background-image: url("https://www.transparenttextures.com/patterns/brushed-alum-dark.png");}

/* link effects. */
a {color: #00B5C0; text-decoration: none; transition: all 0.9s ease-in-out; -o-transition-transition:  all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out;}
a:hover {text-decoration: none; color: #fff; transition: all 0.9s ease-in-out; -o-transition-transition:  all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out;}

/*removes top*/
.shadowed img {display: none;}
table table table table .meta {visibility:hidden; position:absolute; top:1px}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}

/*entrybox*/
/* entrybox background and shadow */
.entrybox { background: url(http://i.imgur.com/eLjRmuC.png); box-shadow: 1px 2px 3px  #afafaf;}

/*removes locks*/
.caption img {display: none;}
.ljuser img {display: none;}

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

/*mood & music*/
.entrybox td.meta {display:visible;}

/* comments */
.comments {font-family: helvetica; letter-spacing:2px; font-size:7px; line-height:10px; text-transform:uppercase;}

/*fp icons and font*/
.index, .meta {font-family: helvetica; font-size: 7px; letter-spacing: 2px; line-height: 7px; text-transform: uppercase;}
.index img {background: #00B5C0;border-radius: 50px; height: 75px; width: 75px; padding: 3px; margin-bottom:4px;}

/*gif, links, lyrics*/
#top {position: absolute; visibility: visible; top:5px; right:50.0%; margin-right: -300px; z-index:1; text-align:justify; width:600px;}
.lyrics1 {font-family: amatic sc; color: #555555; display: block; font-size: 32px; letter-spacing: 0px; line-height: 30px; text-align: center; text-shadow: 2px 1px 0px #ffffff, 3px 2px 2px #aaaaaa; text-transform: lowercase;}
.lyrics2 {font-family: Caveat; color: #00B5C0; display:block; font-size: 24px; font-style:; letter-spacing: 0px; line-height: 18px; text-align: center; text-shadow: 2px 1px 0px #FFFFFF, 3px 2px 2px #aaaaaa; text-transform: lowercase;}

#gif {position:fixed; visibility: visible; top: 110px; margin-left: -620px;  z-index: 2; box-shadow: 1px 2px 3px  #afafaf;}

#nav{border-radius: 5px; width: 6px; height: 6px; overflow: hidden; display: inline-block; color: transparent; padding: 1; margin-bottom: 1;font-family: raleway; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; -webkit-transition: all 0.4s ease-in;} #nav:hover{width: 50px; color: #fff; font-family: raleway; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 6px; padding-left: 5;padding-top: 1;}
#links {position:fixed; visibility: visible; top:230px; right:50.0%; margin-right: 270px; z-index:10; text-align:justify; width:210px;}
.one, .two, .three, .four {background-color:#00B5C0;display: block;}
</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<div id="top"><font class="lyrics1">i will travel across the land searching far and wide</font>
<font class="lyrics2">teach pokemon to understand the power that’s inside</font></div>

<div id="gif"><img src="https://imgur.com/fE6H5hH.gif" style="display:inline; width:300px;"></div>
<div id="links"><a href="/" class="one" id="nav">entries</a> <a href="/profile" class="two" id="nav">profile</a> <a href="/calendar" class="three" id="nav">calendar</a> <a href="/friends" class="four" id="nav">friends</a><br></font></div>

<=FRIENDS_WEBSITE

LASTN_WEBSITE<=
<div id="top"><font class="lyrics1">i will travel across the land searching far and wide</font>
<font class="lyrics2">teach pokemon to understand the power that’s inside</font></div>

<div id="gif"><img src="https://imgur.com/fE6H5hH.gif" style="display:inline; width:300px;"></div>
<div id="links"><a href="/" class="one" id="nav">entries</a> <a href="/profile" class="two" id="nav">profile</a> <a href="/calendar" class="three" id="nav">calendar</a> <a href="/friends" class="four" id="nav">friends</a><br></font></div>

<=LASTN_WEBSITE