PAGE TITLE

FRIENDS_WEBSITE<=
<div id="sidebar">
<form><input type="checkbox" id="dropdown"><label for="dropdown"><font style="font-size:10px;"><i class="fa fa-cloud"></i></font></label><span class="drop">
<a href="">customs</a>
<a href="/">entries</a>
<a href="">scenes</a>
<a href="">ooc</a>
</span></form></div>

<div id="top"><font class="name">namefield</font></div>
<=FRIENDS_WEBSITE

DAY_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">▲</a></td></tr>

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

GLOBAL_HEAD<=
<title></title>
<link rel="shortcut icon" href="">

<style>

/* layout by tentacool with sidebar coding by tessisamess/from lupe - 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(https://i.imgur.com/fnRC48c.png), url(https://i.imgur.com/J1whj3n.jpg);
background-attachment: fixed;
height: 100%;
margin-top: 2px;
}

/* entrybox */
.entrybox, .shadowed { background-color: rgba(255,255,255,.7);}

/* mood & music - to hide change display:visible to display:none */
.entrybox td.meta {display: visible; font-family: roboto; font-size:7px; line-height:9px; text-transform: uppercase; color:#777}

/* time & date - to hide change display:visible to display:none */
.entrybox td.index {display:visible; font-family: roboto; font-size:7px; line-height:9px; text-transform: uppercase; color:#777}

/* removes namefield and header */
.shadowed td div {visibility:hidden; position:absolute; top:0px; margin-top: 20px;}
.shadowed {padding: 22px;}

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

/* upper right links  */
.date, a.index {display:visible !important;} table table tr.caption td.index{visibility: hidden;}

/* cursor */
body, a {cursor:url(https://i.imgur.com/h2zNor5.png), default;}
a:hover {cursor:url(https://i.imgur.com/6GAtOYA.png), default;}

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

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

/*hides userpic info brackets */
.entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;}
table table table table .meta {line-height: 5px; visibility: hidden;}

/* earlier/later */ 
.meta {font-family: roboto; font-size: 7px; text-transform: uppercase; line-height: 0px; padding: 0px; letter-spacing: 1px;}

/* hides viewing & navigation */
.meta {color: transparent}
.index {color: transparent}

/* subject */
p table table td.caption{letter-spacing: 1; color:#777; font-size: 8px; font-family: roboto; text-transform: uppercase; font-weight: 500; line-height: 8px;}

/* comments */
.comments {color:#777; letter-spacing: 1; text-transform: uppercase; font-size: 8px; font-family: roboto;}

/* locks */
.caption img{width: 7px;height: 7px; opacity:0.8;}
.ljuser img {display: none;}
.ljuser:before {content: "★";}

/* hides icon in layout - needed for gif to replace */
.shadowed img {display: none;}

/* link effects. */
a {color: #81cff9; 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: transparent; 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;}
 
/* highlighted text */
::selection {background-color: #A0DAFA; color: #fff;}
::-moz-selection {background-color: #A0DAFA; color: #fff;}
::-webkit-selection {background-color: #A0DAFA; color: #fff;}

/* ~ tessisamess sidebar codes taken from lupe */
#sidebar{visibility:visible; position: absolute; width:120px; top:-2px; left:50%; margin-left: 270px; text-align:center; z-index:99999;}
#sidebar img{display:inline; max-width:100%;}
#sidebar-inner{display:block; margin:10px 30px;}
input[type=checkbox]{display:none;}

label{display:block; margin:0 30px; cursor:pointer; background: ; border:none; border-bottom:none!important; padding:2px 4px; text-align:left; -webkit-border-radius:4px; border-radius:5px;}
label i{ font-style:normal; display:block;}

/* drop menu text */
.drop{display:block; margin: 4px 30px; background: url(https://i.imgur.com/wX5DwNI.png); max-height:0; overflow:hidden; text-align:left; color:#aaaaaa;  font-family: roboto; font-size: 6px; line-height: 7px; letter-spacing:1px; text-transform:uppercase; letter-spacing:1px; box-shadow:0 0 1px #dddddd;
-webkit-border-radius: 5px 5px 5px 5px; border-radius:0px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

input[type=checkbox]:checked ~ label{-webkit-border-radius:5px 5px 5px 5px;; border-radius:5px 5px 5px 5px;}
input[type=checkbox]:checked ~ .drop{ max-height:400px;}

/* drop menu text color and background color */
.drop a{display:block; color: #aaaaaa; padding:3px 4px;}
.drop a:hover{ background:#A0DAFA; color:#fff;}

/* namefield replacement font and icon placement - you may have to adjust the margin-left for the icon if your namefield is long */
#top {position: absolute; visibility: visible; top:15px; margin-left: -180px; z-index:1; text-align:justify; width:600px;}
.name {font-family: mellony dry; display: block; color: #A0DAFA; font-size: 32px; letter-spacing: 0px; line-height: 30px; text-align: center; text-shadow: 2px 1px 0px #ffffff, 3px 2px 2px #aaaaaa; text-transform: lowercase;}
#icon {position: absolute; margin-left: -25px; top: 1px; visibility: visible; z-index: 2;}

</style>
<=GLOBAL_HEAD

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

LASTN_OPT_ITEMS=>3

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

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

LASTN_WEBSITE<=
<div id="sidebar">
<form><input type="checkbox" id="dropdown"><label for="dropdown"><font style="font-size:10px;"><i class="fa fa-cloud"></i></font></label><span class="drop">
<a href="">customs</a>
<a href="/friends">friends</a>
<a href="">scenes</a>
<a href="">ooc</a>
</span></form></div>

<div id="top"><font class="name">namefield</font></div>
<=LASTN_WEBSITE

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

DAY_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%"><img src="https://i.imgur.com/tI8xBr7.png"></a></td></tr>

LASTN_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%"><img src="https://i.imgur.com/tI8xBr7.png"></a></td></tr>

GLOBAL_HEAD<=
<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://fontcity.neocities.org/sheilazain.css?family=sheilazain">
<link rel="shortcut icon" href="">
<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 */

/* page background */
body {background-color: #FAFAFA;}

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

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

/*removes font weight*/
b{font-weight: normal;}

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

/* entrybox */
.entrybox, .shadowed {
background-color: rgba(255,255,255, .8);
padding: 0px;
border-bottom: 1px solid #E3C400;
}

/* removes top nav extra words and brackets */
table table table td.meta {font-size:0px;line-height:0px;} 
p table.entrybox table table td.meta, table table table td.meta a {font-size:7px;letter-spacing:1px;line-height:7px; text-transform: uppercase;}

/* upper right links - to hide change display:visible to visibility: hidden */
table table tr.caption td.index{display: visible;}

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

/* time and date  - to hide change display:visible to display:none */
.entrybox td.index{display:visible; font-family: roboto; font-size:6pt; }

/*mood & music - to hide change display:visible to display:none */
.entrybox td.meta{display:visible; font-family: roboto; font-size:6pt; text-transform: uppercase;}

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

/* link effects. */
a {
color: #5b5b5b; 
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: roboto, sans-serif; 
font-size:10px; 
line-height:8px; 
letter-spacing:1px; 
text-transform:uppercase;
}

/* subject lines */
p table table td.caption {
font-family: roboto, sans-serif; 
font-size: 9px; 
line-height: 10px; 
letter-spacing: 1px; 
text-transform: uppercase; 
padding: 0px;}

/* usericons & locks. */
.caption img{width: 8px;height: 8px;}
.ljuser img {display: none;}
.ljuser:before {content: "";}

/*friends page icons*/
.index img {
height:60px; 
width:60px;  
margin-bottom:5px; 
}

/* friends page comm & un font */
.index {
text-transform:uppercase;
font-family: roboto;
font-size:5pt; 
text-transformation: uppercase; 
letter-spacing: 1px; 
line-height:0px;}

.entrybox a.index font {
color: #5b5b5b;} 
td{background-color:transparent;}

/* icon */
.shadowed img {border-radius: 100px; border: 4px solid #E3C400; height:75; width: 75;}

</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%"><img src="https://i.imgur.com/tI8xBr7.png"></a></td></tr>

LASTN_OPT_ITEMS=>3

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

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

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

DAY_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">♥</a></td></tr>

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

<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-color: #FFD8D8;}

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

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

/*removes font weight*/
b{font-weight: normal;}

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

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

/* upper right links - to hide change display:visible to visibility: hidden */
table table tr.caption td.index{display: visible;}

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

/* time and date  - to hide change display:visible to display:none */
.entrybox td.index{display:visible; font-family: roboto; font-size:6pt; }

/*mood & music - to hide change display:visible to display:none */
.entrybox td.meta{display:visible; font-family: roboto; font-size:6pt; text-transform: uppercase;}

/* comments. */
.comments {
font-family: roboto, sans-serif; 
font-size:9px; 
line-height:7px; 
letter-spacing:1px; 
text-transform:uppercase;
}

/* subject lines */
p table table td.caption {
font-family: roboto, sans-serif; 
font-size: 9px; 
line-height: 10px; 
letter-spacing: 1px; 
text-transform: uppercase; 
padding: 0px;}

/* usericons & locks. */
.caption img{width: 8px;height: 8px;}
.ljuser img {display: none;}
.ljuser:before {content: "";}

/*friends page icons*/
.index img {
height:60px; 
width:60px;  
margin-bottom:5px; 
}

/* friends page comm & un font */
.index {
text-transform:uppercase;
font-family: roboto;
font-size:5pt; 
text-transformation: uppercase; 
letter-spacing: 1px; 
line-height:0px;}

.entrybox a.index font {
color: #5b5b5b;} 
td{background-color:transparent;}

/* icon */
.shadowed img {border-radius: 100px; border: 4px solid #FFD8D8; height:75; width: 75;}

</style>
<=GLOBAL_HEAD

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

LASTN_OPT_ITEMS=>3

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

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

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

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

/* layout by moosh &&& feel free if you have any issues, questions, or just need help with whatever!! */

@font-face { font-family: "opsans"; src: url('https://dl.dropboxusercontent.com/s/6t6k1zdmq4v9u8b/OpenSans-Light.ttf'); }

body{background: url(http://i.imgur.com/wB4xh3T.png), linear-gradient(to bottom, #f6f5f5, #f0ecec); background-attachment: fixed; margin-top: -25px; overflow-x: hidden;}
td{font-family: 'Work Sans', calibri, sans-serif; text-transform: none; font-size: 9px; line-height: 10px; color: #6c6c6c; letter-spacing:1px;} tr{text-align:justify;} table{margin-bottom: -5px;}  b{font-weight: normal;}

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

/* link colours */
a {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #a364b0;} 
a:hover{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #c4bad3;}

/* main entrybox */
.entrybox {width: 535px; margin-left: 45px; background: rgba(255, 255, 255, 1); box-shadow: 0px 0px 3px rgba(163, 100, 176, 0.25); border-radius: 1px;}

/* subject line */
p table table td.caption {font-size: 9px; font-family: 'Work Sans', calibri, sans-serif; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; color: #2a2a2a; text-shadow: #E8E9EB 0px 0px 1px; line-height: 9px; text-indent: 11px;}

/* namefield. */
.shadowed td div {visibility: hidden;}

/* currents (mood, music) and bottom banner navigation links */
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}

/* comments */
.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;}

/* top banner main navigation links */
table table table table td.meta { font-size: 8px; line-height: 8px; letter-spacing: 1px; font-family: arial narrow; text-transform: uppercase; }

/* date line */
.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;}

/* MOVES DATES TO NEW LINE */
.entrybox td.index, .nein{display:none; color:#909090;}

/* NEW DATES */
.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; }

/* custom date and time */
.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;}

/* all misc little text */
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;}

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

/* hides top nav bar text */
.entrybox td.meta {display:none; visibility:hidden;}
.shadowed, .shadowed td.div {background: #fff;}

/* icon */
.shadowed img { display: none;}

/* fp stuff */
.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;}

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

/* changes content before linked usernames */
.ljuser:before {display: none;}

/* the messy stuff */
#whitebox { position: absolute; visibility: visible; top: 89px; right: 50%; margin-right: 282px; z-index:10; text-align:justify; background-color: rgba(255, 255, 255, 0.98); border-width: 44px 0 0 0; border-style: solid;
    -webkit-border-image: url(https://i.imgur.com/CzHfrUv.png) 45;
    -moz-border-image: url(https://i.imgur.com/CzHfrUv.png) 45; 
    -o-border-image: url(https://i.imgur.com/CzHfrUv.png) 45;
    border-image: url(https://i.imgur.com/CzHfrUv.png) 45;
width: 185px; padding: 5px; border-radius: 5px;}
.icon { filter: alpha; width:46px; height:46px; background-color: #fff; padding: 9px; border-radius: 100%; margin-top: -32px; z-index: 10;}

#hello{position: absolute; visibility: visible; top: 114px; right: 50%; margin-right: 298px; z-index:10; text-align: center; z-index: 1000000;}
.welcome {font-family: opsans; font-size: 8px; line-height: 26px; text-transform: uppercase; letter-spacing: 1px; word-spacing: 2px; border-bottom: 1px solid rgba(163, 100, 176, 0.65); color: #3a3a3a;}
.title {font-family: re; font-size: 19px; line-height: 4px; text-transform: lowercase; letter-spacing: 0px; color: rgba(67, 57, 66, 0.88); text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5), 2px 1px 1px rgba(163, 100, 176, 0.55);}

#navigate {position: absolute; visibility: visible; top: 171px; right: 50%; margin-right: 278px; z-index: 10; width: 197px; text-transform: uppercase;}

.one{margin-top: 10px; margin-right: 6px; width: 59px; background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(163, 100, 176, 0.55); padding: 5 15 6; text-align: center; line-height: 9px; letter-spacing: 2px; text-decoration: none; overflow: hidden; display: inline-block; font-size: 9px; font-family: calibri; color: #3a3a3a; -webkit-transition: all 0.8s ease-in;}
.one:hover {background-color: rgba(163, 100, 176, 0.25); letter-spacing: 4px; color: #222; -webkit-transition: all 0.8s ease-in;}

.two{margin-top: 10px; width: 59px; background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(163, 100, 176, 0.55); padding: 5 15 6; text-align: center; line-height: 8px; letter-spacing: 2px; text-decoration: none; overflow: hidden; display: inline-block; font-size: 9px; font-family: calibri; color: #3a3a3a; -webkit-transition: all 0.8s ease-in;}
.two:hover {background-color: rgba(163, 100, 176, 0.25); letter-spacing: 4px; color: #222; -webkit-transition: all 0.8s ease-in;}

/* hides privacy icons */
.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;}

/* highlighting */
::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="hello"><font class="welcome">welcome to</font><br>
<font class="title">whatever</font></div>

<div id="navigate"><a href="LINK" class="one">rules</a>
<a href="LINK" class="two">taken</a>

<br>

<a href="LINK" class="one">members</a>
<a href="LINK" class="two">extras</a></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="hello"><font class="welcome">welcome to</font><br>
<font class="title">whatever</font></div>

<div id="navigate"><a href="LINK" class="one">rules</a>
<a href="LINK" class="two">taken</a>

<br>

<a href="LINK" class="one">members</a>
<a href="LINK" class="two">extras</a></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="hello"><font class="welcome">welcome to</font><br>
<font class="title">whatever</font></div>

<div id="navigate"><a href="LINK" class="one">rules</a>
<a href="LINK" class="two">taken</a>

<br>

<a href="LINK" class="one">members</a>
<a href="LINK" class="two">extras</a></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="hello"><font class="welcome">welcome to</font><br>
<font class="title">whatever</font></div>

<div id="navigate"><a href="LINK" class="one">rules</a>
<a href="LINK" class="two">taken</a>

<br>

<a href="LINK" class="one">members</a>
<a href="LINK" class="two">extras</a></div>
<=CALENDAR_WEBSITE

LASTN_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%"><i class="lnr lnr-leaf"></i></a> </td></tr>

DAY_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%"><i class="lnr lnr-leaf"></i></a> </td></tr>

FRIENDS_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%"><i class="lnr lnr-leaf"></i></a> </td></tr>

CALENDAR_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%"><i class="lnr lnr-leaf"></i></a> </td></tr>

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

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

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

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

<style>

/* layout by moosh &&& feel free if you have any issues, questions, or just need help with whatever!! */

/* background */
body {background: rgba(246, 245, 245, 1); background-image:url(http://i.imgur.com/eMGuBn6.png), url(https://i.imgur.com/3OfmEXV.png);
background-repeat: repeat, repeat-x;
background-attachment: fixed;
background-position: bottom left;
overflow-x: hidden; margin-top: 0px; margin-top:-5px;}
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;}

/* cursors */
body {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;} a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}

/* link colours */
a{color: #9AC1FC; text-decoration: none;}
a:hover{color: transparent; text-decoration: none;}

/* entrybox */
.entrybox {background: url(http://i.imgur.com/pjETXdA.png); box-shadow: 0px 0px 1px rgba(215, 215, 215, 1); border-top: 3px solid rgba(235, 181, 230, 0.7); border-left: 3px solid rgba(235, 181, 230, 0.7); border-bottom: 1px solid rgba(255, 204, 232, 0.7); border-right: 1px solid rgba(255, 204, 232, 0.7);}

/* subject line */
p table table td.caption{border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid rgba(201, 247, 244, 0.3); padding: 0; font-family: print; font-size: 18px; line-height: 24px; text-transform: lowercase; letter-spacing: 0px; word-spacing: 1px; color: #222; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.15); font-weight: 300;}

/* namefield. */
.shadowed td div {visibility: hidden;}

/* comments */
.comments {font-family:fany; font-size: 15px; line-height:16px; text-transform: uppercase;}

/* top banner main navigation links */
table table table table td.meta { font-size: 8px; line-height: 8px; letter-spacing: 1px; font-family: arial narrow; text-transform: uppercase; }

/* MOVES DATES TO NEW LINE */
.entrybox td.index, .nein{display:none; color:#909090;}

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

/* hides top nav bar text */
.entrybox td.meta {display:none; visibility:hidden;}
.shadowed, .shadowed td.div {background: #fff;}

/* icon */
.shadowed img { display: none;}

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

/* :( */
#top {top: 80px; left: 0px; visibility: visible; background: url(http://tif.neocities.org/img/bg6.png); text-align: right; position: fixed; z-index: 9; min-width: 300px; padding: 5px 12px 5px 16px; font-family: print; font-size: 15px; line-height: 16px; color: #333333; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); letter-spacing: 1px; text-transform: uppercase; border-radius: 0 5px 5px 0; border-bottom: 1px solid rgba(235, 181, 230, 0.5); border-right: 1px solid rgba(235, 181, 230, 0.7); border-top: 1px solid rgba(235, 181, 230, 0.5);}

.field { position: absolute; font-family: sunrise; font-size: 25px; text-transform: lowercase; width: 120px; margin: -22px -118px; text-align: right; color: rgba(252, 164, 215, 0.9); text-shadow: 2px 1px 0px rgba(255, 255, 255, 1), 3px 2px 2px rgba(85, 85, 85, 0.7);}

#float { position:fixed; visibility: visible; top: 50px; left: 65; z-index:10; text-align:justify;}
.gif {filter: alpha; width:90px; height:90px; background: url(http://tif.neocities.org/img/bg6.png); padding: 14px; float: left; border: 1px solid rgba(235, 181, 230, 0.7); z-index: 10; margin-bottom: 5px; }

#navi {top: 172px; left: 65px; position: fixed; visibility: visible;}
#links {overflow: hidden; display: inline-block; font-family: print; font-size: 15px; line-height: 16px; text-align: left; letter-spacing: 1px; text-transform: uppercase; width: 105px; padding: 5px; padding-left: 9px; background: url(http://tif.neocities.org/img/bg6.png); border: 1px solid rgba(235, 181, 230, 0.7); color: #333333; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); border-radius: 3px; margin-top: 3px; }

#navi2 { top: 122px; left: 203px; position: fixed; visibility: visible;}
#links2 { overflow: hidden; display: inline-block; width: 15px; padding: 5px; background: url(http://tif.neocities.org/img/bg6.png); border: 1px solid rgba(235, 181, 230, 0.7); border-radius: 3px; margin-right: 3px; }

/* hides privacy icons */
.caption img {
display: none;
}

/* lj icons */
.ljuser img{display:none;}
 
/* friends only and private locks */
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.8;}
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.8;}

/* highlighting */
::selection {background-color:#fff; color:#000  ;}
::-moz-selection {background-color:#fff; color: #000 ;}
::-webkit-selection {background-color:#fff; color:#000 ;}

</style>

<style>

LASTN_OPT_ITEMS=>2

LASTN_WEBSITE<=

<div id="top"> name or title <span class="field">something<font style="font-family:fany;">*</font>here</span></div>

<div id="navi"><a href="/friends" id="links">friends <img src="https://i.imgur.com/MAW88Cy.png" align="right" style="display:inline; height: 13px;"></a></div>

<=LASTN_WEBSITE

FRIENDS_WEBSITE<=

<div id="top"> name or title <span class="field">something<font style="font-family:fany;">*</font>here</span></div>

<div id="navi"><a href="/friends" id="links">friends <img src="https://i.imgur.com/MAW88Cy.png" align="right" style="display:inline; height: 13px;"></a></div>

<=FRIENDS_WEBSITE

DAY_WEBSITE<=

<div id="top"> name or title <span class="field">something<font style="font-family:fany;">*</font>here</span></div>

<div id="navi"><a href="/friends" id="links">friends <img src="https://i.imgur.com/MAW88Cy.png" align="right" style="display:inline; height: 13px;"></a></div>

<=DAY_WEBSITE

CALENDAR_WEBSITE<=

<div id="top"> name or title <span class="field">something<font style="font-family:fany;">*</font>here</span></div>

<div id="navi"><a href="/friends" id="links">friends <img src="https://i.imgur.com/MAW88Cy.png" align="right" style="display:inline; height: 13px;"></a></div>

<=CALENDAR_WEBSITE

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

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

DAY_TALK_LINKS=><tr><td align="right" valign="bottom" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%">*</a></td></tr>

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

LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>
FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>
DAY_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>
CALENDAR_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>

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="dotz"><a href="LINK" class="tooltip-bottom" data-tooltip="TITLE HERE"><img src="https://i.imgur.com/gJroawV.png" class="dotx" style="display:inline;"></a> 
<Br><br>
<a href="LINK" class="tooltip-bottom" data-tooltip="TITLE HERE"><img src="https://i.imgur.com/gJroawV.png" class="dotx" style="display:inline;"></a> 
<Br><Br>
<a href="LINK" class="tooltip-bottom" data-tooltip="TITLE HERE"><img src="https://i.imgur.com/gJroawV.png" class="dotx" style="display:inline;"></a>
<Br><Br>
<a href="LINK" class="tooltip-bottom" data-tooltip="TITLE HERE"><img src="https://i.imgur.com/gJroawV.png" class="dotx" style="display:inline;"></a> </div>
<=FRIENDS_WEBSITE

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

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

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

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

@font-face { font-family: "opsans"; src: url('https://dl.dropboxusercontent.com/s/6t6k1zdmq4v9u8b/OpenSans-Light.ttf'); }
@font-face { font-family: "gogoia-deco"; src: url('https://dl.dropboxusercontent.com/s/zyh6remaoilffa9/GOGOIA-Deco.otf'); }
@font-face { font-family: "gogoia"; src: url('https://dl.dropboxusercontent.com/s/na2h45x6shj88nq/GOGOIA-Regular.otf'); }

body{background: url(http://i.imgur.com/wB4xh3T.png), linear-gradient(to top, #f6f5f5, #fff); background-attachment: fixed; overflow-x: hidden; margin-top: 0px; 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;}

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

/* link colours */
a {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #EC7D61;} 
a:hover{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #FBC4A5;}

/* main entrybox */
.entrybox {background: transparent; box-shadow: none; border: none; width: 515px; margin-left: 15px;}

/* subject line */
p table table td.caption {font-size: 12px; font-family: gogoia; text-transform: uppercase; font-weight: normal; letter-spacing: 2px; color:#000; text-shadow: #c0c0c0 0px 0px 1px; line-height: 14px; text-indent: 5px; border-radius: 4px; background: rgba(234, 170, 161, 0.3); border: 1px solid rgba(234, 170, 161, 0.65);}

/* namefield. */
.shadowed td div {visibility: hidden;}

/* comments */
.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;}

/* top banner main navigation links */
table table table table td.meta { font-size: 8px; line-height: 8px; letter-spacing: 1px; font-family: arial narrow; text-transform: uppercase; }

/* MOVES DATES TO NEW LINE */
.entrybox td.index, .nein{display:none; color:#909090;}

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

/* hides top nav bar text */
.entrybox td.meta {display:none; visibility:hidden;}
.shadowed, .shadowed td.div {background: #fff;}

/* icon */
.shadowed img { display: none;}

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

/* changes content before linked usernames */
.ljuser:before {display: none;}

/* the messy stuff */
#lyne {position: absolute; visibility: visible; top: 70px; right: 50%; margin-right: 285px; z-index:-10; height: 315px; width: 1px; background: linear-gradient(to bottom, rgba(234, 170, 161, 0.3), rgba(198, 156, 189, 0.3), rgba(117, 133, 216, 0.3)); border-radius: 10%;}

#giff { position: absolute; visibility: visible; top: 31px; right: 50%; margin-right: 263px; z-index:10; text-align:justify;}
.gif { filter: alpha; width:44px; height:44px; background: linear-gradient(to bottom right, #DD99AE, #f8d8cb); padding: 2px; border-radius: 5px; float: right; margin-bottom: 5px; z-index: 10000; opacity: 0.88;}

#dotz { width: 20px; position: absolute; visibility: visible; top: 85px; right: 50%; margin-right: 272px; z-index: 10000; }
.dotx { background: #DBB5CA; border-radius: 100%; height: 12px; width: 12px; margin-top: 35px; }

/* hides privacy icons */
.caption img {display: none;}

</style>

<style>

<=GLOBAL_HEAD

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

LASTN_OPT_ITEMS=>2

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

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

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

<style>

/* layout by moosh &&& feel free if you have any issues, questions, or just need help with whatever!! */

body{background: url(http://i.imgur.com/nJpBBsQ.png), linear-gradient(to top, #f6f5f5, #fff); background-attachment: fixed; overflow-x: hidden; margin-top: 0px; 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;}

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

/* link colours */
a {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #9f5cea;} 
a:hover{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #5ecda5;}

/* main entrybox */
.entrybox {background-color: rgba(254, 254, 255, 0.45); box-shadow: 0 0 1px rgba(204, 215, 197, 0.4); border: 1px solid transparent;
border-image: linear-gradient(to top left, #5ecda5, #54c6df, transparent, transparent, transparent, #54c6df, #9f5cea);
border-image-slice: 1;}

/* subject line */
p table table td.caption {font-size: 13px; font-family: gogoia; text-transform: uppercase; font-weight: normal; letter-spacing:2px; color:#000; text-shadow: #c0c0c0 0px 0px 1px; padding-top: 7px; line-height: 3px; text-indent: 11px;}

/* namefield. */
.shadowed td div {visibility: hidden;}

/* comments */
.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;}

/* top banner main navigation links */
table table table table td.meta { font-size: 8px; line-height: 8px; letter-spacing: 1px; font-family: arial narrow; text-transform: uppercase; }

/* MOVES DATES TO NEW LINE */
.entrybox td.index, .nein{display:none; color:#909090;}

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

/* hides top nav bar text */
.entrybox td.meta {display:none; visibility:hidden;}
.shadowed, .shadowed td.div {background: #fff;}

/* icon */
.shadowed img { display: none;}

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

/* changes content before linked usernames */
.ljuser:before {display: none;}

/* the messy stuff */
#sidebar { position: absolute; visibility: visible; top: 35px; right: 50%; margin-right: -240px; text-align: right; z-index: 10000; margin-bottom: -8px; letter-spacing: -1px; word-spacing: 15px; font-family: gogoia-deco; font-size: 23px; color: rgba(0, 0, 0, 0.45); text-shadow: 2px 1px 0px rgba(255, 255, 255, 0.6), 3px 2px 2px rgba(170, 170, 170, 0.5); text-transform: lowercase; }
.linx{border-top: 2px solid transparent; padding-top: 5px; font-family: gogoia-deco; font-size: 23px; color: rgba(0, 0, 0, 0.8); text-shadow: 2px 1px 0px rgba(255, 255, 255, 0.6), 3px 2px 2px rgba(170, 170, 170, 0.5); text-transform: lowercase; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
.linx:hover{border-top: 2px solid transparent; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;
border-image: linear-gradient(to right, rgba(94, 205, 165, 0.7), rgba(84, 198, 223, 0.7), rgba(159, 92, 234, 0.7));
border-image-slice: 2;
 color: rgba(0, 0, 0, 0.8); text-shadow: 2px 1px 0px rgba(255, 255, 255, 0.6), 3px 2px 2px rgba(170, 170, 170, 0.5); }

#lyne {position: absolute; visibility: visible; top: 18px; right: 50%; margin-right: -288px; z-index:-10; width: 583px; height: 2px; background: rgba(255, 255, 255, 0.55); border-radius: 10%;}

#float { position: absolute; visibility: visible; top: -1px; right: 50%; margin-right: 233px; z-index:10; text-align:justify;}
.gif { filter: alpha; width:44px; height:44px; background: transparent; padding: 3px; border-radius: 7px; float: right; margin-bottom: 5px; z-index: 10000;}

#brdr {position: absolute; visibility: visible; top: -2px; right: 50%; margin-right: 232px;}
.brdrr{filter: alpha; width:48px; height:48px; background: linear-gradient(to bottom right, #5ecda5, #54c6df, #9f5cea); padding: 2px; border-radius: 5px; float: right; margin-bottom: 5px; z-index: 1000;}

#stars{position: absolute; visibility: visible; top: -55px; right: 50%; margin-right: -251px; filter: alpha; float: right; z-index: -1;}

/* hides privacy icons */
.caption img {display: none;}

</style>

<style>

LASTN_OPT_ITEMS=>2

LASTN_WEBSITE<=

<div id="sidebar"><a href="/" class="linx">we</a> are all just <a href="/friends" class="linx">stars</a> that have people <a href="CUSTOM LINK" class="linx">names</a></div>

<=LASTN_WEBSITE

FRIENDS_WEBSITE<=

<div id="sidebar"><a href="/" class="linx">we</a> are all just <a href="/friends" class="linx">stars</a> that have people <a href="CUSTOM LINK" class="linx">names</a></div>

<=FRIENDS_WEBSITE

DAY_WEBSITE<=

<div id="sidebar"><a href="/" class="linx">we</a> are all just <a href="/friends" class="linx">stars</a> that have people <a href="CUSTOM LINK" class="linx">names</a></div>

<=DAY_WEBSITE

CALENDAR_WEBSITE<=

<div id="sidebar"><a href="/" class="linx">we</a> are all just <a href="/friends" class="linx">stars</a> that have people <a href="CUSTOM LINK" class="linx">names</a></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>

DAY_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>

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

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

<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, 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;}

::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>

<=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="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="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="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="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>

GLOBAL_HEAD<=
<title>TITLE</title>
<link rel="shortcut icon" href="https://emojipedia-us.s3.amazonaws.com/thumbs/120/facebook/65/waning-crescent-moon-symbol_1f318.png">

<style>

@font-face { font-family: "perfume"; src: url('https://dl.dropboxusercontent.com/s/yoy9ttxh19a0yly/Perfume-Classic-Demo-Version.otf') ;}

/* layout by tentacool - feel free to reach out for assistance */

/* font */
td {font-family:; line-height:12px; color:#d8d8d8; letter-spacing:0px; font-size: 10px;  text-shadow:1px 1px 1px #000;}
tr {text-align:justify;}

/* background */ 
body {background-color: #000;
background-image: url();}

/* entrybox background */
.entrybox, .shadowed { background-color: #141414;
background-image: url();}
 
/* subject */
p table table td.caption{font-family: helvetica;
letter-spacing: 1px;
line-height:8px;
text-transform: uppercase;
font-size: 8px;}

/* namefield. */
.shadowed td div {font-family: perfume;
font-size: 45px;
color: #F7B916;
text-shadow: 1px 1px 1px #ccc;
line-height: 10px;
margin-top: 20px;}
 
/* links under namefied */
table table table td.meta {font-size:0px;line-height:0px;} 
p table.entrybox table table td.meta, table table table td.meta a {font-size:7px;letter-spacing:1px;line-height:8px; font-family: helvetica; margin-top:0px; } 
table table tr.caption td.caption, tr.caption {visibility:hidden;}

/* mood & music - to hide change display:visible to display:none */
.entrybox td.meta {display: visible; font-family: helvetica; font-size:7px; line-height:9px; text-transform: uppercase;}

/* time & date - to hide change display:visible to display:none */
.entrybox td.index {display:visible; font-family: helvetica; font-size:7px; line-height:9px; text-transform: uppercase;}

/* shows your upper right links - to hide change visibility:visible to display:visible */
.date, a.index {visibility:visible !important;}

/* comments. */
.comments {font-family: helvetica;
font-size: 10px;}

/* link effects. */
a {color: #FDEBA2; text-decoration: none; transition: all 0.6s 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 {text-decoration: none; color: F7B916; transition: all 0.6s 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;}

/* locks */
.caption img{width: 7px;height: 7px;}
.ljuser img {display: none;}
.ljuser:before {content: "★";}
 
 /* icon */
.shadowed img {width:90px; height:90px; border-radius:100px;}

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

/* all misc links */
.index, .meta{visibility:visible; font-family: helvetica;
font-size: 7px;
color:#FDEBA2;
 text-transform: uppercase;
letter-spacing: 1px; }

/* star border */
#stars {position:absolute; 
top: -10px; 
margin-left: -137px; 
visibility: visible; 
z-index: 1;}

/* cursor */
body, a {cursor:url(https://i.imgur.com/KPhzCAp.png), default;}

</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE=><center></center>

LASTN_WEBSITE=><div id="stars"><img src="https://i.imgur.com/lLh5kY0.png" style="display: block; width: 160px; height: 160px;"></div>

GLOBAL_HEAD<=
<title></title>
<link rel="shortcut icon" href="">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">

/* background */
body {background: #C2ABC6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #EEA9AE, #FFEFF6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #EEA9AE, #FFEFF6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background-position:top center;
background-repeat:no-repeat;
background-attachment:fixed;}
 
/* font throughout */
td{ color: font-family: arial; font-size: 11px; line-height: 12px;}
 
/* aligns text */
tr{text-align:justify;}
 
/* link effects. */
a {color: #A186A5; 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: transparent; 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;}

/* locks */
.caption img{width: 7px;height: 7px; opacity:0.8;}
.ljuser img {display: none;}
.ljuser:before {content: "★";}

/* removes top things */
.shadowed img{display:none;} /* default icon */
tr.caption {display:none} /* top left namefield */
.shadowed td div {visibility:hidden; position:absolute; top:1px} /* namefield */
table table table table .meta {visibility:hidden; position:absolute; top:1px} /* links under namefield */

/* mood & music - to hide change display:visible to display:none */
.entrybox td.meta {display: visible; font-family: roboto; font-size:7px; line-height:9px; text-transform: uppercase; color:#777}

/* time & date - to hide change display:visible to display:none */
.entrybox td.index {display:visible; font-family: roboto; font-size:7px; line-height:9px; text-transform: uppercase; color:#777}

/* subject */
p table table td.caption{letter-spacing: 1; color:#777; font-size: 8px; font-family: roboto; text-transform: uppercase; font-weight: 500;}

/* entrybox and gradient */
.entrybox {background: url(); background-color:#FBF9F9; 
border-left:3px solid; border-right: 0px; border-top: 0px; border-bottom:0pxt; border-image: repeating-linear-gradient(to bottom, #C2ABC6, #A186A5) 3}

/* moves entries closer together */
table{margin-bottom: -5px;}
 
/*friends page icons*/
.index img {height:70px; width:70px; margin-bottom:7px;}
.index {text-transform:uppercase;font-family: roboto; font-size:5pt; text-transformation: uppercase; letter-spacing: 1px;}
.entrybox a.index font {color: #777;} 
td{background-color:transparent;}

/* comments */
.comments {color:#777; letter-spacing: 1; text-transform: uppercase; font-size: 8px; font-family: roboto;}

/* earlier/later */ 
.meta {font-family: roboto; font-size: 7px; text-transform: uppercase; line-height: 1px; padding: 0px; letter-spacing: 1px; }

/* hides viewing & navigation */
.meta {color: transparent}
.index {color: transparent}
 
/* highlighted text */
::selection {background-color: #FFEFF6; color: #777;}
::-moz-selection {background-color: #FFEFF6; color: #777;}
::-webkit-selection {background-color: #FFEFF6; color: #777;}

/* sidebar */
.lyrics {font-family: roboto; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#000; font-weight:500;}
.picture {width:225px; margin-bottom:-45px;}
#side{position:fixed; visibility: visible; top:15px; margin-left: -580px; z-index:0; text-align:justify; width:225px;}

/* top links */
#links {position: absolute; margin-top: 10px; visibility: visible; margin-left:210px;}
.navi a {font-size: 12px; color: #000; display: inline-block; padding: 2px; }
</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<div id="links"><span class="navi">
<a href="/" title="entries"><span class="lnr lnr-home"></span></a>
<a href="/profile" title="profile"><span class="lnr lnr-user"></span></a>
<a href="/friends" title="friends"><span class="lnr lnr-heart"></span></a>
<a href="/calendar" title="calendar"><span class="lnr lnr-calendar-full"></span></a>
</span></div>

<div id="side">
<a href="/profile"><img src="https://i.imgur.com/JsWXPli.png" class="picture" style="display:inline;"></a>
<font class="lyrics">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tincidunt, lectus quis malesuada viverra, erat velit suscipit nibh, in ultricies libero nunc in sem. Nullam a pulvinar nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras molestie mauris at ante tincidunt fermentum et condimentum justo.</font></div>
<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>3

LASTN_WEBSITE<=
<div id="links"><span class="navi">
<a href="/" title="entries"><span class="lnr lnr-home"></span></a>
<a href="/profile" title="profile"><span class="lnr lnr-user"></span></a>
<a href="/friends" title="friends"><span class="lnr lnr-heart"></span></a>
<a href="/calendar" title="calendar"><span class="lnr lnr-calendar-full"></span></a>
</span></div>

GLOBAL_HEAD<=
<title></title>
<link rel="shortcut icon" href="https://i.imgur.com/hSYxXZE.png">

/* font */
td {font-family:  roboto; font-size:11px; line-height:10px; color:#e5e5ea; text-shadow: 0px 0px 1px #000;}
tr {text-align:justify;}

/* background */ 
body {background-color:#1d1d1d; background: url(https://i.imgur.com/rYTGnTq.png);}

/* entrybox background and shadow */
.entrybox, .shadowed { background-color: rgba(63, 63, 63,.9); box-shadow: 1px 2px 3px  #000;}
 
/* mood & music - to hide change display:visible to display:none */
.entrybox td.meta {display:visible; color:#e5e5ea; font-family: roboto; font-size:7px; line-height:8px;}

/* date & time - to hide change display:visible to display:none */
.entrybox td.index {display:visible; color:#e5e5ea; font-family: roboto; font-size:7px; line-height:8px;}

/* shows your upper right links without brackets - to hide change visibility:visible to display:visible */
.date, a.index {visibility:visible !important;} table table tr.caption td.index{visibility: hidden;}

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

/* subject */
p table table td.caption{font-family: roboto;
letter-spacing: 1px;
line-height:8px;
text-transform: uppercase;
font-size: 8px;}

/* namefield. */
.shadowed td div {font-family: adamas;
text-transform: uppercase;
font-size: 30px;
color: #e5e5ea;
text-shadow: 1px 1px 1px #1d1d1d;
line-height: 0px;
margin-top: 25px;
padding-bottom:3px;}
 
/* links under namefied */
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:6px; font-family: roboto; margin-top:-4px;}

/* comments. */
.comments {font-family: roboto;
letter-spacing: 1px;
font-size: 7px;
line-height: 7px;
text-transform: uppercase;}

/* all misc links */
.index, .meta, td.index, .date {font-family: roboto; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; }

/* link effects. */
a {color: #FFE300; 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: #e5e5ea; 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;}

/* locks */
.caption img{width: 7px;height: 7px; opacity:0.8;}
.ljuser img {display: none;}
.ljuser:before {content: "★";}
 
/* default icon */
.shadowed img{width: 60px; height: 60px; border-radius:100px 100px 100px 100px; box-shadow: #FFFFFF 0px 0px 20px 1px;}

/* cursor */
body, a {cursor:url(https://i.imgur.com/h2zNor5.png), default;}
a:hover {cursor:url(https://i.imgur.com/6GAtOYA.png), default;}

/*friends page icons*/
.index img {border-radius:50px; height:50px; width:50px; border-radius:100px 100px 100px 100px; box-shadow: #FFFFFF 0px 0px 20px 1px; margin-bottom:7px;}
.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: #d8d8d8;} 
td{background-color:transparent;}

/* star border */
#stars {position:absolute; 
top: 50px; 
margin-left: -137px; 
visibility: visible; 
z-index: 1;}

/* shooting star */
.shadowed{background-image:url(https://i.imgur.com/ktNa27q.png); background-repeat:no-repeat; background-position:right;}

</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE=><center></center>

LASTN_OPT_ITEMS=>6

LASTN_WEBSITE=><center></center>

GLOBAL_HEAD<=
<title></title>
<link rel="shortcut icon" href="">

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

/* background */ 
body {background-color:#F5F5F5;}

/* entrybox background and shadow */
.entrybox, .shadowed { background-color: rgba(255,255,255,.7); box-shadow: 1px 2px 3px  #afafaf;}
 
/* mood & music - to hide change display:visible to display:none */
.entrybox td.meta {display:visible; color:#000; font-family:helvetica; font-size:7px; line-height:8px;}

/* date & time - to hide change display:visible to display:none */
.entrybox td.index {display:visible;}

/* shows your upper right links without brackets - to hide change visibility:visible to display:visible  */
.date, a.index {visibility:visible !important;} table table tr.caption td.index{visibility: hidden;}

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

/* subject */
p table table td.caption{font-family: helvetica;
letter-spacing: 1px;
line-height:8px;
text-transform: uppercase;
font-size: 8px;}

/* namefield. */
.shadowed td div {font-family: declara;
font-size: 35px;
color: #1d1d1d;
text-shadow: 1px 1px 1px #ccc;
line-height: 0px;
margin-top: 20px;
padding-bottom:3px;}
 
/* links under namefied */
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:6px; font-family: helvetica; margin-top:-4px;}

/* comments. */
.comments {font-family: helvetica;
letter-spacing: 1px;
font-size: 7px;
line-height: 7px;
text-transform: uppercase;}

/* all misc links */
.index,  tr.caption, .meta, td.meta, .date {font-family: helvetica; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; }

/* link effects. */
a {color: #F57576; 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: #000; 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;}

/* locks */
.caption img{width: 7px;height: 7px; opacity:0.8;}
.ljuser img {display: none;}
.ljuser:before {content: "~";}
 
/* default icon */
.shadowed img{width: 60px; height: 60px; padding:2px; border: #000 dashed 1px; border-radius:70px; background: url();}

/* cursor */
body, a {cursor:url(https://i.imgur.com/h2zNor5.png), default;}
a:hover {cursor:url(https://i.imgur.com/6GAtOYA.png), default;}

</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE=><center></center>

LASTN_OPT_ITEMS=>6

LASTN_WEBSITE=><center></center>