siren

GLOBAL_HEAD<=
<link rel="icon" href="">
<link href="https://fontcity.neocities.org/evita.css?family=evita" rel="stylesheet">
<link rel="stylesheet" href="https://fontcity.neocities.org/eufoniem.css?family=eufoniem">
<title>title</title>

<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 */

/* background */
body{background: url() ;background-attachment:fixed;
background-color:#90CFD5;
background: -webkit-linear-gradient(#E8E8E8, #C6E0E7, #ADD5EA, #77BDD8, #90CFD5);
background: -o-linear-gradient(#E8E8E8, #C6E0E7, #ADD5EA, #77BDD8, #90CFD5);
background: -moz-linear-gradient(#E8E8E8, #C6E0E7, #ADD5EA, #77BDD8, #90CFD5);
background: linear-gradient(#E8E8E8, #C6E0E7, #ADD5EA, #77BDD8, #90CFD5);
background-position:top center;
background-repeat:no-repeat;
background-attachment:fixed;
}

/* font in entries*/
td {
font-family:helvetica;
font-size:10px;
line-height:12px;
color:#000000;
letter-spacing:0px;}

/*text alignment*/
tr {text-align:justify;}

/*makes entrybox and namefield the same size*/
.entrybox {width:594px;}

/* entrybox */
.entrybox, .shadowed {
background-color: rgba(255,255,255,.4);
padding: 0px;
}

/* removes top nav extra words and changes font of namefield links*/
table table table td.meta {font-size:0px;line-height:0px;}
table table table td.meta a {
font-size:7px;
letter-spacing:1px;
line-height:8px;
text-transform:uppercase;
font-family:helvetica;}

/* hides upper right links */
table table tr.caption td.index{visibility: hidden;}

/* hides top left name */
td.caption {font-size:0px; line-height:0px;}

/* namefield. */
.shadowed td div {
font-family: evita, sans-serif;
font-size:35px;
letter-spacing:0px;
color:#5b5b5b;
padding-top: 30px;
line-height:1px;
font-weight:light;
text-transform:lowercase;
}

/*mood & music - to remove this change display:visible to display:none*/
.entrybox td.meta{
display:visible;
color: #5b5b5b;
font-size:8px;
line-height:10px;
font-family: helvetica;
text-transform:uppercase;
}

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

/* link effects. */
a {
color: #e0afc8;
text-decoration: none;
transition: all 1.5s ease-in-out; -o-transition-transition:  all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out;
}

a:hover {
color: transparent;
text-decoration: none;
transition: all 1.5s ease-in-out; -o-transition-transition:  all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out;
}

/* comments. */
.comments {
font-family: eufoniem, sans-serif;
font-size:16px;
line-height:7px;
letter-spacing:2px;
text-transform:lowercase;
}

/* subject lines */
p table table td.caption {
font-family: eufoniem, sans-serif;
font-size: 18px;
line-height: 15px;
letter-spacing: 1px;
text-transform: lowercase;
padding: 0px;}

/* icon */
.shadowed img{width: 73;
height: 73;
border-radius:100px; }

/*friends page icons*/
.index img {
border-radius:50px;
height:50px;
width:50px;
padding: 4;
margin-bottom:5px;
background-color: #ccc;}
.index {
text-transform:uppercase;
font-family: helvetica;
font-size:5pt;
text-transformation: uppercase;
text-shadow:none;
letter-spacing: 1px;
line-height:0px;}
.entrybox a.index font {
color: #5b5b5b;}
td{background-color:transparent;}


/* special date and time */
.index2 {
font-size:8px;
line-height: 5px;
letter-spacing:1px;
font-family: helvetica;
text-transform: uppercase;
color:#3288AD;
text-align: left;
background-color:transparent;
display: block; }
.entrybox td.index, .index3{ display: none; }


/* icon border */
#shell {position:absolute;
top: -26px;
margin-left: -99px;
visibility: visible;
z-index: 1;}

/*top link bubbles*/
#links {
position: absolute;
margin-top: -96px;
visibility: visible;
letter-spacing:-15px;
margin-left: 270px;
}

</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<div id="links">
<a href="/friends" title="friends"><img src="https://i.imgur.com/FNAszQX.png" style="display:inline; height:18px; width:18px;"></a>
<a href="/profile" title="profile"><img src="https://i.imgur.com/FNAszQX.png" style="display:inline; height:25px; width:25px;"></a>
<a href="/calendar" title="calendar"><img src="https://i.imgur.com/FNAszQX.png" style="display:inline; height:20px; width:20px;"></a>​
</div>
<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>3

LASTN_DATE_FORMAT<=
</td></tr><tr><td class="index2">
----▶︎▶︎%%monshort%% %%dd%%, %%12h%%:%%min%%%%ampm%%</font></td></tr><tr><td class="index3">
<=LASTN_DATE_FORMAT

LASTN_WEBSITE<=
<div id="shell"><img src="https://i.imgur.com/NtQLY7H.png" style="display: inline; width: 110px; height: 110px;"></div>

<div id="links">
<a href="/friends" title="friends"><img src="https://i.imgur.com/FNAszQX.png" style="display:inline; height:18px; width:18px;"></a>
<a href="/profile" title="profile"><img src="https://i.imgur.com/FNAszQX.png" style="display:inline; height:25px; width:25px;"></a>
<a href="/calendar" title="calendar"><img src="https://i.imgur.com/FNAszQX.png" style="display:inline; height:20px; width:20px;"></a>​
</div>
<=LASTN_WEBSITE

FRIENDS_DATE_FORMAT<=
</td></tr><tr><td class="index2">
%%monshort%% %%dd%%, %%12h%%:%%min%%%%ampm%%</font></td></tr><tr><td class="index3">
<=FRIENDS_DATE_FORMAT