blue/purple layout

<style>

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 rel="stylesheet" type="text/css" href="http://www.insanejournal.com/stc/lj_base.css?v=1488833697" />
<link rel="stylesheet" type="text/css" href="http://www.insanejournal.com/stc/esn.css?v=1488833697" />
<link rel="meta" type="application/rdf+xml" title="FOAF" href="http://asylums.insanejournal.com/htmlshit/data/foaf" />
<meta name="foaf:maker" content="foaf:mbox_sha1sum '595004faa019bc179ef2a7b68941b6dc6c39a889'" />
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
<link rel="stylesheet" href="http://ortiz.neocities.org/fonts/script.css">
<link rel="stylesheet" href="https://acrobat.neocities.org/fonts4.css">
<link rel="stylesheet" href="http://acrobat.neocities.org/morefonts.css">
<link rel="stylesheet" href="http://acrobat.neocities.org/fonts.css">
<link rel="stylesheet" href="http://acrobat.neocities.org/fonts2.css">
<link rel="stylesheet" href="http://acrobat.neocities.org/fonts3.css">
<link rel="stylesheet" href="http://acrobat.neocities.org/uploadurfonts.css">
<link href="https://fonts.googleapis.com/css?family=Oswald:300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Barrio" rel="stylesheet">

<meta type="credit" content="ᴄᴏᴅᴇᴅ ʙʏ ᴠᴀɴᴇssᴀʜ@ɪᴊ ● ᴘʟᴇᴀsᴇ ʙᴇ ᴄᴏᴜʀᴛᴇᴏᴜs! ᴋᴇᴇᴘ ᴛʜɪs ᴄʀᴇᴅɪᴛ ɪɴᴛᴀᴄᴛ ᴀɴᴅ ᴅᴏ ɴᴏᴛ ʜᴏᴛʟɪɴᴋ — ʀᴇᴜᴘʟᴏᴀᴅ ᴍʏ ᴄss ғɪʟᴇ ᴀɴᴅ ɪᴍᴀɢᴇs ᴛᴏ ʏᴏᴜʀ ᴏᴡɴ ᴀᴄᴄᴏᴜɴᴛs. ᴛʜᴀɴᴋ ʏᴏᴜ! ♡">
<title>sᴏᴍᴇᴛɪᴍᴇs ᴛʜᴇ ᴄʟᴏᴛʜᴇs ᴅᴏ ɴᴏᴛ ᴍᴀᴋᴇ ᴛʜᴇ ᴍᴀɴ</title>



<style>


