sidebar blues

GLOBAL_HEAD<=
<link rel="shortcut icon" href="http://i.imgur.com/pOPFXPa.png">
<title>ᴛʜᴇ ᴄᴀᴛ</title>
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link href="https://fonts.googleapis.com/css?family=Inconsolata|Montserrat" rel="stylesheet">


<style>
/* layout by cordy with edits by machinegun and tentacool - feel free to reach out for assistance
   you do not need to rehost any of my fonts unless you choose to */


/* BACKGROUND */
body {
background-image:url(http://i.imgur.com/qtHRtVm.png);
background-attachment:fixed;
}

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

/* removes namefield & links below */
.shadowed td div {visibility:hidden; position:absolute; top:1px}
table table table table .meta {visibility:hidden; position:absolute;}

/* removes journal name and top right links*/
tr.caption {display:none}

/* ENTRY BOX */
.entrybox {width: 605px;
background-color: rgba(255,255,255,.4);
box-shadow:0 0 1px #404040;
padding: 3px;}

/* SECURITY ICONS */
table td table td.caption img {
display: none; }

/* SUBJECT LINES */
p table table td.caption {
border-bottom: 2px solid;
border-image: linear-gradient(to right, rgb(51, 94, 255), rgb(0, 105, 216), rgb(0, 80, 184), rgb(14, 25, 119), rgb(12, 0, 72)) 1;
text-align: justify;
font-family: inconsolata, calibri, arial;
font-size: 8px;
text-transform: uppercase;
line-height: 10px;
text-shadow: 0px 1px 1px #606060;}

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

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

tr {
text-align: justify; }

/* COMMENTS */
.comments {
font-family: inconsolata, calibri;
font-size: 8px;
line-height: 10px;
letter-spacing: 1px;
font-weight:;
text-transform: uppercase; }


/* LINK EFFECTS */
a {
color: rgb(0, 80, 184);
text-decoration: none;
transition: 0.6s;
-webkit-transition: 0.6s;
text-shadow: 0px 1px 1px #404040;}

a:hover {
text-decoration: none;
color: rgb(0, 80, 184);
text-shadow: 0px 1px 1px #606060;
transition-duration: 0.6s;
-webkit-transition-duration: 0.6s; }

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

/* IMAGE EFFECTS */
a img {
opacity: 1;
transition-duration: 0.8s;
-webkit-transition-duration: 0.8s; }

a img:hover {
filter: saturate(50%);
transition-duration: 0.8s;
-webkit-filter: saturate(0%);
-webkit-transition-duration: 0.8s; }

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

/* SELECTED TEXT */
::selection {
background-color: none;
color: #c2a4fe;
text-shadow: 0px 1px 1px #606060; }

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

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

.ljuser img{display:none;}

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

/* navigation - hides navigation */
.index {
color: transparent;
font-family: 'Montserrat';
font-size: 6px;
line-height: 1px;
text-transform: uppercase;
}

/* FRIENDS PAGE */
.index img {margin-bottom:5px;}

/* SIDEBAR */
#sidebar {
height: 0px;
position: fixed;
margin-left: -500px;
margin-top: 12px;
width: 160px;
visibility: visible; }

#portrait {
position: absolute;
visibility: visible;
z-index: 2; }

#portrait img {
background: rgba(0,0,0,0.04);
border-top: 2px solid #000;
border-left: 2px solid #000;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-image: repeating-linear-gradient(to bottom right, rgb(51, 94, 255), rgb(0, 105, 216), rgb(0, 80, 184), rgb(14, 25, 119), rgb(12, 0, 72)) 5;
display: block;
margin-left: 16px;
margin-top: 40px;
opacity: 1.00;
position: relative;
width: 139px; }

/* YOU MAY HAVE TO ADJUST THE MARGIN-TOP NUMBER DEPENDING ON THE HEIGHT OF YOUR GIF */
#box {
background-color: rgba(255,255,255,.4);
box-shadow:0 0 1px #404040;
padding: 2px;
margin-left: 16px;
margin-top: 130px;
position: relative;
visibility: visible;
width: 139px; }

.navi a {
font-size: 10px;
display: inline-block;
opacity: 1;
color: rgb(0, 80, 184);
padding: 7px; }

</style>
<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>3

LASTN_WEBSITE<=
<div id="sidebar">
<div id="portrait"><a href="/profile" title="profile"><img src="http://78.media.tumblr.com/a1c95a73cf12626992ee5ca7c154e2fe/tumblr_inline_nm76doLRdT1rre457.gif"></a></div>

<div id="box"><span class="navi"><a href="/" style="text-shadow: 0px 1px 1px #606060;" title="refresh"><span class="lnr lnr-home"></span></a>
<a href="/friends" style="text-shadow: 0px 1px 1px #606060;" title="friends"><span class="lnr lnr-users"></span></a>
<a href="LINK HERE" style=" text-shadow: 0px 1px 1px #606060;" title="customs"><span class="lnr lnr-heart"></span></a>
<a href="LINK HERE" style=" text-shadow: 0px 1px 1px #606060;" title="threads"><span class="lnr lnr-tag"></span></a>
<a href="LINK HERE" style=" text-shadow: 0px 1px 1px #606060;" title="ooc"><span class="lnr lnr-bubble"></span></a></span></div>
<=LASTN_WEBSITE