FRIENDS_WEBSITE<=

<table cellspacing="0" height="20" cellpadding="0" border="0" summary="">

<div id="icon" style="z-index:98;"><img src="https://i.imgur.com/LLzxXUu.gif" style="display: block; filter: grayscale(10%);margin-top: -16px; margin-left:110px;height:70px;width:70px;opacity: .85;-moz-border-radius: 1px; opacity:.9; filter:alpha(opacity=100); padding: 0px; -webkit-mask-image: url(https://i.imgur.com/gzNTZMv.png);"></div>

<td width="500" valign="left" cellspacing="0" style="padding-left:-63px;">
<font class="gio" style="display:block; padding-left:240px; z-index: 99; margin-top: 15px;"><font color="#595959">giovanni</font></div></font>

<font class="stuffs" style="display:block;vertical-align:bottom;">
<div id="title" style="z-index: 99; padding-left: 329px; padding-top: 11px;"><a href="/" style="color: #111; padding: 0 5; border: 0px solid #f9d3df;">entries</a>  <a href="/friends" style="color: #111; padding: 0 5; border: 0px solid #f9d3df;">friends</a>  <a href="/profile" style="color: #111; padding: 0 5; border: 0px solid #f9d3df">userinfo</a> </font></span></font></div></td>

<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">&nbsp;<i class="th th-stars-o"></i></a>
</td>
</tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=

<table cellspacing="0" height="20" cellpadding="0" border="0" summary="">

<div id="icon" style="z-index:98;"><img src="https://i.imgur.com/LLzxXUu.gif" style="display: block; filter: grayscale(10%);margin-top: -16px; margin-left:120px;height:70px;width:70px;opacity: .85;-moz-border-radius: 1px; opacity:.9; filter:alpha(opacity=100); padding: 0px; -webkit-mask-image: url(https://i.imgur.com/gzNTZMv.png);"></div>

<td width="500" valign="left" cellspacing="0" style="padding-left:-63px;">
<font class="gio" style="display:block; padding-left:200px; z-index: 99; margin-top: 15px;"><font color="#595959">giovanni</font></div></font>

<font class="stuffs" style="display:block;vertical-align:bottom;">
<div id="title" style="z-index: 99; padding-left: 329px; padding-top: 11px;"><a href="/" style="color: #111; padding: 0 5; border: 0px solid #f9d3df;">entries</a>  <a href="/friends" style="color: #111; padding: 0 5; border: 0px solid #f9d3df;">friends</a>  <a href="/profile" style="color: #111; padding: 0 5; border: 0px solid #f9d3df">userinfo</a> </font></span></font></div></td>

<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">&nbsp;<i class="th th-stars-o"></i></a>
</td>
</tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<link rel="stylesheet" href="https://fontcity.neocities.org/happynewone.css?family=happy+new+one">
<link href="https://i.imgur.com/YeOrVvD.png" rel="shortcut icon">
<link rel="stylesheet" href="https://tracob.neocities.org/gio/pixel.css">
<link href="http://dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<title>αϙυαɾια</title>

<style>
/* mash by sivan w/ help from marak & lupe, gif by mrayc */

