atiq layout
GLOBAL_HEAD<=
<title>put that away and talk to me</title>
<link rel="shortcut icon" href="http://i.imgur.com/f42FCcS.png">
<link rel="stylesheet" href="http://static.tumblr.com/yr9wtla/Tizn7crsb/fonts.css">
<link href="http://fonts.googleapis.com/css?family=Poiret+One|Fjalla+One|Dawning+of+a+New+Day|Economica" 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/JDiKybK.png); background-color: ; overflow-x: hidden; margin-top: 0;}
table{margin-bottom: -7px;}
td{font-size: 11px; line-height: 12px; font-family: arial;}
.index img {height:50px; width:50px;}
.entrybox {background-image:url(http://i.imgur.com/6uPbZ2R.png); background-attachment:fixed; box-shadow:#e9e9e9 0 0 1px;}
.entrybox {border-width: 0px; border-bottom: 2px; border-style: solid #033649;}
.shadowed img {display:none;}
b{font-weight: none;}
body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}
/* links */
a {color: #033649; 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;}
a:hover{color:#16ABA4; 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;}
/* subject */
p table table td.caption {font-family: amatic sc; font-size: 20px; color: #036564; letter-spacing: 0px; margin-bottom:-4px; line-height: 8px; text-transform:uppercase; padding: 0;}
p table table td.caption img{width: 4pt; height: 4pt;}
/* removes date */
.entrybox td.index, .index3{display:none;}
/* moves date to a new line */
.index2{font-family: anchor; font-size: 7px; letter-spacing: 1px; line-height: 4px; text-transform:uppercase; text-align:right; color:#95173B; display:block; padding-top: 4px;}
/* mood & music. */
.entrybox td.meta {font-family:consolas; font-size: 8px; color: #1b1b1b; line-height: 8px; text-transform: lowercase;}
/* comments */
.comments {font-family: consolas; letter-spacing: 0; font-size: 9px; line-height: 11px; text-transform:uppercase; padding-top: 8; padding-bottom: 4; padding-left: 0; padding-right: 0; display: block; text-align: right;}
/* 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;}
.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: 45px; left: 400px; z-index:97; height:0px; }
#lyric{font-family:Amatic SC; text-transform: uppercase; font-size: 20px; width:; display: block; position: absolute; left: -20;top: -11; text-shadow: 0 0 1px #ccc;}
.lyrics {text-align: justify; font-family: consolas; font-size: 8px; text-transform: uppercase; line-height: 7px; padding: 0px; letter-spacing: 0.5px; word-spacing: -3; width: 110px; display: block;}
a.links{color: #033649; -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:#16ABA4; 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: 400; top: 245; width: 125px;}
#nav{border-radius: 5px; width: 6px; height: 6px; overflow: hidden; display: inline-block; color: transparent; padding: 1; margin-bottom: 1;font-family: calibri; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; -webkit-transition: all 0.4s ease-in;} #nav:hover{width: 50px; color: #fff; font-family: calibri; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 6px; padding-left: 5;padding-top: 1;}
.one{background-color:#CDB380;} .two{background-color:#036564; display: block;} .three{background-color:#033649; display: block;} .four{background-color:#031634; display: block;}</style>
<=GLOBAL_HEAD
FRIENDS_WEBSITE<=
<style>
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>
<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="center"></td></tr></table>
<div id="icon">
<span id="lyric"><span style="color:#037574;">t</span><span style="color:#037171;">h</span><span style="color:#036E6F;">e</span><span style="color:#036B6D;">r</span><span style="color:#03686B;">e</span> <span style="color:#036167;">i</span><span style="color:#035E65;">s</span> <span style="color:#035860;">n</span><span style="color:#03555E;">o</span> <span style="color:#034E5A;">s</span><span style="color:#034B58;">a</span><span style="color:#034856;">f</span><span style="color:#034553;">e</span> <span style="color:#033F4F;">p</span><span style="color:#033B4D;">l</span><span style="color:#03384B;">a</span><span style="color:#033549;">c</span><span style="color:#033247;">e</span> <span style="color:#032C42;">t</span><span style="color:#032840;">o</span> <span style="color:#03223C;">h</span><span style="color:#031F3A;">i</span><span style="color:#031C38;">d</span><span style="color:#031936;">e</span>
<br><img src="http://i.imgur.com/O07dAom.gif" style="width: 170px; background:url(http://i.imgur.com/A5vt8Jq.png) #ffffff; display:inline; padding: 5px; box-shadow: #ddd 0 0 1px; border-width: 0px; border-bottom: 2px; border-style: solid #033649;"></div>
<span id="navi"><span class="lyrics"></span>
<a href="/info" class="one" id="nav">profile</a> <a href="/friends" class="two" id="nav">friends</a> <a href="/calendar" class="three" id="nav">calendar</a> <a href="/" class="four" id="nav">recent</a><br></font></div>
<=FRIENDS_WEBSITE
LASTN_WEBSITE<=
<style>
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>
<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="center"></td></tr></table>
<div id="icon">
<span id="lyric"><span style="color:#037574;">t</span><span style="color:#037171;">h</span><span style="color:#036E6F;">e</span><span style="color:#036B6D;">r</span><span style="color:#03686B;">e</span> <span style="color:#036167;">i</span><span style="color:#035E65;">s</span> <span style="color:#035860;">n</span><span style="color:#03555E;">o</span> <span style="color:#034E5A;">s</span><span style="color:#034B58;">a</span><span style="color:#034856;">f</span><span style="color:#034553;">e</span> <span style="color:#033F4F;">p</span><span style="color:#033B4D;">l</span><span style="color:#03384B;">a</span><span style="color:#033549;">c</span><span style="color:#033247;">e</span> <span style="color:#032C42;">t</span><span style="color:#032840;">o</span> <span style="color:#03223C;">h</span><span style="color:#031F3A;">i</span><span style="color:#031C38;">d</span><span style="color:#031936;">e</span>
<br><img src="http://i.imgur.com/O07dAom.gif" style="width: 170px; background:url(http://i.imgur.com/A5vt8Jq.png) #ffffff; display:inline; padding: 5px; box-shadow: #ddd 0 0 1px; border-width: 0px; border-bottom: 2px; border-style: solid #033649;"></div>
<span id="navi"><span class="lyrics"></span>
<a href="/info" class="one" id="nav">profile</a> <a href="/friends" class="two" id="nav">friends</a> <a href="/calendar" class="three" id="nav">calendar</a> <a href="/" class="four" id="nav">recent</a><br></font></div>
<=LASTN_WEBSITE
Public Last updated: 2017-08-31 03:10:13 PM
