craft

FRIENDS_WEBSITE<=
<div id="bar"></div>

<div id="bg"><img src="http://i.imgur.com/H0z463E.png" class="gifbg" style="display:inline;"></div>
<div id="giff"><a href="/"><img src="https://78.media.tumblr.com/0e1c8ed72ac56e691feb3684ce4896be/tumblr_mvucmun89r1qb6vvvo4_250.gif" class="gif" style="display:inline;"></a></div>


<div id="nav1"><a href="/profile" class="one"><i style="font-size:11px; line-height: 9px;" class="lnr lnr-sun"></i> profile</a>

<a href="/friends" class="two"><i style="font-size:11px;" class="lnr lnr-cloud"></i> friends</a></div>


<div id="nav2"><a href="http://craft.insanejournal.com/2012/12/12/" class="three"><i style="font-size:10px;" class="lnr lnr-moon"></i> scenes</a>

<a href="http://craft.insanejournal.com/2010/10/10/" class="four"><i style="font-size:10px;" class="lnr lnr-star"></i> ooc</a></div>
<=FRIENDS_WEBSITE

DAY_WEBSITE<=
<div id="bar"></div>

<div id="bg"><img src="http://i.imgur.com/H0z463E.png" class="gifbg" style="display:inline;"></div>
<div id="giff"><a href="/"><img src="https://78.media.tumblr.com/91284475c90c1ca0fa03980033fccff7/tumblr_inline_n7wdy9SNkf1sz03jf.gif" class="gif" style="display:inline;"></a></div>


<div id="nav1"><a href="http://craft.insanejournal.com/2011/11/11/" class="one"><i style="font-size:11px; line-height: 9px;" class="lnr lnr-sun"></i> CUSTOMS </a>

<a href="/friends" class="two"><i style="font-size:11px;" class="lnr lnr-cloud"></i> friends</a></div>


<div id="nav2"><a href="http://craft.insanejournal.com/2012/12/12/" class="three"><i style="font-size:10px;" class="lnr lnr-moon"></i> scenes</a>

<a href="http://craft.insanejournal.com/2010/10/10/" class="four"><i style="font-size:10px;" class="lnr lnr-star"></i> ooc</a></div>
<=DAY_WEBSITE

GLOBAL_HEAD<=
<link href="http://i.imgur.com/eRF5UCT.png" rel="icon" type="image/x-icon">
<link rel="stylesheet" href="https://goblyn.neocities.org/fonts/gotham.css" type="text/css">
<link rel="stylesheet" href="http://stormur.neocities.org/css/gothamblack.css" type="text/css">
<link rel="stylesheet" href="http://stormur.neocities.org/css/gothambook.css" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Hind|Itim|Dosis|Karla" rel="stylesheet" type="text/css">
<link href="https://cafe.neocities.org/las.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,300i,400,400i,500,500i,700,700i|Rubik:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link rel="stylesheet" href="https://goblyn.neocities.org/fonts/mercury.css" type="text/css">

<style>

@font-face {font-family: 'ScriptyKate'; src: url('//2ttf.com/webfont/I73gnPDgHmC/webfont.ttf') format('truetype');}
</style>




