creeper

GLOBAL_HEAD<=
<title>title</title>
<link rel="icon" href="https://imgur.com/VLy4mp6.png">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link rel="stylesheet" href="https://fontcity.neocities.org/creepy.css">

<style>
/* layout by tentacool - feel free to reach out for assistance */
/* you do not need to rehost any of my fonts unless you choose to */

/* page background */
body{background: url('https://i.imgur.com/qGpiv11.png'); background-color:#FAFAFA;}

/* entry background */
.entrybox{width: 600px; padding: 0px; background-color: #DBDBDD; box-shadow: 0 0 1px #ccc;}
table {margin-bottom: -4px;}

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

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

/* mood and music */
.entrybox td.meta {visibility:visible;}

/* subject lines */
p table table td.caption, .entrybox td.index {font-family: creepy, calibri, monaco; font-size: 12px; line-height:9px;  color:black; letter-spacing:2px; text-shadow:1px 1px 1px #ccc; text-transform:uppercase;
border-width: 0 0 1px 0; border-style: solid;border-image: repeating-linear-gradient(to right, #8D0000, #470000, #000000, #470000, #8D0000) 2;}

/* date & time */
.entrybox td.index {display:none; font-family: raleway, arial; font-size: 8px; text-transform: uppercase; padding:0px; letter-spacing: 1px;}

/* links */
/* link effects */
a {color: #8D0000; text-decoration: none; transition: all 0.6s ease-in-out; -o-transition-transition:  all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;}
a:hover {text-decoration: none; color: #000000; transition: all 0.6s ease-in-out; -o-transition-transition:  all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;}

/* comments */
.comments {font-family: raleway, arial; font-size: 8px; text-transform: uppercase; padding:0px; letter-spacing: 1px;}

/* ij icons */
.ljuser img {display: none;}
.caption img {display: none;}
.ljuser:before {content: "✟";}

/* bottom navigation and mood & music */
.index, .meta {font-family: raleway, consolas; font-size:7px; text-transform: uppercase; line-height: 7px; padding: 0px; letter-spacing: 1px; color: #8D0000;}
table table table td.meta a {font-size:8px;letter-spacing:1px;line-height: 5px;}

/* everything below controls the sidebar and top nav */
#sidebar {margin-right: 309px; position: absolute; right: 50.0%; top: 20px; visibility: visible; width: 83px; z-index: 0;}
#border { position: relative; visibility: visible; z-index: 2; }
#border img { display: block; margin-left: -114px; margin-top: 17px; width: 199px; }
#gif { position: absolute; visibility: visible; z-index: 1; }
#gif img { border-radius: 100px; display: block; margin-left: -63px; margin-top: 47px; position: relative; width: 105px; }
#links {height: 0px; position: absolute; margin-top: 9px; visibility: visible; }
#navi{margin-left: 400px; }
</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<div id="links"><span id="navi">
<a href="/" title="entries"><img src="https://imgur.com/9NmcDqB.png" height="21" style="display:inline;"></a>
<a href="/profile" title="profile"><img src="https://imgur.com/q2VJvW0.png" height="21" style="display:inline;"></a>
<a href="/calendar" title="calendar"><img src="https://imgur.com/9NmcDqB.png" height="21" style="display:inline;"></a>​
</span></div>

<div id="sidebar">
<div id="border"><img src="https://i.imgur.com/QTNGb9r.png"></div>
<div id="gif"><img src="https://imgur.com/ZLJ7DFr.gif"></div>
<tr><td colspan="0" width="400">
<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>3

LASTN_WEBSITE<=
<div id="links"><span id="navi">
<a href="/friends" title="friends"><img src="https://imgur.com/9NmcDqB.png" height="21" style="display:inline;"></a>
<a href="/profile" title="profile"><img src="https://imgur.com/q2VJvW0.png" height="21" style="display:inline;"></a>
<a href="/calendar" title="calendar"><img src="https://imgur.com/9NmcDqB.png" height="21" style="display:inline;"></a>​
</span></div>

<div id="sidebar">
<div id="border"><img src="https://i.imgur.com/QTNGb9r.png"></div>
<div id="gif"><img src="https://imgur.com/ZLJ7DFr.gif"></div>
<tr><td colspan="0" width="400">
<=LASTN_WEBSITE