body {
/* Background + Gradient */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top, #C6B8F6 0%, #98BCEA 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #C6B8F6 0%,#98BCEA 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #C6B8F6 0%,#98BCEA 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */;}

@font-face {
	font-family: 'three';
	src: url('//2ttf.com/webfont/aIDHbVDy/webfont.ttf') format('truetype');}


/* REMOVES HEADER BOX, INCL. LINKS AND ICON */
.shadowed {height: 0px; }
.shadowed img {display: none; }

/* ENTRY BOXES */
.entrybox {background-color: rgba(255, 255, 255, 0.3); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
table {margin-bottom: -3px; }

/* SUBJECT LINES */
p table table td.caption {
color: #000000;
font-family: 'Oswald', sans-serif;
font-size: 12px;
line-height: 6px;
text-shadow: 0px 0px 1px #a9a9a7;
text-transform: uppercase; }

/* MOVES DATES TO NEW LINE */
.entrybox td.index, .dated {display: none; }

/* NEW DATES */
.dates {
color: #000000;
font-family: consolas;
font-size: 7px;
letter-spacing: 1px;
line-height: 4px;
text-shadow: 0px 0px 1px #a9a9a7;
text-transform: uppercase; }

/* FRIENDS PAGE ICONS * /
.entrybox a.index {
color: #000;
font-family: stars;
font-size: 7px;
letter-spacing: 2px;
line-height: 14px;
text-transform: uppercase; }

.entrybox a.index img {
border-radius: 50px;
box-shadow: 1px 1px 1px #ddd;
height: 75px;
width: 75px; }

.entrybox tr td table tr td table tr td {
background: transparent; }

/* ENTRY FONT */
body, html, td {
color: #000000;
font-family: arial;
font-size: 10px;
letter-spacing: 1px;
line-height: 12px; }

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

/* COMMENTS */
.comments {
font-family: 'Oswald', sans-serif; font-size: 11px; line-height: 11px;
text-transform: uppercase; font-weight: lighter; text-shadow: 0 0 0;
letter-spacing: 0.5px; padding-bottom: 3px; padding-right: 3px; }

/*bottom nav text*/
p table table table td.meta {font-size: 0px; line-height: 0px;}
p table table td.meta a{
font-family: consolas;
font-size: 6pt;
line-height: 4px;
letter-spacing: 0px;
font-weight: lighter;
text-transform: uppercase;
padding: 2px;
}

/* VIEWING */
.index, .meta {
font-family: consolas;
font-size: 7px;
font-weight: lighter;
letter-spacing: 1px;
line-height: 7px;
opacity: 0.80;
text-transform: uppercase; }

/* friends page icons & users */
.entrybox a.index font {
color: #686868;
font-family: consolas;
font-size: 6pt;
line-height: 7pt;
text-transform: uppercase;
letter-spacing: 0.5px;
padding:1px;}

.entrybox tr td table tr td table tr td {
background: transparent;}

/* changes friend icons */
.index img {
height: 75px;
width: 75px;}

/* ALIGNS ALL TEXT */
tr {text-align: justify; }

/* LINK EFFECTS */
a {
color: #333;
text-decoration: none;
text-shadow: 1px 1px 1px #91BDE8;
transition: 0.6s;
-webkit-transition: 0.6s; }


/* SELECTED TEXT */
::selection {
background-color: white;
color: #b199ff;
text-shadow: 1px 1px 1px #f6f6f6; }

/* SCROLLBAR */
::-webkit-scrollbar {
background-color: #fff;
width: 13px; }

::-webkit-scrollbar-thumb {
background-color: #ccc;
border: 6px solid #fff; }

::-webkit-scrollbar-track {
background-color: #eee;
border: 6px solid #fff; }

/* ETCETERA */
hr {border-left: none; border-top: 1px solid #dfdfdf; }

u {border-bottom: 1px solid #c0c0c0;
padding-bottom: 0px;
text-decoration: none; }

#credit {
background-color: rgba(0,0,0,0.04);
bottom: 10px;
color: #5a5a5a;
font-family: zen;
font-size: 12px;
height: 10px;
overflow: hidden;
padding: 5px;
position: fixed;
right: 10px;
transition-duration: 0.6s;
width: 10px;
-webkit-transition-duration: 0.6s; }

#src {
color: #5a5a5a;
font-family: zen;
font-size: 7px;
margin-left: 4px;
margin-top: 1px;
position: absolute;
text-transform: uppercase; }


/* SIDEBAR */
#sidebar {
height: 0px;
position: fixed;
margin-left: 245px;
margin-top: 14px;
width: 150px;
visibility: visible; }

#navi {margin-left: 15px; }
#navi a {
background-color: rgba(255, 255, 255, 0.3);
font-size: 10px;
display: inline-block;
padding: 6px;
text-align: center; }
</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>


<div id="sidebar"><span id="navi">
<a href="/profile" style="color:#00c7ef;" title="profile"><i class="http://i.imgur.com/8JMVvOt.png" aria-hidden="true"></i></a>
<a href="friends" style="color:#00c7ef;" title="friends"><i class="http://i.imgur.com/ufX5gBe.png" aria-hidden="true"></i></a>​
<a href="/2001/01/01/" style="color:#00c7ef;" title="customs"><i class="http://i.imgur.com/JGKhc9H.png" aria-hidden="true"></i></a>
</span></div>