/* background */
body {background: url(http://i.imgur.com/wuLVW1H.png), linear-gradient(to bottom,  #c3d8e9, #caead7); background-attachment: fixed;  margin-top: 25px; background-color: #bfc3d6;}

/* body  & index */
td {font-family: arial, sans-serif; font-size: 12px; line-height: 12px; color: #6e6e6e;text-align: justify;} td.caption {font-size:0px; line-height:0px;} .shadowed, .entrybox {font-size: 10px; width: 596px; background-color: rgba(255, 255, 255, 0.5); border-radius: 1px; box-shadow: 0px 0px 1px rgba(86, 86, 86, 0.2); margin-top: -5px;}

/* name */
.shadowed td div {font-family: 'happy new one', helvetica neue, sans-serif; font-weight: lighter; font-size:30px; line-height:0px; margin-top: 15px; letter-spacing: 2px; text-transform:lowercase; color: #000; text-shadow: 2px 1px 0px rgba(255, 255, 255, 1), 3px 2px 2px rgba(170, 170, 170, 1);}  .meta {visibility:visible; font-size: 6.5px; padding:0px;} .index {visibility:visible;} a.index {visibility: visible; font-family: vcr_osd_monoregular, sans-serif; font-size: 7px; line-height: 7px; letter-spacing: 1px; text-transform: uppercase;}
table table table td.meta {color:transparent; font-size:0px; line-height:0px;} p table.entrybox table table td.meta, table table table td.meta a {font-family: vcr_osd_monoregular, sans-serif; font-size:7px; text-transform:uppercase; line-height:9px; padding:0px; letter-spacing:1px; margin-top:-13px;} table table table table td.meta a {font-family: vcr_osd_monoregular, sans-serif; font-size: 7px; line-height: 11px; background-color:#F3F3F3; letter-spacing: 1px; text-transform: uppercase; padding-left: 2px;} p table table table td.meta {font-family: vcr_osd_monoregular, sans-serif; font-size: 7px; line-height: 9px; letter-spacing: 1px; text-transform: uppercase;}

/* icon */
.shadowed img {display:none;} table table table td.meta {font-size: 0px; line-height: 0px;}

/* links */
a {color: #49a0b9; 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 {color: #000; 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;}

/* entries & small text */
p table table td.caption {font-family: vcr_osd_monoregular, sans-serif; font-size: 8px; line-height: 9px; letter-spacing: 1px; text-transform: uppercase; color: #4D4D4D; margin-bottom: -5px; padding: 0px; padding-left: 3px; padding-top: 2px;} .comments {text-align: right; font-family: vcr_osd_monoregular, sans-serif; font-size: 8px; line-height: 8px; letter-spacing: 1px; text-transform: uppercase; padding-right:1px; padding-bottom:2px;}

/* mood & music */
.entrybox td.meta {font-family: vcr_osd_monoregular, helvetica neue, arial; text-shadow:1px 1px 1px #fff; font-size: 8px; color: #666; letter-spacing: 1px; line-height: 100%;}

/* dates */
.entrybox td.index {font-family: vcr_osd_monoregular, sans-serif; font-size:6.5px; line-height:7px; letter-spacing:1px; text-transform:uppercase; color:#FBFBFB; background-color:#; padding:0 2 0 0; padding-left: 3px;} .entrybox td table td.index, tr.caption {visibility:hidden;}
table table tr.caption, table table td.index  {visibility:hidden;} td.index {visibility:hidden;} tr.caption {display: hidden;}

/* fp edits */
.index img{width: 85px; height: 85px;}
.entrybox table table table td[align=center]{color:transparent; font-size:0px;}

/* usericons & locks */
.ljuser img {display:none;} .ljuser:before {content: "";} .caption img {width:0px; height:0px;} 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:0px; margin-top: 20px;} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;}

#icon {position: absolute; visibility: visible; top: 19px; margin-left: -140px; z-index: 999; }

#words {position: absolute; visibility: visible; top: 22px; margin-left: -25px; z-index: 1;}

#buttons {position: absolute; visibility: visible; top: 22px; margin-left: 152px;} #buttons:hover { color: #ff00a0;}

.gio{font-family:  happy new one, consolas; font-size: 35px; line-height: 7px; font-style: none; letter-spacing:2px; text-transform:lowercase; padding:0px; text-shadow: 0px 1px 1px #85c5a0,  2px 1px 1px #c1dfe8, -2px -1px 1px #85b7c5; margin-bottom:3px;}
.header{font-family: eriska, cousine, arial; font-size: 40px; letter-spacing:5px; line-height:20px; color:#595959; text-shadow: 1px 1px 1px #dddddd; text-transform: none; font-weight: lighter; margin-left:78px; margin-top:-3px;}

.stuffs {font-family: vcr_osd_monoregular, helvetica;  font-size: 7px; line-height: 7px;  letter-spacing: 1px; text-shadow: 0px 0px 0px #; text-decoration: none; text-transform:uppercase;  padding:0px;}

#title{position:absolute; visibility: visible; top: -17px; left: 50%; margin-left: -188px; z-index:0;}
#gio{position:absolute; visibility: visible; top: 3px; margin-left: -150px;}
#icon{position:absolute; visibility: visible; top: 8px; left: 50%; margin-left: -250px; z-index:;}
#icon2{position:absolute; visibility: visible; top: 8px; left: 50%; margin-left: 150px; z-index:;}
#buttons{position: relative; visibility: visible; top: -70px; left: 10px; height: 0; padding: 5px;}

</style>


<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">&nbsp;<i class="th th-stars-o"></i></a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>5

LASTN_TALK_READLINK=><a href="%%urlread%%" style="animation: none !important;">%%messagecount%%</a>

FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

LASTN_WEBSITE<=

<table cellspacing="0" height="20" cellpadding="0" border="0" summary="">

<div id="icon" style="z-index:98;"><img src="https://i.imgur.com/LLzxXUu.gif" style="display: block; filter: grayscale(10%);margin-top: -16px; margin-left:120px;height:70px;width:70px;opacity: .85;-moz-border-radius: 1px; opacity:.9; filter:alpha(opacity=100); padding: 0px; -webkit-mask-image: url(https://i.imgur.com/gzNTZMv.png);"></div>

<td width="500" valign="left" cellspacing="0" style="padding-left:-63px;">
<font class="gio" style="display:block; padding-left:200px; z-index: 99; margin-top: 15px;"><font color="#595959">giovanni</font></div></font>

<font class="stuffs" style="display:block;vertical-align:bottom;">
<div id="title" style="z-index: 99; padding-left: 329px; padding-top: 11px;"><a href="/" style="color: #111; padding: 0 5; border: 0px solid #f9d3df;">entries</a>  <a href="/friends" style="color: #111; padding: 0 5; border: 0px solid #f9d3df;">friends</a>  <a href="/profile" style="color: #111; padding: 0 5; border: 0px solid #f9d3df">userinfo</a> </font></span></font></div></td>

<=LASTN_WEBSITE

DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>