PAGE TITLE

<title>ᴛᴀᴋᴇɴ</title>

<style>

/* This page was taken straight from ~where, please make substantial edits to this if you decide to use it, rehost all fonts, change colors/pics AND please don't remove this credit! If you want to use this code, but have it edited to your preferences, please visit ~lamarcodem for assistance! */

body {background:#f3f3f3 url(http://i.imgur.com/RJI7XYw.png); margin-left: -70px;}

/* tables */
table {

margin-bottom: -5px;
}
 
/* default font */
td {
color: #000000;
font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial;
font-size: 11px;
}
 
/* default text alignment */
tr {
text-align: justify;
}
 
/* links */
a {
color: #FF5230;
text-decoration: none;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-webkit-transition-duration: .4s;
}
 
a:hover {
color: #FF5230;
text-decoration: none;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-webkit-transition-duration: .4s;
}
 
/* removes journal title */
table table tr.caption td.caption {
display: none;
visibility: hidden;
}

/* removes default icon */
.shadowed img {
display: none;
}
 
/* entrybox */
.entrybox {
padding: 0px;
margin-top: -115px;
margin-bottom: 120px;
background:url(http://i.imgur.com/jMVT6eM.png); box-shadow: 0px 0px 1px rgba(215, 215, 215, 1); border-width: 1px 0 0 0; border-style: solid;
    -webkit-border-image: -webkit-linear-gradient(right, #FF5230, #000000, #7A7A7A, #C8C8C8) 100% 1;
    -moz-border-image: -moz-linear-gradient(right,  #FF5230, #000000, #7A7A7A, #C8C8C8) 100% 1; 
    -o-border-image: -o-linear-gradient(right,  #FF5230, #000000, #7A7A7A, #C8C8C8) 100% 1;
    border-image: linear-gradient(to right,#FF5230, #000000, #7A7A7A, #C8C8C8) 100% 1;}
}
 
/* removes privacy icons */
.caption img {
width: 15px;
}
 
/* removes user icons */
.ljuser img {
display: none;
}
 
/* changes content before linked usernames */
.ljuser:before {
content: "";
}
 
/* removes date */
.entrybox td.index, .index3 {
display: none;
}
 
/* moves date */
.index2 {
display: block;
font-family: 'helvetica';
font-size: 6px;
line-height: 7px;
text-align: left;
text-transform: uppercase;
}
 
/* mood & music. */
.entrybox td.meta {font-family:helvetica; font-size:8px; text-transform:uppercase; line-height:7px; color:#333; opacity:.8; letter-spacing: 1px; font-weight: lighter; padding:0px;}
 
/* comments */
.comments {
font-family: calibri; font-size: 8px; line-height: 10px; letter-spacing:1px; text-transform:uppercase; opacity:0.9; text-shadow: 0px 0px 1px #a3a3a3; border-radius: 5px 5px 5px 5px; 
padding-top: 3px;
padding-bottom: 8px;
}
 
/* navigation - hides navigation */
.index {
color: #ddd;
font-family: 'helvetica';
font-size: 5px;
line-height: 6px;
text-transform: uppercase;
}
 
/* viewing - hides viewing */
.meta {
color: #f6f6f6;
font-family: 'helvetica';
letter-spacing:.5px;
font-size: 8px;
line-height: 7px;
text-transform: uppercase;
}
 
/* changes friend icons */
.index img {
height: 85px;
width: 85px;
}

/* sidebar */
#sidebar{position: relative; visibility: visible; top:-847; right: 100; height: 10;margin-bottom:0px;}
#info{ position: relative; visibility: visible; z-index:-100; top:-65 ; left: -135;  width: 310; margin-bottom:-10px; font-family: calibri; font-size: 8px; line-height: 10px; letter-spacing:1px; text-transform:uppercase; opacity:0.9; text-shadow: 0px 0px 1px #a3a3a3; background:url(http://i.imgur.com/jMVT6eM.png); border-radius: 5px 5px 5px 5px; padding:6px; text-align:justify;}

#links {
position:relative;
visibility: visible;
top: 30;
left: -200;
width:300px;
border: 1px solid rgba(122,124,144, .3);
background: rgba(122,124,144, .2);
}
#gation{position:relative; visibility: visible; top:-265px; left: -125px; z-index:97; height:0px;}

#image {
position:relative;
visibility: visible;
top: -90px; left: 150px; z-index: -100; height:0px;
}

/* lj icons */
.ljuser img{display:none;}

/* friends only and private locks */
.caption img[src="http://www.insanejournal.com/img/icon_private.gif"]{opacity: 0.6; width: 0; height: 0; padding: 0 8px 9px 0; background: url(http://i.imgur.com/b7JfL3S.png);}  
.caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{opacity: 0.6; width: 0; height: 0; padding: 0 8px 9px 0; background: url(http://i.imgur.com/b7JfL3S.png);}
p table table td.caption img {height: 9pt; width: 8pt;}
 
/* removes date */
.entrybox td.index, .index3 {
display: none;
}

/* moves date */
.index2 {
display: block; 
font-family: 'consolas'; 
font-size: 9px; 
line-height: 10px; 
text-align: left; 
text-transform: uppercase;
}

/* viewing - hides viewing */
.meta {
color: transparent;
font-family: 'book'; 
font-size: 6px; 
line-height: 1px; 
text-transform: uppercase;
}

/* navigation - hides navigation */
.index {
color: transparent;
font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial;
font-size: 6px; 
line-height: 1px; 
text-transform: uppercase;
}
.meta {
color: transparent;
font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial;
font-size: 7px; 
line-height: 1px; 
text-transform: uppercase;
}

.index {color: transparent;
font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial;
font-size: 7px; 
line-height: 1px; 
text-transform: uppercase;
}

/* subject line. */
p table table td.caption{
font-family: calibri; font-size: 8px; line-height: 10px; letter-spacing:1px; text-transform:uppercase; opacity:0.9; text-shadow: 0px 0px 1px #a3a3a3; border-radius: 5px 5px 5px 5px;  text-align:justify;
}

/* header */
.communities{font-family: Righteous, Sigmar One; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; width: 590px; display: block; position: absolute; left: 0px; top: 0; left: -70;
  padding: 5;}
.communities{width: 590px; display: block; position: absolute;top:40; left: 0; padding: 5;}

a.tooltips {
position: relative;
display: inline;
}
 
a.tooltips span {
background-image: url('');
width: 30px;
color: #222222;
font-size: 44px;
height: 34px;
line-height: 14px;
padding: 2px;
position: absolute;
text-align: left;
visibility: hidden; text-transform: lowercase;
width:;
}
 
a:hover.tooltips span {
margin-left: 485px;
margin-top: -35px;

visibility: visible;
 
}

/* sidebar & navigation */

#nav {;margin-left: 0px; display: inline; visibility: visible; position:relative;}

/* highlighting */
::selection {background-color: rgba(254, 253, 253, 0.0); color: #777;}
::-moz-selection {background-color:rgba(254, 253, 253, 0.0); color: #777;}
::-webkit-selection {background-color:rgba(254, 253, 253, 0.0); color: #777;}

.icons {
 width:25px;
}

.icon {
 padding-left: 2px;
}

#nav {
  position:fixed;
  visibility: visible;
  top:20px;
  right:50.0%;
  margin-right: 410px;
  z-index:0;
  text-align:center;
  width:210px;
}

.top {
  color: #000000;
  font-family: surrogate, trebuchet ms, calibri, sans serif;
  font-size:44px;
  line-height: 30px;
  text-shadow: 2px 1px 0px #fff;
}

.key {
  background:url(http://i.imgur.com/Reo0H39.png); box-shadow: 0 0 1px rgba(204, 215, 197, 0.6); border-bottom: 2px solid #C8C8C8; margin-bottom:11px;
  -webkit-border-image: -webkit-linear-gradient(right, #FF5230, #000000, #7A7A7A, #C8C8C8) 100% 1;
    -moz-border-image: -moz-linear-gradient(right,  #FF5230, #000000, #7A7A7A, #C8C8C8) 100% 1; 
    -o-border-image: -o-linear-gradient(right,  #FF5230, #000000, #7A7A7A, #C8C8C8) 100% 1;
    border-image: linear-gradient(to right,#FF5230, #000000, #7A7A7A, #C8C8C8) 100% 1;
  font-family: calibri, trebuchet ms, helvetica, arial;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 30px;
  text-align:left;
  text-transform:uppercase;
  padding: 10px;
  padding-left: 20px;
  width: 170px;
}
.person {
background:url(http://i.imgur.com/Reo0H39.png); box-shadow: 0 0 1px rgba(204, 215, 197, 0.6); border-bottom: 2px solid ; 
-webkit-border-image: -webkit-linear-gradient(right, #FF5230, #000000, #7A7A7A, #C8C8C8) 100% 1;
    -moz-border-image: -moz-linear-gradient(right,  #FF5230, #000000, #7A7A7A, #C8C8C8) 100% 1; 
    -o-border-image: -o-linear-gradient(right,  #FF5230, #000000, #7A7A7A, #C8C8C8) 100% 1;
    border-image: linear-gradient(to right,#FF5230, #000000, #7A7A7A, #C8C8C8) 100% 1;
padding: 2px;
margin: 8px;
width: 350px;
}

.details {padding-left:4px; padding-right:4px; font-family: 'black jar'; font-size:30px; line-height:23px; letter-spacing: 1px; color: #7A7A7A; text-shadow: 2px 1px 0px rgba(255, 255, 255, 1), 3px 2px 2px rgba(85, 85, 85, 0.7); text-decoration:none; text-transform: lowerase; font-weight: 100;}

.char {
  color: #000000;
  font-family: calibri, trebuchet ms, helvetica, arial;
  font-size: 9px;
  letter-spacing: 1px;
  text-transform:uppercase;
  padding-left: 10px;
}

#s-m-t-tooltip {max-width: 240px; padding: 4px 5px 4px 5px; margin: 10px 0px 0px 10px; background: rgba(240, 240, 240, 0.5); color: #000000; font-family: calibri, arial; font-size: 8px; line-height: 10px; letter-spacing: 1px; text-shadow: #a3a3a3 0px 0px 1px; text-transform: uppercase; white-space: pre-wrap;}

-->

</style>

</head>

<div id="nav">
<div class="key"> <img src="http://i.imgur.com/WQLQ71H.png" width="25px" style="vertical-align:middle;">   activity incomplete<br>
<img src="http://i.imgur.com/HUPJLbf.png" width="25px" style="vertical-align:middle;">   activity complete<br>
<img src="http://i.imgur.com/Rc75nei.png" width="25px" style="vertical-align:middle;">   hiatus<br>
<img src="https://i.imgur.com/ZHGltvv.png" width="25px" style="vertical-align:middle;">   extension<br>
</div></div><table width="700">

<table class="person"><tbody><tr><td>
<a class="details" href="http://USERNAME.insanejournal.com" target="_blank" title="first last">FIRST LAST</a><br>
</td><td class="icons" valign="middle">
<img src="http://i.imgur.com/HUPJLbf.png" width="25px" class="icon" title="complete">
</td>
</tr></tbody></table>

</td><td valign="TOP" id="male">

</td></tr></tbody></table>
</center><div id="s-m-t-tooltip" style="position: absolute; display: none;"><div style="width: 100%; height: 100%;"></div></div></body></html>

/* This page was taken straight from ~played/esc/coding/pbcoding, please make substantial edits to this if you decide to use it, rehost all fonts, change colors/pics AND please don't remove this credit! If you want to use this code, but have it edited to your preferences, please visit ~lamarcodem for assistance! */

body {background: url(http://i.imgur.com/FFFlciP.png) repeat;}

a, a:visited {color:rgba(2,123,127,1.0); text-shadow:; text-decoration:none;}
a:hover {cursor:default; color:rgba(2,123,127,0.5); text-shadow:#000 0px 0px 1px;}

.table {width: 600px; padding:3px;}

.table td.name {
	border-bottom-width:3px;
    -webkit-border-image: url(http://i.imgur.com/pYibQ8I.png) 0 0 10 0 repeat; /* Safari 3.1-5 */
    -o-border-image: url(http://i.imgur.com/pYibQ8I.png) 0 0 10 0 repeat; /* Opera 11-12.1 */
    border-image: url(http://i.imgur.com/pYibQ8I.png) 0 0 10 0 repeat;
	}

td {width:300px;}

.title{
font-family: Codystar;
font-size: 50px;
line-height: 52px;
color: #F4DCC9;
display: block;
text-align: right;}

.subtitle{
font-family: calibri, arial;
font-size:11px;
line-height:10px;
text-transform:uppercase;
text-align:right;
display:block;
color: #f0f0f0;
font-weight: bold;
padding-right: 5px;
}

.names {font-family:oswald;
font-size: 22px;
text-align: center;
background-color: #f0f0f0;
color:rgba(87,46,79,1.0);
padding: 3px;
letter-spacing: 0px;
text-transform:uppercase;
display: block;}

.bar {font-family: calibri, arial;
font-size:9px;
font-weight:bold;
letter-spacing:2px;
padding: 3px;
background-color:#c0c0c0;
color: rgba(87,46,79,1.0);
text-transform:uppercase;
text-align: center;
display:block;}

.bar i {
color: rgba(214,41,87,1.0);
font-size: 11px;
}

.bar big {
color: rgba(87,46,79,1.0);
font-weight: bold;
}

.override {color:rgba(255,165,136,1.0);}
.hiatus {color: rgba(214,41,87,1.0);}
</style></head>

<body> 
<center>
<table class="table"><tbody><tr>
<td valign="top" colspan="2">
<font class="title">TAKEN</font>
<font class="subtitle">
<span class="override">OVERRIDE</span>
  •   
<span class="hiatus">HIATUS</span>
</font>
</td></tr></tbody></table>

<table cellspacing="5" class="table" colspan="2"> 
<tbody><tr><td valign="top">
<table width="300" style="float:left">
<tbody><tr><td class="name"><a href="http://USERNAME.insanejournal.com"><font class="names">FIRST LAST</font></a>
<div class="bar" align="right"><i class="fa fa-film" title="PROFESSION"></i> <a href="LINK">directory</a> <big>·</big> <a href="LINK">contact</a></div></td></tr>

<tr><td class="name"><a href="http://USERNAME.insanejournal.com"><font class="names">FIRST LAST</font></a>
<div class="bar" align="right"><i class="fa fa-film" title="PROFESSION"></i> <a href="LINK">directory</a> <big>·</big> <a href="LINK">contact</a></div></td></tr>

</tbody></table></td>
<td valign="top"><table width="300" style="float:right">
<tbody><tr><td class="name"><a href="http://USERNAME.insanejournal.com"><font class="names">FIRST LAST</font></a>
<div class="bar" align="right"><i class="fa fa-film" title="PROFESSION"></i> <a href="LINK">directory</a> <big>·</big> <a href="LINK">contact</a></div></td></tr>

<tr><td valign="top"><table width="300" style="float:right">
<tbody><tr><td class="name"><a href="http://USERNAME.insanejournal.com"><font class="names">FIRST LAST</font></a>
<div class="bar" align="right"><i class="fa fa-film" title="PROFESSION"></i> <a href="LINK">directory</a> <big>·</big> <a href="LINK">contact</a></div></td></tr>

<style>

/* This page was taken straight from ~wizards, please make substantial edits to this if you decide to use it, rehost all fonts, change colors/pics AND please don't remove this credit! If you want to use this code, but have it edited to your preferences, please visit ~lamarcodem for assistance! */

body, td {
font-family: verdana, sans-serif;
font-size: 10pt;
}
tt, pre {
font-family: monospace;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.shadowed, .ljadshadowed {
font-size: 8pt;
background: ;
}
.ljadshadowed div {
visibility: visible;
position: relative;
}
.meta {
font-size: 8pt;
}
.index {
font-size: 8pt;
}
.caption, .index {
color: ;
}
.comments {
font-size: 8pt;
}
</style>
<link href="https://fonts.googleapis.com/css?family=Coming+Soon" rel="stylesheet">

<style>

<!--

body {background:#ececec url(http://static.tumblr.com/c5f42bd869751e808afeb01ad0667a54/k9utpfa/LtMmg7u2y/tumblr_static_debut_light.png) repeat bottom left fixed;}

body, A, table {
}

tr {
text-align:justify;
}

a:link, a:visited, a:active {
color: #434969;
font-weight: normal;
text-decoration: none;

}

a:hover {
color: #e1e1e1;
text-decoraiton: none;

}

/* body text */
tr, td, table, body {
color: #444;
font-family: source sans pro, helvetica, arial, sans-serif;
font-size: 11px;
line-height:11px;
}

* subject */
.dates {padding-top: 0; padding-left: 3; padding-right: 0; padding-bottom: 3; display:block;text-align:left; font-family: consolas; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; padding:0px; display:none;} .dated, .entrybox td.index{display:none;}
p table table td.caption{border-top: 0; border-left: 0; border-right: 0; border-bottom: 0px solid #; 
padding: 0; padding-left: 3; color: #000; font-family: consolas; font-size: 8px; line-height:8px; letter-spacing:1px; text-transform:uppercase;}
p table table td.caption img{width: 4px; height: 4px;}

/* comment links */
.entrybox td.comments, .comments {
font-family: calibri;
font-size: 8px;
letter-spacing: 1px;
text-shadow: 0px 0px 1px #e1e1e1;
text-transform: uppercase;
font-weight: normal;
}
#nav {
position:fixed;
visibility: visible;
top:10px;
right:50.0%;
margin-right: 340px;
z-index:0;
text-align:justify;
width:220px;
}

.main{width: 1000; position: center; }

.char{box-shadow: 0 0 1px #aeaeae; border-width: 1px 0 0 0; border-style: solid;
	-webkit-border-image: -webkit-linear-gradient(right, #1970c5, #cf2530, #e2bc1c, #00bfae) 100% 1;
    -moz-border-image: -moz-linear-gradient(right, #1970c5, #cf2530, #e2bc1c, #00bfae) 100% 1; 
    -o-border-image: -o-linear-gradient(right, #1970c5, #cf2530, #e2bc1c, #00bfae) 100% 1;
    border-image: linear-gradient(to right, #1970c5, #cf2530, #e2bc1c, #00bfae) 100% 1;
 background-color: rgba(0, 0, 0, 0.02);  padding: 1; padding-top: 6px; padding-bottom: 4px; width:255px; display: block; box-shadow: 0px 0px 0px #eee;}
.un{font-size: 18px;  font-family:coming soon, trebuchet ms, calibri, sans serif; text-transform: uppercase; text-decoration: none; text-indent: 10px; display: block; line-height: 22px; font-weight: lighter; padding: 3; letter-spacing: 1px;}
.info{font-family:dosis; font-size:8px; letter-spacing:1px; text-transform: uppercase; color:#53575a;}

#nav1 {
position:fixed;
visibility: visible;
top:20px;
right:50.0%;
margin-right:370px;
z-index:0;
text-align:justify;
width:200px;
}

#nav1 a:link, #nav a:active, #nav a:visited {
color: #222;
}

#nav1 a:hover {
color: #222;
}

.sub {
color: #999;
font-family: consolas;
font-size: 7px;
font-weight: bold;
letter-spacing: 2px;
text-align:center;
text-transform: uppercase;
}

/* date and time*/
.entrybox td.index, .dated {
display: none;
}

/* date & time. */
.entrybox td.index {
color: #e1e1e1;
font-family: source sans pro, helvetica, arial, sans-serif;
font-size: 8px;
letter-spacing: 1px;
line-height: 8px;
text-transform: uppercase;
font-weight: normal;
}

p table table table td.meta, p .index {
color: #e1e1e1;
font-family: source sans pro, helvetica, arial, sans-serif;
font-size: 8px;
letter-spacing: 1px;
line-height: 8px;
text-transform: uppercase;
font-weight: normal;
}

.menu {
background-color: #555;
box-shadow: 1px 1px 2px #ccc;
color: #e6e6e6;
font-family: calibri;
font-size: 8px;
letter-spacing: 1px;
line-height: 8px;
padding: 3; 
text-align: center;
text-transform: uppercase;
width: 160px;
display:block;
-moz-transition: all .5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all .5s ease-out;
transition: all 0.5s ease-out;
margin-bottom: 2px;
margin-top: 2px;
}

.menu1 {
background-color: #01b0a1;
box-shadow: 1px 1px 2px #ccc;
color: #e6e6e6;
font-family: calibri;
font-size: 8px;
letter-spacing: 1px;
line-height: 8px;
padding: 3; 
text-align: center;
text-transform: uppercase;
width: 180px;
display:block;
-moz-transition: all .5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all .5s ease-out;
transition: all 0.5s ease-out;
margin-bottom: 2px;
margin-top: 2px;
}

.menu2 {
background-color: #e22b38;
box-shadow: 1px 1px 2px #ccc;
color: #e6e6e6;
font-family: calibri;
font-size: 8px;
letter-spacing: 1px;
line-height: 8px;
padding: 3; 
text-align: center;
text-transform: uppercase;
width: 180px;
display:block;
-moz-transition: all .5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all .5s ease-out;
transition: all 0.5s ease-out;
margin-bottom: 2px;
margin-top: 2px;
}

.menu3 {
background-color: #d9b41e;
box-shadow: 1px 1px 2px #ccc;
color: #e6e6e6;
font-family: calibri;
font-size: 8px;
letter-spacing: 1px;
line-height: 8px;
padding: 3; 
text-align: center;
text-transform: uppercase;
width: 180px;
display:block;
-moz-transition: all .5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all .5s ease-out;
transition: all 0.5s ease-out;
margin-bottom: 2px;
margin-top: 2px;
}

.menu4 {
background-color: #1970c5;
box-shadow: 1px 1px 2px #ccc;
color: #e6e6e6;
font-family: calibri;
font-size: 8px;
letter-spacing: 1px;
line-height: 8px;
padding: 3; 
text-align: center;
text-transform: uppercase;
width: 180px;
display:block;
-moz-transition: all .5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all .5s ease-out;
transition: all 0.5s ease-out;
margin-bottom: 2px;
margin-top: 2px;
}
.menu1:hover, .menu2:hover, .menu3:hover, .menu4:hover {
background-color: #e6e6e6;
color: #555;
font-family: calibri;
font-size: 8px;
letter-spacing: 1px;
line-height: 8px;
padding: 3; 
text-align: center;
text-transform: uppercase;
width: 160px;
display:block;
-moz-transition: all .5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all .5s ease-out;
transition: all 0.5s ease-out;
}

.shadowed td div {
visibility: hidden; 
position: absolute; 
}

.shadowed img {
display:none;
}

table td table td.caption img {
display:none;
}

.ljuser img {
display:none;
}

-->
</style>

<style>

<!-- 
table table table table .meta {visibility:hidden;position:absolute;top:0px;padding:0px;}
table table table table table .meta {visibility:visible;position:relative;top:0px;padding:0px;}

tr.caption {
display:none
}

.shadowed td div {
visibility: hidden; 
position: absolute; 
}

.shadowed {
background-image: url();
background-position: left bottom !important;
background-repeat: no-repeat;
vertical-align: bottom;
padding: 0;
}

</style>

</head><body><div id="nav1"><center><a href="http://USERNAME.insanejournal.com/profile"><img src="https://i.imgur.com/hGPC6G5.png" style="display:inline; width: 200px;"></a><br>
<font class="sub">SUB-LINE HERE</font><br>
<a href="LINK" class="menu1">premise & rules</a>
<a href="LINK" class="menu2">taken</a>
<a href="LINK" class="menu3">directories</a>
<a href="LINK" class="menu4">members</a>

</center></div>

<center>
<table class="main"><tbody><tr>
<td valign="top">
<table cellspacing="5"><tbody><tr>
<td valign="top" class="char"><a href="http://USERNAME.insanejournal.com/profile" class="un">FIRST LAST</a>
</td></tr></tbody></table>
<table cellspacing="5"><tbody><tr>
<td valign="top" class="char"><a href="http://USERNAME.insanejournal.com/profile" class="un">FIRST LAST</a>
</td></tr></tbody></table>

<table cellspacing="5"><tbody><tr>
<td valign="top" class="char"><a href="http://USERNAME.insanejournal.com/profile" class="un">FIRST LAST</a>
</td></tr></tbody></table>

<table cellspacing="5"><tbody><tr>
<td valign="top" class="char"><a href="http://USERNAME.insanejournal.com/profile" class="un">FIRST LAST</a>
</td></tr></tbody></table>
<table cellspacing="5"><tbody><tr>
<td valign="top" class="char"><a href="http://USERNAME.insanejournal.com/profile" class="un">FIRST LAST</a>
</td></tr></tbody></table>
<table cellspacing="5"><tbody><tr>
<td valign="top" class="char"><a href="http://USERNAME.insanejournal.com/profile" class="un">FIRST LAST</a>
</td></tr></tbody></table>

<table cellspacing="5"><tbody><tr>
<td valign="top" class="char"><a href="http://USERNAME.insanejournal.com/profile" class="un">FIRST LAST</a>
</td></tr></tbody></table>

</td><td valign="top">
<table cellspacing="5"><tbody><tr>
<td valign="top" class="char"><a href="http://USERNAME.insanejournal.com/profile" class="un">FIRST LAST</a>
</td></tr></tbody></table>

<table cellspacing="5"><tbody><tr>
<td valign="top" class="char"><a href="http://USERNAME.insanejournal.com/profile" class="un">FIRST LAST</a>
</td></tr></tbody></table>

</td></tr></tbody></table></center></body></html>

<title>taken at COMM!</title>

<style>

/* This page was taken straight from ~allow/celeb/wands, please make substantial edits to this if you decide to use it, rehost all fonts, change colors/pics AND please don't remove this credit! If you want to use this code, but have it edited to your preferences, please visit ~lamarcodem for assistance! */

body {background-image: url(http://i.imgur.com/XKCSfMI.png);}
table { margin-bottom: -8px;}
td {font-size: 9px; line-height: 10px; font-family: arial; color:;}

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

/* hides the date brackets */
.entrybox td.index{display:none;}

/* links */
a {color:#FEB652; text-shadow:0px 1px 1px #FF8C7A; text-decoration: none; -webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;}
a:hover {color:#78F9DA; text-shadow:0px 1px 1px #ddd; text-decoration: none; -webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;}

/* name */
.shadowed td div {font-family: lavanderia; font-size: 25px; line-height: 27px; letter-spacing: 0px; color: #403e3e; text-shadow: #000000 0px 0px 0px;}

/* nav */
.index, .meta {font-family: arial narrow; font-size: 7px; line-height:0px; text-transform: uppercase; letter-spacing: 1; color:#F8F4EB; text-shadow:0px 0px 0px #F8F4EB;}

/* top box nav */
table table table table td.meta {font-family: arial narrow; font-size: 7px; line-height:7px; text-transform:uppercase;}

/* viewing and etc at the bottom & music/mood */
.meta{font-family: arial narrow; font-size: 7px; line-height: 7px; text-transform: uppercase; letter-spacing: 1px;}

/* subject  */
p table table td.caption {font-family:ropa sans; font-size: 8px; line-height: 0px; text-transform: uppercase; letter-spacing: 1px; color: #000; text-shadow:0px 0px 1px #000}

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

/* ij icon & locks */
.ljuser img {display:none;}
.caption img{width: 5px; height:5px;}

.ljadshadowed div {visibility: visible;position: relative;}
table table table table table .meta {visibility: visible; position:relative;}
.shadowed span#navigation img {display: inline; visibility: visible; position: relative;}

/* aligns all text */
tr {text-align:justify;}

/* image effects */
img {opacity:1.0;filter:alpha(opacity=100); -webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;}
img:hover{opacity:1.0;filter:alpha(opacity=100); -webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;}
img:hover {-webkit-transform: filter: grayscale(100%);  -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%); -webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;}

/* top box website lyrics, etc */
.shadowed {background-image:url(); background-repeat:no-repeat;}
.title{font-family: 'Averia Serif Libre', arial; font-size: 29px; line-height: 22px; letter-spacing: 0px; color: #65979e; text-shadow: #65979e 0px 0px 1px; text-transform: uppercase;}
.sub {font-size: 7px; font-family: trebuchet ms; text-transform: uppercase; font-weight: light; letter-spacing:1px; color:#000000; line-height: 16px; padding-left:0px; background-color: #E0DCD4; opacity:1; text-shadow:0px 0px 1px #65979e; border-radius:10px 10px 10px 10px; background-image:url(http://i.imgur.com/17kV7eX.png); box-shadow:0px 0px 3px #cccccc;}

.person {
background: url(http://i.imgur.com/jMVT6eM.png);
color: #000000;
padding: 2px;
margin: 6px;
margin-left: 40px;
width: 300px;
border-width: 1px 0 0 0; border-style: solid;
     -webkit-border-image: -webkit-linear-gradient(left, #78F9DA, #FEB652, #FF8C7A) 100% 1;
    -moz-border-image: -moz-linear-gradient(left, #78F9DA, #FEB652, #FF8C7A) 100% 1; 
    -o-border-image: -o-linear-gradient(left, #78F9DA, #FEB652, #FF8C7A) 100% 1;
    border-image: linear-gradient(to left, #78F9DA, #FEB652, #FF8C7A) 100% 1;
box-shadow: 0px 0px 2px #ddd5cd;
}

a#topnavi {
border-radius: 4px;
color: transparent;
display: inline-block;
height: 7px;
font-family: trebuchet ms;
font-size: 7px;
line-height: 7px;
overflow: hidden;
padding: 1px 1px;
text-align: center;
text-shadow: none;
text-transform: uppercase;
transition: all 0.3s ease-in;
vertical-align: text-top;
width: 7px;
-webkit-transition: all 0.4s ease-in; }

a#topnavi:hover {
color: #65979e;
font-family: trebuchet ms;
font-size: 7px;
height: 7px;
text-transform: uppercase;
transition: all 0.3s ease-in;
width: 60px;
-webkit-transition: all 0.4s ease-in; }

.un {
background: #D3680C; }

.duex {
background: #D87F36; }

.trois {
background: #E8B25C; }

::selection {
background: #000;
color:#F0ECE5;
text-shadow:0px 0px 1px #F0ECE5;}

::-moz-selection {
background: #000;
color:#F0ECE5;
text-shadow:0px 0px 1px #F0ECE5;}

P:first-letter { font-family: 'Averia Serif Libre', arial; font-size: 32px; line-height: 22px; letter-spacing: 0px; color: #65979e; text-shadow: #65979e 0px 0px 1px; text-transform: uppercase; padding-right:6px; float: left; }

.takenlist {
cellpadding: 6px;
cellspacing: 18px;
width: 350px;
align: center;
background-color: transparent;
}

.names {
width: 340px;
text-align: left;
vertical-align: middle;
background-image:url('http://i.imgur.com/jMVT6eM.png');
border-width: 1px 0 0 0; border-style: solid;
     -webkit-border-image: -webkit-linear-gradient(left, #78F9DA, #FEB652, #FF8C7A) 100% 1;
    -moz-border-image: -moz-linear-gradient(left, #78F9DA, #FEB652, #FF8C7A) 100% 1; 
    -o-border-image: -o-linear-gradient(left, #78F9DA, #FEB652, #FF8C7A) 100% 1;
    border-image: linear-gradient(to left, #78F9DA, #FEB652, #FF8C7A) 100% 1;
box-shadow: 0px 0px 2px #ddd5cd;
color: #000000;
display: block;
border-left:solid #568288 4px; border-radius:5px;
font-family: 'berry', arial; font-size: 24px; line-height: 14px; letter-spacing: 0px; color: #65979e; text-shadow: #65979e 0px 0px 1px; text-transform: uppercase;
padding:6px;
padding-left:12px;
}

.aim {
font-size: 18px; font-family: trebuchet ms; text-transform: uppercase; font-weight: light; letter-spacing:1.5px; color:#000000; opacity:1; text-shadow:0px 0px 1px #65979e;
 opacity: 0.0;
 height: 0px; 
 width: 0px;
 height: 20px;
 padding-left: 10px;
 display: inline;
 transition-duration: 0.6s;
 -moz-transition-duration: 0.6s;
 -webkit-transition-duration: 0.6s;
 -o-transition-duration: 0.6s;
 }
 
 td.names:hover .aim {
font-size: 9px; font-family: trebuchet ms; text-transform: uppercase; font-weight: light; letter-spacing:1.5px; color:#000000; opacity:1; text-shadow:0px 0px 1px #65979e;
 opacity: 1.0; 
 height: 20px;
 width: auto;
 text-align: left;
 padding-left: 10px;
 display: inline;
 color: #000000;
 transition-duration: 0.6s; 
 -moz-transition-duration: 0.6s; 
 -webkit-transition-duration: 0.6s; 
 -o-transition-duration: 0.6s;
 }

</style>
</head><body><center>

<br><br>
<font style="font-family: 'just lovely', arial; font-size: 60px; line-height: 28px; letter-spacing: 0px; color:#78F9DA; text-shadow: #ddd 0px 0px 1px; text-transform: lowercase;"><a href="http://USERNAME.insanejournal.com/">taken list</a></font>
<br>
<font style="font-size: 9px; font-family: trebuchet ms; text-transform: uppercase; font-weight: light; letter-spacing:1.5px; color:#7A7A7A; opacity:1; text-shadow:0px 0px 1px #65979e;"><font style="font-size:22px; line-height:0px; color: #FF8C7A;">★</font> this member is currently on a hiatus, <font style="font-size:22px; line-height:0px;color: #78F9DA;">⚬</font> this member currently up for override</font>

<br>

<table cellpadding="0"><tbody><tr><td>
  <table>
   <tbody><tr>
    <td valign="top">
  <table class="takenlist">

<tbody><tr><td class="names"><a href="http://USERNAME.insanejournal.com/">FIRST LAST</a><span class="aim">@WIRE</span></td></tr>
<tr><td class="names"><a href="http://USERNAME.insanejournal.com/">FIRST LAST</a><span class="aim">@WIRE</span></td></tr>
<tr><td class="names"><a href="http://USERNAME.insanejournal.com/">FIRST LAST</a><span class="aim">@WIRE</span></td></tr>
<tr><td class="names"><a href="http://USERNAME.insanejournal.com/">FIRST LAST</a><span class="aim">@WIRE</span></td></tr>

</tbody></table>

</td>
    <td valign="top">
  <table class="takenlist">

<tbody><tr><td class="names"><a href="http://USERNAME.insanejournal.com/">FIRST LAST</a><span class="aim">@WIRE</span></td></tr>
<tr><td class="names"><a href="http://USERNAME.insanejournal.com/">FIRST LAST</a><span class="aim">@WIRE</span></td></tr>
<tr><td class="names"><a href="http://USERNAME.insanejournal.com/">FIRST LAST</a><span class="aim">@WIRE</span></td></tr>
<tr><td class="names"><a href="http://USERNAME.insanejournal.com/">FIRST LAST</a><span class="aim">@WIRE</span></td></tr>

</tbody></table>
</td></tr></tbody></table></td></tr></tbody></table></center></td></tr></tbody></table></td></tr></tbody></table></center></body></html>

/* highlighting */
::selection {background-color: rgba(254, 253, 253, 0.0); color: #9ae4ed;}
::-moz-selection {background-color:rgba(254, 253, 253, 0.0); color: #9ae4ed;}
::-webkit-selection {background-color:rgba(254, 253, 253, 0.0); color: #9ae4ed;}

.person {
background-color: #ffffff;
color: #000000;
padding: 5px;
margin: 8px;
margin-left: 40px;
width: 300px;
border-width: 1px 0 0 0; border-style: solid;
    -webkit-border-image: -webkit-linear-gradient(right, #752c25, #f0ac18) 100% 1;
    -moz-border-image: -moz-linear-gradient(right, #752c25, #f0ac18) 100% 1;
    -o-border-image: -o-linear-gradient(right, #752c25, #f0ac18) 100% 1;
    border-image: linear-gradient(to right, #752c25, #f0ac18) 100% 1;
box-shadow: 0px 0px 2px #ddd5cd;
}

.title {
font-family: fall, calibri, trebuchet ms, helvetica, arial;
font-size: 20px;
line-height: 20px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}
  
.char {
  color: #000000;
  font-family: calibri, trebuchet ms, helvetica, arial;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform:uppercase;
  padding-left: 10px;
}

/* links */
a {
color: #b81f08;
text-decoration: none;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-webkit-transition-duration: .4s;
}
 
a:hover {
color: #f0ac18;
text-decoration: none;
-moz-transition-duration: .4s;
-o-transition-duration: .4s;
-webkit-transition-duration: .4s;
}

.icons {
  color: #b81f08;
 font-family: calibri, trebuchet ms, helvetica, arial;
 font-size: 8px;
 font-weight: bold;
 letter-spacing: 1px;
 line-height: 20px;
 text-transform: uppercase;
 width:80px;
}

.icon {
 padding-left: 2px;
 width:16px;
 vertical-align: middle;
}

#nav {
  position:fixed;
  visibility: visible;
  top:50px;
  right:50.0%;
  margin-right: 430px;
  z-index:0;
  text-align:center;
  width:210px;
}

#leaves {
  position:fixed;
  visibility: visible;
  top:20px;
  right:50.0%;
  margin-right: 480px;
  z-index:-100;
  text-align:center;
  width:210px;
}

.top {
  color: #000000;
  font-family: community, trebuchet ms, calibri, sans serif;
  font-size:44px;
  line-height: 30px;
  text-shadow: 2px 1px 0px #fff;
}

.key {
  background-color: #ffffff;
  color: #000000;
  font-family: calibri, trebuchet ms, helvetica, arial;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 25px;
  text-align:left;
  text-transform:uppercase;
  padding: 10px;
  padding-left: 20px;
  width: 200px;
  border-width: 1px 0 0 0; border-style: solid;
    -webkit-border-image: -webkit-linear-gradient(right, #752c25, #f0ac18) 100% 1;
    -moz-border-image: -moz-linear-gradient(right, #752c25, #f0ac18) 100% 1;
    -o-border-image: -o-linear-gradient(right, #752c25, #f0ac18) 100% 1;
    border-image: linear-gradient(to right, #752c25, #f0ac18) 100% 1;
  box-shadow: 0px 0px 2px #ddd5cd;
}
-->

</style>
</head>

<div id="nav">
<div class="key"><img src="https://i.imgur.com/WgE6MrT.png" class="icon">   activity incomplete<br>
<img src="https://i.imgur.com/c0uQswB.png" class="icon">    activity complete<br>
<img src="https://i.imgur.com/NzLUkuH.png" class="icon">   n/a (added after 15th)<br>
<img src="https://i.imgur.com/SflLJ3s.png" style="vertical-align:middle;">   extension<br>
<img src="https://i.imgur.com/M3iU7to.png" class="icon">   hiatus<br>
<center><font style="line-height: 10px;font-size:9px;"><br>hover over icons on the taken list for more information</font></center>
</div></div><div id="leaves"><img src="https://i.imgur.com/qF9cLgl.png" style="display:inline;visibility:visible;"></div><table width="700">

<table class="person"><tbody><tr><td>
<a class="title" href="http://issi.insanejournal.com/profile" target="_blank">FIRST LAST</a><br>
<font class="char">FIRST LAST</font></td>
<td class="icons" valign="middle" align="right">
update <img src="https://i.imgur.com/WgE6MrT.png" class="icon" title="update: incomplete"><br>
activity <img src="https://i.imgur.com/WgE6MrT.png" class="icon" title="activity: incomplete">
</td>
</tr></tbody></table>

</td>

</td></tr></tbody></table><p>
</p></center></body></html>

<title>taken</title>
<link rel="shortcut icon" href="https://i.imgur.com/qkUhZem.gif">

table {border:0px;} table table {border:0;}

@-webkit-keyframes Rainbow {
0% {
background-position: 90% 0%; }
50% {
background-position: 10% 100%; }
100% {
background-position: 90% 0%; }
}

.title {
color: #5e5e5e;
font-family: Helvetica;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
text-decoration:none;
}

body, a {cursor:url(https://i.imgur.com/zaz4spB.png), default;} 
a:hover {cursor:url(https://i.imgur.com/ZMt4qPd.png), default;}

.title:hover {
color: #c3dce7;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
text-decoration:none;
}
-->
</style>

.icon {
 padding-left: 2px;
 width:10px;
 vertical-align: middle;
}

.key {
 background: url();
  color: #000000;
  font-family: verdana;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 25px;
  text-align:left;
  text-transform:uppercase;
  padding: 10px;
  padding-left: 20px;
  width: 150px;
background-color: rgba(255,255,255,.7);
box-shadow: 0px 0px 2px #c5c5c5;
}
-->
.box {
color:#000;
padding: 4px;
text-align: center;
margin: 8px;
margin-left: -70px;
width: 300px;
height: 20px;
background-color: rgba(255,255,255,.7);
box-shadow: 0px 0px 2px #c5c5c5;
border-bottom: 0px solid  #c5c5c5;
font-size: 15px;
font-family: arial;}

</style>
</head>

<table width="200"><br>
<div id="nav">
<div class="key"><img src="https://imgur.com/EgxN8dM.png" class="icon">   <a href="http://USERNAME.insanejournal.com/"  target="_blank"style="text-decoration: none"><font color="black">community</a><br>
<img src="https://imgur.com/QBwYFmn.png" class="icon">    <a href="http://USERNAME.insanejournal.com"  target="_blank"style="text-decoration: none"><font color="black">contact</a><br>
<img src="https://imgur.com/thlFtwv.png" class="icon">    <a href="https://USERNAME.insanejournal.com"  target="_blank"style="text-decoration: none"><font color="black">rules</a><br>
<img src="https://imgur.com/VPBKEcY.png" class="icon">    <a href="http://USERNAME.insanejournal.com/"  target="_blank"style="text-decoration: none"><font color="black">apply</a><br>
<hr color="#5e5e5e" size="1">
<img src="https://imgur.com/WCjv8If.png" class="icon">   extension<br>
<img src="https://i.imgur.com/KH58Zx4.png" class="icon">   hiatus<br>
<center><font style="line-height: 10px;font-size:9px;"></font></center>
</div></div>

</head>

<tr><td valign="TOP" id="column 1">
<table class="box"><tr><td>
<a class="title" href="http://USERNAME.insanejournal.com/info" target="_blank">first last</a></td>
<td class="icons" valign="middle" align="right">
<br></td>
</tr></table>

<table class="box"><tr><td>
<a class="title" href="http://USERNAME.insanejournal.com/info" target="_blank">first last</a></td>
<td class="icons" valign="middle" align="right">
<br></td>
</tr></table>

</td><td valign="TOP" id="column 2">
<table class="box"><tr><td>
<a class="title" href="http://USERNAME.insanejournal.com/info" target="_blank">first last</a></td>
<td class="icons" valign="middle" align="right">
<br></td>
</tr></table>

<table class="box"><tr><td>
<a class="title" href="http://USERNAME.insanejournal.com/info" target="_blank">first last</a></td>
<td class="icons" valign="middle" align="right">
<br></td>
</tr></table>

<!DOCTYPE html>

<title>community name</title>
<link href="CUSTOM ICON" rel="icon" type="image/x-icon">

@font-face {
  font-family: recognize;
  src: url(https://dl.dropbox.com/s/mt6rhwis4f6mnn5/Vogue.ttf);
}

body{ background: url(http://i.imgur.com/H0z463E.png), linear-gradient(to bottom,  #f4f4f4, #ddd);}
td {font-family: Roboto; font-size: 10px;line-height: 14px; color: #333; letter-spacing:0px; text-transform: uppercase;}
.index {font-size: 0px; line-height: 0px; letter-spacing: 1px; text-transform: ; color: #1d1c18;font-weight: lighter;}
table{margin-bottom: -8px;}

/* highlighting */
::selection {background-color: rgba(254, 253, 253, 0.0); color: #acaba5;}
::-moz-selection {background-color:rgba(254, 253, 253, 0.0); color: #acaba5;}
::-webkit-selection {background-color:rgba(254, 253, 253, 0.0); color: #acaba5;}

.box {
color:#639bad;
padding: 5px;
margin: 9px;
margin-left: 40px;
width: 300px;
height: 20px;
background:#ffffff; padding: 1px;
box-shadow: 0px 0px 1px rgba(215, 215, 215, 1);
}

.icon {
 padding-left: 2px;
 width:16px;
 vertical-align: middle;
 text-transform: uppercase;
}

.icon {
 padding-left: 2px;
 width:8px;
 vertical-align: middle;
 background: #ddd9c6 ; border-radius: 20%; height: 8px;
 text-transform: uppercase;}

#nav {
  position:fixed;
  visibility: visible;
  top:50px;
  right:50.0%;
  margin-right: 390px;
  z-index:0;
  text-align:center;
  width:210px;
}

.title {
font-family: roboto; font-size:20px; text-transform: uppercase; font-weight:100; line-height:22px;
}
.title1 {
font-family: roboto; font-size:20px; text-transform: uppercase; font-weight:100; line-height:22px;
}

a {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #666; font-family: roboto;text-shadow: #ddd9c6 0px 0px 0px;} 
a:hover{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none; color: #B993D6; font-family: roboto; text-shadow: #C1B3D4 0px 0px 0px;}

.key {
 background: url(http://i.imgur.com/jMVT6eM.png);
  color: #000000;
  font-family: Inconsolata, trebuchet ms, helvetica, arial;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 25px;
  text-align:left;
  text-transform:uppercase;
  padding: 10px;
  padding-left: 20px;
  width: 200px;
background-color: rgba(255,255,255,.8);
box-shadow: 0px 0px 2px #cccccc;
}
-->

</style>
</head>
<BR><BR>
<body><center>

<div id="nav">
<div class="key"><font style="background: #eeeeee ; border-radius: 10%; height: 30px;">   activity incomplete  </font> <br>
<font style="background: #8CA6DB ; border-radius: 10%; height: 30px;">  activity complete  <br></font>
<font style="background: #B993D6 ; border-radius: 10%; height: 30px;">  activity extension </font><br>
<font style="background: #d693b3 ; border-radius: 10%; height: 30px;"> character hiatus </font><br>
<center></center>
</div></div>

<table class="box"><tr><td>
<a class="title" href="http://username.insanejournal.com/profile" target="_blank">first last</a></td>
<td class="icons" valign="middle" align="right">
<font style="background: #eeeeee ; border-radius: 20%; height: 30px; margin-top: 20px;"> update</font> <br>
<font style="background: #eeeeee ; border-radius: 20%; height: 30px; margin-top: 20px;"> activity</a></td>
</tr></table>

</td><td valign="top">

<br>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>taken</title>
<link href="custom icon" rel="icon" type="image/x-icon">
<link href="http://fonts.googleapis.com/css?family=Hind|Itim|Oswald:400,700,300|Dosis" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Dosis&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kristi&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cabin+Sketch&family=Open+Sans&display=swap" rel="stylesheet">
<link href="https://drives.neocities.org/drives/WIP/style.css" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet">

.navlinks {width: 220px; display:inline-block; text-transform:uppercase; float:right; margin-right:-10px;}
a.button {display:block; float:left; width:90px; padding: 6px 4px 4px 4px; margin-right: 5px; margin-bottom: 4px; text-align:center; box-shadow: inset 0 0 20px rgba(255,255,255,.25); background-color: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 0, 0, 0.5); padding: 5 18 6; text-align: center; line-height: 9px; letter-spacing: 2px; text-decoration: none; overflow: hidden; display: inline-block; font-size: 8px; font-family: open sans; color: #5EA840; -webkit-transition: all 0.8s ease-in;
  background-size: 200% 100%;
  background-position: right bottom;}
a.button:hover background-color: rgba(225, 225, 225, 0.5); letter-spacing: 4px; color: #222; -webkit-transition: all 0.8s ease-in;}

a {font-family: open sans, helvetica,sans-serif;font-size: 7px; letter-spacing:1px; color:#00aaaa}
a.bottom{color:#fff;}
h2 {font-family: open sans,sans-serif;
	font-weight:500;
	font-size: 18px; text-transform:uppercase;
	color:coral; letter-spacing:1px; line-height: 20px; margin-top:2px; margin-bottom:-1px;
	background: -webkit-linear-gradient(270deg, #191919, #323232, #4c4c4c);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 1s;}
h2:hover {letter-spacing: 3px;}

.article {
	background-color: rgba(255,255,255,.95); text-align:justify;
	display: block;
	padding: 6px 6px 3px 6px;
	box-shadow: 5px 5px 0px rgba(255,255,255,.2);
	border-top: 0px solid; border-left: 0px solid; border-right: 0px solid; 
	border-bottom: 3px solid #000; border-image: linear-gradient(127deg, #5ea840, #9eca8c, #cee4c5) 10;
	margin-bottom:20px;
		font-family: open sans, sans-serif; font-size: 10px; line-height: 12px; color: #333;
	color:#000000;
	font-family: arial;text-transform:uppercase; line-height: 2.2; font-size: 8px; margin-bottom: 15px; text-align:left;letter-spacing:.5px;overflow:auto;
}
		
.active {float:right;width:40px;height:40px;background:url('https://i.imgur.com/NcEbMOX.png'); background-size: contain; background-position:center; margin-top:-3px;}
.hiatus {float:right;width:40px;height:40px;background:url('https://i.imgur.com/j8z21lB.png'); background-size: contain; background-position:center; margin-top:-3px;}
.partial {float:right;width:40px;height:40px;background:url('https://i.imgur.com/uYucLi0.png'); background-size: contain; background-position:center; margin-top:-3px;}
.complete {float:right;width:40px;height:40px;background:url('https://i.imgur.com/kdrjSoj.png'); background-size: contain; background-position:center; margin-top:-3px;}
.ext {float:right;width:44px;height:44px;background:url('https://i.imgur.com/19heHbM.png'); background-size: contain; background-position:center; margin-top:-4px; margin-right:-3px;margin-bottom:-3px;}

#key {position:fixed;top:66px; right: 50%; margin-right:330px;}
ad
/* cursor */
body, a {cursor:url(https://i.imgur.com/h2zNor5.png), default;}
a:hover {cursor:url(https://i.imgur.com/6GAtOYA.png), default;}
</style>
</head>

<body>
<div id="key">
<div class="article" style="padding:0px; padding-right:5px; padding-top:2px;">
  <table><tbody><tr valign="middle"><td><div class="active" style="height:20px;width:20px;float:left"></div></td><td>activity incomplete</td></tr>
  <tr><td><div class="complete" style="height:20px;width:20px;float:left"></div></td><td>activity complete</td></tr>
  <tr><td><div class="partial" style="height:20px;width:20px;float:left"></div></td><td>partial complete</td></tr>
  <tr><td><div class="ext" style="height:21px;width:21px;float:left"></div></td><td>extension requested</td></tr>
  <tr><td><div class="hiatus" style="height:20px;width:20px;float:left"></div></td><td>Hiatus</td></tr></tbody></table>
</div>
</div>

<div class="header">TAKEN
    <div class="navlinks"> <a href="http://username.insanejournal.com/" class="button">mod</a>
    <a href="http://username.insanejournal.com/" class="button">dropbox</a>
    <a href="http://username.insanejournal.com/" class="button">rules</a>
    <a href="http://username.insanejournal.com/" class="button">members</a>
	</div>
</div>
<div style="clear:both;">
<div style="width:295px; margin-right: 5px; float:left;">

<div style="display:none;">        <div class="article">
        <div class="active" title="activity: incomplete"></div>
        <a href="http://JOURNALHERE.insanejournal.com/"><h2>PLAYED BY</h2></a><hr>
        <a href="OOC">CHARACTER NAME</a></div></div>
        
        
        <div class="article">
        <div class="active" title="activity: incomplete"></div>
        <a href="http://USERNAME.insanejournal.com/"><h2>name name</h2></a><hr>
        <a href="http://INFOPOST.insanejournal.com/">character name</a></div>

<div class="article">
        <div class="active" title="activity: incomplete"></div>
        <a href="http://USERNAME.insanejournal.com/"><h2>name name</h2></a><hr>
        <a href="http://INFOPOST.insanejournal.com/">character name</a> </div>
        
        <div class="article">
        <div class="active" title="activity: incomplete"></div>
        <a href="http://USERNAME.insanejournal.com/"><h2>name name</h2></a><hr>
        <a href="http://INFOPOST.insanejournal.com/">character name</a></div>        
        
        <div class="article">
        <div class="active" title="activity: incomplete"></div>
        <a href="http://USERNAME.insanejournal.com/"><h2>name name</h2></a><hr>
        <a href="http://INFOPOST.insanejournal.com/">character name</a> </div>

</div>
	
<div style="width:295px; margin-left: 5px; float:right;">    
        
        <div class="article">
        <div class="active" title="activity: incomplete"></div>
        <a href="http://USERNAME.insanejournal.com/"><h2>name name</h2></a><hr>
        <a href="http://INFOPOST.insanejournal.com/">character name</a></div>
        
        <div class="article">
        <div class="active" title="activity: incomplete"></div>
        <a href="http://USERNAME.insanejournal.com/"><h2>name name</h2></a><hr>
        <a href="http://INFOPOST.insanejournal.com/">character name</a></div></div>      
        
        <div class="article">
        <div class="active" title="activity: incomplete"></div>
        <a href="http://USERNAME.insanejournal.com/"><h2>name name</h2></a><hr>
        <a href="http://INFOPOST.insanejournal.com/">character name</a></div>
        
        <div class="article">
        <div class="active" title="activity: incomplete"></div>
        <a href="http://USERNAME.insanejournal.com/"><h2>name name</h2></a><hr>
        <a href="http://INFOPOST.insanejournal.com/">character name</a> </div>
        
        
        <div class="article">
        <div class="active" title="activity: incomplete"></div>
        <a href="http://USERNAME.insanejournal.com/"><h2>name name</h2></a><hr>
        <a href="http://INFOPOST.insanejournal.com/">character name</a></div> 
              
         
             
      </div>
</div>

</body></html>

*remember to remove the space from the final /text area tag

<!DOCTYPE html>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<title>title</title>
<link rel="shortcut icon" href="CUSTOM ICON ">

<style>
@font-face {
  font-family: recognize;
  src: url(https://dl.dropbox.com/s/mt6rhwis4f6mnn5/Vogue.ttf);
}

body{ background: url(http://i.imgur.com/H0z463E.png), linear-gradient(to bottom,  #f4f4f4, #ddd);

}

a:link, a:active, a:visited {
color: #333;
font-family: Krub, sans-serif;
font-size: 9px;
font-weight:'
line-height: 13px;
text-transform: uppercase;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
text-decoration:none;
}

a:hover {
color: #d3834e;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
text-decoration:none;
}

.taken {
font-family: roboto, trebuchet ms, calibri, sans serif;
font-size: 50px;
line-height: 40px;
text-transform: uppercase;
}

.info {
  background-color:  rgba(255, 255, 255, 0.2);;
  line-height: 50px;
  text-align: center;
  padding: 10px;;
  width: 600px;
  font-family: 'roboto', calibri, trebuchet ms, helvetica, arial;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 1px;
  text-align: justify;
  text-transform: lowercase;
  font-weight: 600;
background:#ffffff; padding: 1px;
box-shadow: 0px 0px 1px rgba(215, 215, 215, 1);
padding:10px;

}

.title {
  color:  #000000;
  font-family: roboto, trebuchet ms, calibri, sans serif;
  font-size:24px;
  line-height: 10px;
  text-transform:uppercase;
   text-shadow: #E4DDFA 0px 0px 0px;
}
#nav {
position:fixed;
visibility: visible;
top:10px;
right:50.0%;
margin-right: 340px;
z-index:0;
text-align:justify;
width:220px;
}
.tab { margin-left: 40px; }
-->
</style>
</div>
</head>

<body>
<center><br>
<table><tr><td><font class="title">title here</font></td></tr><tr><td class="info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut iaculis risus quis ligula tincidunt iaculis. Cras viverra et ligula id fringilla. Nam ullamcorper molestie nunc, sit amet dignissim turpis ultricies eget. Aenean tristique euismod porta. Aliquam tincidunt, libero nec ultrices tempor, velit ex viverra augue, non condimentum ante felis ac ipsum. In quis nisl in nibh pulvinar ullamcorper interdum id turpis. Pellentesque mollis, nisl accumsan faucibus pharetra, ligula elit auctor lorem, et scelerisque dolor enim vel nunc. Sed mattis nisl tincidunt lectus sodales, eu dictum enim porta. Suspendisse potenti. Fusce eu lectus et lorem eleifend aliquam. Aenean sed enim urna. Ut sed est sit amet tortor volutpat accumsan eget eu velit.<br><br>

Pellentesque at felis sem. Aenean a nulla vestibulum tellus pretium luctus vitae sagittis felis. Suspendisse pretium turpis elit, quis aliquet nisi semper non. Proin ornare quam est, vitae facilisis eros rutrum at. Duis rutrum tellus velit, nec dapibus ex feugiat non. Vestibulum ipsum odio, vehicula tempor finibus ut, facilisis sed enim. Suspendisse leo nibh, scelerisque eu velit quis, condimentum tempor urna. Ut eu egestas diam. Quisque finibus pretium mi ut malesuada. Praesent dolor purus, venenatis vitae enim id, pulvinar aliquam enim. Donec a consectetur metus, id lacinia libero. Phasellus malesuada, purus in tristique malesuada, orci ante dignissim nisl, eu dignissim erat lectus at erat. Curabitur a nisi ipsum. Proin suscipit ultrices massa ut vulputate. Ut dignissim odio eget orci congue, sed finibus sem sollicitudin. </td></tr></table>

<br>
<table><tr><td><font class="title">title here</font></td></tr><tr><td class="info"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut iaculis risus quis ligula tincidunt iaculis. Cras viverra et ligula id fringilla. Nam ullamcorper molestie nunc, sit amet dignissim turpis ultricies eget.<br><br>

<blockquote>Aenean tristique euismod porta. Aliquam tincidunt, libero nec ultrices tempor, velit ex viverra augue, non condimentum ante felis ac ipsum. In quis nisl in nibh pulvinar ullamcorper interdum id turpis. Pellentesque mollis, nisl accumsan faucibus pharetra, ligula elit auctor lorem, et scelerisque dolor enim vel nunc. Sed mattis nisl tincidunt lectus sodales, eu dictum enim porta. Suspendisse potenti. Fusce eu lectus et lorem eleifend aliquam. Aenean sed enim urna. Ut sed est sit amet tortor volutpat accumsan eget eu velit.</blockquote><br><br>

Curabitur a risus non eros semper posuere id a erat. Aliquam at orci sit amet nulla vulputate cursus ac ut enim. Etiam non lobortis augue. Maecenas vel interdum orci. In hac habitasse platea dictumst. Fusce feugiat tincidunt sollicitudin. Quisque eget elit non lorem feugiat tincidunt. Nulla a nulla at elit bibendum tempor. In et quam nunc. Integer faucibus venenatis vehicula. Quisque iaculis purus enim, in hendrerit elit lobortis ac. Cras accumsan quam sit amet est tincidunt efficitur. Quisque rhoncus libero eget elit pretium rhoncus. Sed leo magna, vehicula ut ullamcorper eu, porttitor non ipsum.</td></tr></table>
<br>
<table><tr><td><font class="title">title here</font></td></tr><tr><td class="info"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut iaculis risus quis ligula tincidunt iaculis. Cras viverra et ligula id fringilla. Nam ullamcorper molestie nunc, sit amet dignissim turpis ultricies eget. Aenean tristique euismod porta. Aliquam tincidunt, libero nec ultrices tempor, velit ex viverra augue, non condimentum ante felis ac ipsum. In quis nisl in nibh pulvinar ullamcorper interdum id turpis. Pellentesque mollis, nisl accumsan faucibus pharetra, ligula elit auctor lorem, et scelerisque dolor enim vel nunc. Sed mattis nisl tincidunt lectus sodales, eu dictum enim porta. Suspendisse potenti. Fusce eu lectus et lorem eleifend aliquam. Aenean sed enim urna. Ut sed est sit amet tortor volutpat accumsan eget eu velit.<br><br>

<BR>
<table><tr><td><font class="title">title here</font></td></tr><tr><td class="info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut iaculis risus quis ligula tincidunt iaculis. Cras viverra et ligula id fringilla. Nam ullamcorper molestie nunc, sit amet dignissim turpis ultricies eget. Aenean tristique euismod porta. Aliquam tincidunt, libero nec ultrices tempor, velit ex viverra augue, non condimentum ante felis ac ipsum. In quis nisl in nibh pulvinar ullamcorper interdum id turpis. Pellentesque mollis, nisl accumsan faucibus pharetra, ligula elit auctor lorem, et scelerisque dolor enim vel nunc. Sed mattis nisl tincidunt lectus sodales, eu dictum enim porta. Suspendisse potenti. Fusce eu lectus et lorem eleifend aliquam. Aenean sed enim urna. Ut sed est sit amet tortor volutpat accumsan eget eu velit.<br><br>

<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<br><br>

<br><center><table width="500"><div style="width: 500px; text-align: justify; padding-top: 0px; padding-bottom: 0px;"></div>
<tr>
<td style="font-size:10px; font-family:arial; letter-spacing:1px; text-align:justify; line-height:12px; padding:10px;" valign="middle"><b>welcome</b>
<font style="margin-left: 15px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare semper nisi. Ut risus risus, bibendum ac facilisis egestas, placerat pulvinar arcu. Cras cursus turpis enim. Quisque nec faucibus massa. Phasellus pharetra urna eget sapien convallis, a posuere nisl viverra. Sed id euismod justo. In et lectus quis purus tempor tempor nec ut ante. Phasellus varius congue erat, quis imperdiet turpis sodales ac. Nulla porta odio eget consectetur porta. Aenean in tempus tellus. Aliquam erat volutpat. Proin venenatis facilisis viverra. Integer felis eros, hendrerit sollicitudin magna eget, lacinia dignissim libero.

Donec arcu libero, blandit at imperdiet in, tempor in magna. Curabitur pulvinar lacus est, et sollicitudin tellus dapibus ac. Vivamus ex mi, dictum blandit lectus quis, pulvinar tempus lectus. Pellentesque finibus rhoncus felis non vehicula.</td>

<td valign="middle" style="font-size:8px; text-transform:uppercase; font-family:arial; letter-spacing:1px;"><br /><b>to do list:</b>
<li> list item
<li> list item
<li> list item

<b>TO DO LIST:</b>
<li> list item
<li> list item
<li> list item

<center><textarea style="width:150px; background:url(http://i.imgur.com/JEBrA4F.png); border-radius:5px; border:1px solid #EAEAEA; height:30px; padding:5px; font-size:7px; font-weight: bold; text-transform:uppercase; font-family:arial; letter-spacing:1px;">full name:
info post:
examples:

</text area></center></center></table>

*remember to remove the space from the final /text area tag

<br><br><div style='margin-left: 30px'><center><table cellpadding="0" cellspacing="10" style="margin-top: -20px"><tr><td valign="top"><div align="justify" style="padding-top:10px; width:250px; font-family: arial, sans-serif; font-size: 11px; line-height:13px;"><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin imperdiet, mi in lobortis feugiat, odio nulla porttitor risus, quis ultrices neque nibh sed justo. Praesent a sapien odio. Morbi nec dolor vitae neque feugiat dictum nec in quam. Cras pulvinar feugiat nibh sed euismod. Curabitur libero enim, vestibulum non viverra sed, fermentum eu eros. Phasellus non gravida ex, sit amet ultrices augue. Mauris vitae turpis vulputate, ultrices nunc a, cursus quam. Donec ultrices aliquam erat, eget ornare ex lobortis ut. Pellentesque sem nulla, egestas at mi sit amet, accumsan aliquet mi. Integer id accumsan sapien, vitae accumsan lorem. Nulla vel magna lobortis, accumsan tortor id, vehicula lorem. Phasellus eget leo quam.

In hac habitasse platea dictumst. Sed egestas turpis non libero convallis, id volutpat lectus tristique. Maecenas euismod sed erat id vestibulum. In vulputate at risus et congue. Etiam vitae ipsum nibh. In aliquam nunc vitae felis ullamcorper cursus. Donec non mattis nulla.</td><td><table><tr><td style="height:120px; width:1px; border-right:1px solid #b6bcc8;"></td></tr></table></td><td valign="center"><table cellpadding="0" cellspacing="10"><tr>

<td style="font-family: arial; font-size: 9px; line-height: 10px; letter-spacing: 1px; text-transform: uppercase; padding-top: 0px;"><br><div style="background:#F7F7F7; box-shadow: 2px 2px 1px #72B7EE; padding: 4px;"><font style="margin-left: 10px;"><b>title:</b></font>
<font style="text-transform: lowercase;"><li> list item
<li> list item
<li> list item</font>

<font style="margin-left: 10px;"><b>title</b></font>
<font style="text-transform: lowercase;"><li> list item
<li> list item
<li> list item
<li> list item
<li> list item</font>
</center></div>

friend add USERNAME
friend add USERNAME
friend add USERNAME
friend remove USERNAME
friend remove USERNAME
friend remove USERNAME

</text area></pre><input style="font-family: jost, calibri, trebuchet ms, sans serif; font-size:9px; text-transform: uppercase; color:#fff; background:linear-gradient(to left, #72B7EE, #72B7EE);font-weight:bold;border: 0px solid #ff8c8a; letter-spacing:2px; padding:5px; width: 120px;" value="updated date" type="submit"></form>
</center></tr></tr></td></td></table></div></table>

*remember to remove the space from the final /text area tag