GLOBAL_HEAD<=
<title>title</title>
<link href="https://i.imgur.com/gJroawV.png" rel="icon" type="image/x-icon">

<link href="http://fonts.googleapis.com/css?family=Hind|Itim|Dosis" rel="stylesheet" type="text/css">
<link href="https://cafe.neocities.org/avo.css" rel="stylesheet" type="text/css"> 
<link href="https://dl.dropboxusercontent.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet" type="text/css">

<style>

/* credit: moosh@ij &&& always open to comments or pms if you need any help whatsoever!! */

body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}

a {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #535D54;} 
a:hover{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #8E9083;}

body{background: url(https://i.imgur.com/H0z463E.png), linear-gradient(to top, #f6f5f5, #fff); background-attachment: fixed; overflow-x: hidden; margin-top: -15px;}
td{font-family: consolas; text-transform: uppercase; font-size: 8px; line-height: 10px; color: #777; letter-spacing:1px;} tr{text-align:justify;} table{margin-bottom: -5px;}  b{font-weight: normal;}

.entrybox {background-color: rgba(255, 255, 255, 0.85); box-shadow: 1px 1px 2px #e0e0e0;}

p table table td.caption {font-size:7px; font-family: Hind; text-transform: uppercase; font-weight: normal; letter-spacing:2px; color:#000; text-shadow: #c0c0c0 0px 0px 1px; line-height: 7px; padding-left: 4px; }

.comments {font-size: 9px; font-family: consolas; text-transform: uppercase; font-weight: normal; letter-spacing:2px; color:#000; text-shadow: #c0c0c0 0px 0px 1px; line-height: 12px;}

#giffing { position: absolute; visibility: visible; top: 63px; left: 50%; margin-left: -369px; z-index:8; margin-top: -7px; }
.gif { width: 57px; height: 57px; background: #fff; background-image: linear-gradient(to bottom left, rgba(68, 105, 98, 0.55), rgba(120, 158, 135, 0.55), rgba(68, 105, 98, 0.55)); padding: 3px; border-radius: 3px; }

#sidelinks { position: absolute; visibility: visible; top: 127px; left: 50%; margin-left: -417px; z-index:8; margin-top: -7px; height: 26px; width: 110px; font-family: petiote; font-size: 12px; color: #535D54; line-height: 18px; text-transform: lowercase; text-align: right; letter-spacing: -1px;}

.font1{ word-spacing: 4px; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease; }
.font2{ word-spacing: 2.5px; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease; }
.font1:hover, .font2:hover { word-spacing: 8px; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease; }

.linx {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;
color:transparent; -webkit-background-clip:text; background-clip:text; background-image:-moz-linear-gradient(left, rgba(68, 105, 98, 1) 0%, rgba(120, 158, 135, 1) 50%, rgba(68, 105, 98, 1) 100%); background-image:-webkit-linear-gradient(left, rgba(68, 105, 98, 1) 0%, rgba(120, 158, 135, 1) 50%, rgba(68, 105, 98, 1) 100%); background-image:linear-gradient(to left, rgba(68, 105, 98, 1) 0%, rgba(120, 158, 135, 1) 50%, rgba(68, 105, 98, 1) 100%);}
.linx:hover {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease; 
color:transparent; -webkit-background-clip:text; background-clip:text; background-image:-moz-linear-gradient(right, rgba(68, 105, 98, 1) 0%, rgba(120, 158, 135, 1) 50%, rgba(68, 105, 98, 1) 100%); background-image:-webkit-linear-gradient(right, rgba(68, 105, 98, 1) 0%, rgba(120, 158, 135, 1) 50%, rgba(68, 105, 98, 1) 100%); background-image:linear-gradient(to right, rgba(68, 105, 98, 1) 0%, rgba(120, 158, 135, 1) 50%, rgba(68, 105, 98, 1) 100%);}


/* all the little things. */
.shadowed td div {visibility: hidden;}

table table table td.meta {font-family: source code pro; color:; font-size: 7px;  letter-spacing: 1px; line-height:7px; text-transform: uppercase; text-shadow: #000000}

table table table table td.meta { font-size: 8px; line-height: 8px; letter-spacing: 1px; font-family: arial narrow; text-transform: uppercase; }

.date {color:#333; display: block; text-align: left; font-family: consolas; font-size: 6px; letter-spacing: 1; line-height: 5px; padding-bottom: 3; padding-top: 0;}
.date, a.index {visibility:visible !important;} .dated{display:none;}

.entrybox td.index, .nein{display:none; color:#909090;}

.dates {color: rgba(52, 51, 51, 0.5); font-family: hind; font-size: 8px; letter-spacing: 1px; line-height: 0px; text-shadow: 0px 0px 1px #fff; text-transform: uppercase; padding-left: 25px; }

.index2 {font-family: arial; text-transform:uppercase; font-size: 6pt; letter-spacing: 1px; text-align: left; color: #515151; padding-left: 15px;}
.entrybox td.index, .index3 {display: none;}

p.index, tr.caption, .date {font-family: hind; font-size:8px; line-height:9px; letter-spacing: 1px; text-transform:uppercase;} 

.index, .meta {font-family: hind; font-size: 8px; text-transform: uppercase; line-height: 8px; padding: 0px; letter-spacing: +1.5px;}
table table table td.meta {font-family:hind; font-size:0px;line-height:0px;} table table table td.meta a {font-size:8px;letter-spacing:1px;line-height: 8px;margin-top:-4px;} 

.index, table table table td.meta {text-transform:uppercase;font-family: consolas;font-size:6pt; color: transparent; text-shadow:#000000 0px 0px 0px 0px; text-transformation: uppercase;letter-spacing: 1px; line-height:0px;}

.entrybox td.meta {display:none; visibility:hidden;}
.shadowed, .shadowed td.div {background: transparent;}
.shadowed img {display:none;}

.index img {border-radius: 100px; height: 55px; width:55px;}
.entrybox tr td table tr td table tr td {background: transparent;}
a.index {color: #777; background-color: transparent;}
.entrybox a.index font {color: #777;} 

.shadowed {height: 50px; width: 600px; position: relative; left: 3px; margin-bottom: 2px; border: ; border-radius:; background-color: transparent;}

.ljuser:before {display: none;}

.caption img {display: none;}

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url() no-repeat !important; padding:0px 0 0 0px !important; vertical-align:0px !important;opacity:0.0;}
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url() no-repeat !important; padding:0px 0 0 0px !important; vertical-align:0px !important;}
img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/VQezO8R.png) no-repeat !important; padding: 9px 0 0 7px !important; vertical-align:-1px !important;opacity:0.0;}
img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/jEQ6Le9.gif) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-2px !important;opacity:0.0;}

::selection {background-color: rgba(254, 253, 253, 0.5); color: #777;}
::-moz-selection {background-color:rgba(254, 253, 253, 0.5); color: #777;}
::-webkit-selection {background-color:rgba(254, 253, 253, 0.5); color: #777;}

</style>


<style>
table table table table .meta {visibility:hidden; position:absolute; top:1px}
table table table table table .meta {visibility:visible; position:relative; top:1px}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
</style>

<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>2

LASTN_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="giffing"><a href="/"><img src="GIF HERE" class="gif" style="display:inline;"></a></div>

<div id="sidelinks"><font class="font1"><a href="/info" class="linx">profile</a> <span style="font-size: 9px;">••</span></font><br>

<font class="font1"><a href="/friends" class="linx">friends</a> <span style="font-size: 9px;">••</span></font><br>

<font class="font2"><a href="CUSTOM LINK" class="linx">customs</a> <span style="font-size: 9px;">••</span></font></div>

<=LASTN_WEBSITE

FRIENDS_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="giffing"><a href="/"><img src="GIF HERE" class="gif" style="display:inline;"></a></div>

<div id="sidelinks"><font class="font1"><a href="/info" class="linx">profile</a> <span style="font-size: 9px;">••</span></font><br>

<font class="font1"><a href="/friends" class="linx">friends</a> <span style="font-size: 9px;">••</span></font><br>

<font class="font2"><a href="CUSTOM LINK" class="linx">customs</a> <span style="font-size: 9px;">••</span></font></div>

<=FRIENDS_WEBSITE

DAY_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="giffing"><a href="/"><img src="GIF HERE" class="gif" style="display:inline;"></a></div>

<div id="sidelinks"><font class="font1"><a href="/info" class="linx">profile</a> <span style="font-size: 9px;">••</span></font><br>

<font class="font1"><a href="/friends" class="linx">friends</a> <span style="font-size: 9px;">••</span></font><br>

<font class="font2"><a href="CUSTOM LINK" class="linx">customs</a> <span style="font-size: 9px;">••</span></font></div>

<=DAY_WEBSITE

CALENDAR_WEBSITE<=
<tr>
<td colspan="0" width="600">
<table align="left" border="0" cellspacing="0" cellpadding="0">
<tr><td></td></tr></table></td></tr>

<div id="giffing"><a href="/"><img src="GIF HERE" class="gif" style="display:inline;"></a></div>

<div id="sidelinks"><font class="font1"><a href="/info" class="linx">profile</a> <span style="font-size: 9px;">••</span></font><br>

<font class="font1"><a href="/friends" class="linx">friends</a> <span style="font-size: 9px;">••</span></font><br>

<font class="font2"><a href="CUSTOM LINK" class="linx">customs</a> <span style="font-size: 9px;">••</span></font></div>

<=CALENDAR_WEBSITE

LASTN_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments"> <a href="%%urlread%%">%%messagecount%%</a></td></tr>

FRIENDS_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments"> <a href="%%urlread%%">%%messagecount%%</a></td></tr>

DAY_LASTN_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments"> <a href="%%urlread%%">%%messagecount%%</a></td></tr>

CALENDAR_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments"> <a href="%%urlread%%">%%messagecount%%</a></td></tr>