light vs dark side

GLOBAL_HEAD<=
<link rel="stylesheet" href="https://fontcity.neocities.org/jedi.css">
<link rel="shortcut icon" href="https://imgur.com/JzOa6G5.png">
<title>title</title>

<style>
/* layout by eth, ~skye with edits by  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 */
body {background-image:url(https://imgur.com/8NMWcna.png); background-color:#f0f0f0;background-attachment:fixed; background-size: 100% 100%;}

/*entrybox*/
table { margin-bottom: -4px; padding: 0;}
.entrybox {width:594px;}
.entrybox, .shadowed {background: url(); background-color: #FBFAFA}

/*friends page icons*/
.index img {border-radius:50px; height:50px; width:50px; padding: 3; background: url('http://i.imgur.com/3xS1u1H.png')}

/*removes top*/
.shadowed img {display:none;} .shadowed{height: 0pt; visibility: hidden;}
table table table table .meta {visibility:hidden; position:absolute;}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}

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

/* links */
a {color: #00A9C4; text-decoration: none;; -webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; transition-duration: 1.2s;}
a:hover{color: #B90000; text-decoration: none;-webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; transition-duration: 1.2s;}

/* subject line and gradient */
p table table td.caption, .entrybox td.index {font-family: jedi, calibri, monaco; font-size: 13px; line-height:10px;  color:#000; letter-spacing:1px; text-transform:lowercase;
border-width: 0 0 1px 0; border-style: solid;border-image: repeating-linear-gradient(to right, #eeeeee, #00DAFE, #FF0000, #eeeeee) 2;}

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

/* time and date */
.entrybox td.index{display:none; font size-9px; font-face:helvetica}

/* comments */
.comments {font-family: arial;letter-spacing:+1px; font-size:7px; line-height:10px; text-transform:uppercase; padding-bottom: 4; padding-right: 0; padding-top: 10px;}

/* hides navigation text */
.index, table table table td.meta {text-transform:uppercase;font-family: verdana;font-size:5pt; color:transparent; text-transformation: uppercase; text-shadow:none; letter-spacing: 1px; line-height:0px;}

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

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


/*buttons*/
a#topnavi {border-radius: 0px; color: transparent; display: inline-block; height: 7px; font-family: calibri, consolas, helvetica, arial ; font-size: 7px; line-height: 9px; overflow: hidden; padding: 2px 2px; border-radius: 5px; 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: #000000; font-family: calibri, helvetica, consolas, arial; font-size: 7px; height: 7px; padding-top: 2px; text-transform: uppercase; transition: all 0.3s ease-in; width: 60px; -webkit-transition: all 0.4s ease-in; }
.one {background: #75ff75; box-shadow:  0px 0px 10px #00FF1B;}
.two {background: #75ff75; box-shadow:  0px 0px 10px #00FF1B;}
.three {background: #75ff75; box-shadow:  0px 0px 10px #00FF1B;}
.four {background: #75ff75; box-shadow:  0px 0px 10px #00FF1B;}

/*sidebar text and gif*/
.words{font-family: jedi; font-size: 21px; align: right; font-color: #000000; letter-spacing:1px; padding-bottom: 5px; line-height: 16px; text-shadow: 0px 0px 1px #eeeeee;text-transform:lowercase;}
.gif {background:#000; padding: 2px 2px 2px; box-shadow: 1px 1px 5px #000; filter: alpha; width:175px; align:center; margin-top:4px; margin-bottom:1px;}
#box {position: relative; visibility: visible; top: 23px; left: -454px; z-index: ; width: 185px; font-family: calibri, arial; font-size: 7.5px; text-transform: uppercase; letter-spacing: +.5; text-shadow:0 0 1px #a3a3a3; color: #000000; line-height: 9px; }
#side{position: absolute;}
</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<tr><td valign="left" colspan="0" width="130px" height="0px">
<table height="" width="130px" align="left" cellspacing="0" border="0" cellpadding="0">
<tr><td valign="center"></td></tr></table>

<div id="side"><div id="box"><img src="https://s-media-cache-ak0.pinimg.com/originals/35/88/ea/3588ea6b60ea07251fc5ec0cc0675865.gif" class="gif" style="display:inline;">
<p align="center">a jedi craves not these things<br><br>
<a class="one" id="topnavi" href="/profile" title="info">info</a>  <a class="two" id="topnavi" href="/" title="recent">entries</a>  <a class="three" id="topnavi" href="/friends" title="friends">friends</a> <a class="four" id="topnavi" href="/calendar">calendar</a></div></div>
<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>3

LASTN_WEBSITE<=
<tr><td valign="left" colspan="0" width="130px" height="0px">
<table height="" width="130px" align="left" cellspacing="0" border="0" cellpadding="0">
<tr><td valign="center"></td></tr></table>

<div id="side"><div id="box"><img src="https://s-media-cache-ak0.pinimg.com/originals/35/88/ea/3588ea6b60ea07251fc5ec0cc0675865.gif" class="gif" style="display:inline;">
<p align="center">a jedi craves not these things<br><br>
<a class="one" id="topnavi" href="/profile" title="info">info</a>  <a class="two" id="topnavi" href="/" title="recent">entries</a>  <a class="three" id="topnavi" href="/friends" title="friends">friends</a> <a class="four" id="topnavi" href="/calendar">calendar</a></div></div>
<=LASTN_WEBSITE