<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/hZgtZ0Z.png), linear-gradient(to top, #f6f5f5, #fff);
height: 100%;
background-attachment: fixed;
overflow-x: hidden; margin-top: 0px; margin-top: -5px;}
td{font-family: consolas; text-transform: uppercase; font-size: 11px; 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 {text-decoration: none; color: #D0186B;}
a:hover{text-decoration: none; color: #D0186B;}


/* main entrybox */
.entrybox {width: 600px; box-shadow: 0 0 1px #dddddd; background-image: url(http://i.imgur.com/GdzdcnR.png);}

/* subject line */
p table table td.caption {display: block; font-family: dosis, consolas; font-size: 8px; letter-spacing: 2px; line-height: 11px; text-align: justify; color: #333; font-weight: 300; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); text-transform: uppercase; padding: 0; text-indent: 4px;}

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

/* mood & music. */
.entrybox td.meta {font-family:calibri, arial;font-size: 7px; color: #1b1b1b; line-height: 8px; text-transform: uppercase;}

/* comments */
.comments {font-size: 9px; font-family: dosis, consolas; text-transform: uppercase; font-weight: normal; letter-spacing:2px; color:#000; text-shadow: #fefefe 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;}


/* hides navigation text */
.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;}

/* 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; }
.entrybox td.index, .index3 {display: none;}

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


/* 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 top nav bar text */

.shadowed, .shadowed td.div {background: transparent;}

/* 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 */
#bar { position: absolute; visibility: visible; top: 35px; left: 50%; margin-left: -303px; z-index:1; width:600px; height: 19px; background: linear-gradient(to right, #11A3DE, #886CE4, #9627A2, #B92952, #D0186B, #e81451); border-radius: 5px 5px 0 0;}

#giff { position: absolute; visibility: visible; top: 11px; left: 50%; margin-left: -19px; z-index:100000;}
.gif { filter: alpha; width:34px; height:34px; background: linear-gradient(to bottom, #886CE4, #9627A2, #B92952, #e81451);  padding: 2px; border-radius: 100%; float: left;  margin-bottom: 5px;}

#bg {position: absolute; visibility: visible; top: 8px; left: 50%; margin-left: -22px; z-index:10;}
.gifbg {filter: alpha; width:44px; height:44px; background: #fff; background-image: url(https://i.imgur.com/ik9TEw5.png); border-radius: 100%; float: left;}

#nav1 { position: absolute; visibility: visible; top: 38px; left: 50%; margin-left: -303px; z-index:51; margin-top: -7px; }

#nav2 { position: absolute; visibility: visible; top: 38px; right: 50%; margin-right: -303px; z-index:51; margin-top: -7px; }

.one {background: url(); opacity: 0.7; padding: 5 15 6; text-align: left; line-height: 10px; letter-spacing: 1px; text-decoration: none; border: 2px solid transparent; width: 99px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #fff; text-shadow: rgba(48, 157, 201, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.one:hover {letter-spacing: 4px; color: #fff; -webkit-transition: all 0.8s ease-in;}

.two {background: url(); opacity: 0.7; margin-left: -3px; padding: 5 15 6; text-align: left; line-height: 10px; letter-spacing: 1px; text-decoration: none; border: 2px solid transparent; width: 99px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #fff; text-shadow: rgba(109, 110, 168, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.two:hover {letter-spacing: 4px; color: #fff; -webkit-transition: all 0.8s ease-in;}

.three {background: url(); opacity: 0.7; margin-right: -3px; padding: 5 15 6; text-align: left; line-height: 10px; letter-spacing: 1px; text-decoration: none; border: 2px solid transparent; width: 99px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #fff; text-shadow: rgba(170, 62, 134, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.three:hover {letter-spacing: 4px; color: #fff; -webkit-transition: all 0.8s ease-in;}

.four {background: url(); opacity: 0.7; padding: 5 15 6; text-align: left; line-height: 10px; letter-spacing: 1px; text-decoration: none; border-radius: 0px 3px 0px 0px; border: 2px solid transparent; width: 99px; overflow: hidden; display: inline-block; font-size: 9px; word-spacing: 10px; color: #fff; text-shadow: rgba(231, 15, 101, 0.35) 0px 0px 1px; -webkit-transition: all 0.8s ease-in;}
.four:hover {letter-spacing: 4px; color: #fff; -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-repeata !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: #E51551; color: #e0e0e0;}
::-moz-selection {background-color: #E51551; color: #e0e0e0;}
::-webkit-selection {background-color:#E51551; color: #e0e0e0;}

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

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

LASTN_OPT_ITEMS=>2

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

LASTN_DATE_FORMAT=><span style="color:#999999;">%%mm%%.%%dd%%.%%yy%% at %%12h%%:%%min%%%%ap%%</span>

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

LASTN_WEBSITE<=
<div id="bar"></div>

<div id="bg"><img src="http://i.imgur.com/H0z463E.png" class="gifbg" style="display:inline;"></div>
<div id="giff"><a href="/profile"><img src="https://78.media.tumblr.com/d81f9f104bd8c92313bad8394cd2c171/tumblr_n6apflAwmW1qbh20ko6_r1_250.gif" class="gif" style="display:inline;"></a></div>


<div id="nav1"><a href="http://craft.insanejournal.com/2011/11/11/" class="one"><i style="font-size:11px; line-height: 9px;" class="lnr lnr-sun"></i> CUSTOMS </a>

<a href="/friends" class="two"><i style="font-size:11px;" class="lnr lnr-cloud"></i> friends</a></div>


<div id="nav2"><a href="http://craft.insanejournal.com/2012/12/12/" class="three"><i style="font-size:10px;" class="lnr lnr-moon"></i> scenes</a>

<a href="http://craft.insanejournal.com/2010/10/10/" class="four"><i style="font-size:10px;" class="lnr lnr-star"></i> ooc</a></div>
<=LASTN_WEBSITE

FRIENDS_DATE_FORMAT=><span style="color:#999999;">%%mm%%.%%dd%%.%%yy%% at %%12h%%:%%min%%%%ap%%</span>

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