knicks layout

GLOBAL_HEAD<=
<link rel="shortcut icon" href="http://i.imgur.com/5MFHI0h.png">
<link href="http://fonts.googleapis.com/css?family=Euphoria+Script" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Handlee" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Coming+Soon" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Arimo" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css">

<style>
/* original code credit: eth@ij, skye@ij, holli@ij
   edits: squirtle@ij */
/* for help implementing your code, questions about it or if you feel you are missing due credit, please contact lamarcodem@ij  */


body {background-image:url(http://i.imgur.com/ajs830a.png); background-color: ; overflow-x: hidden; margin-top: 50;}

table{margin-bottom: -7px;}
td{font-size: 11px; line-height: 12px; font-family: arial;}

.index img {height:50px; width:50px;}

.entrybox {background-image:url(http://i.imgur.com/6uPbZ2R.png); background-attachment:fixed; box-shadow:#ebebeb 0 0 1px;}
.entrybox {  -webkit-linear-gradient(bottom, #f48329, #fff) 1 100%;
  -moz-border-image: -moz-linear-gradient(bottom, #f48329, #fff) 1 100%;
  -o-border-image: -o-linear-gradient(bottom, #f48329, #fff) 1 100%;
  border-image: linear-gradient(to bottom, #f48329, #fff) 1 100%;
  border-radius:0;
  -moz-border-radius:0;
  border-width: 0px 0px 0px 3px;
  border-style: solid;
  margin-bottom: -5px;
  font-weight: normal;
  }

.shadowed img {display:none;}

b{font-weight: none;}

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

/* entry text */
td {
font-family: arial;
font-size: 11px;
line-height: 12px;
color: #808080;
text-shadow:;
margin-top: -10px;
}
tr { text-align:justify; }

/* link effects */
a {
color: #0f384e;
text-decoration: none;
text-shadow:;
}
a:hover {
color: #ffc41a;
text-decoration: none;
text-shadow:;
transition: all 1.0s ease-out;
}

/* subject lines. */
p table table td.caption {font-family: oxygen,helvetica, arial; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#222;}

.entrybox table table table td{
background-color: transparent;
}

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

/* mood & music */
.entrybox td.meta {
font-family: arial;
font-size: 7px;
line-height: 7px;
letter-spacing: 1px;
font-weight: none;
color: #808080;
text-shadow:;
text-transform: uppercase;
border-bottom:;
padding-bottom: 2px;
text-align: justify;
}

/* comments */
.comments {
font-family: arial;
font-size: 7px;
line-height: 10px;
letter-spacing: 1px;
font-weight: none;
color: #808080;
text-shadow:;
text-transform: uppercase;
border-bottom:;
padding-right: 8px;
}

/* 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{display:none;}

.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;}

/* top box website lyrics, etc */
.shadowed {background-image:url(); background-repeat:no-repeat;}

/* image opacity */
img {opacity:0.75;filter:alpha(opacity=100); -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}
img:hover{opacity:1.0;filter:alpha(opacity=100);  -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}

/* header */
.shadowed {background-image:url(); background-repeat:no-repeat; background-position:center; padding:0;}

.header{font-family: 'JennaSue'; font-size: 22px; line-height: 30px; text-transform: lowercase; font-weight: lighter; color: #8C8B8B; text-shadow: 1px 0px 1px #c0c0c0; top: 22px; margin-bottom: 42px;}

#polaroid {position: fixed; align: justify; position: relative; left: -560px; top: -20px; visibility: visible; width: 50px; z-index: 6;}
#lyricss  {visibility: visible; width: 200px; font-family: oxygen,helvetica, arial; font-size: 7px; line-height:8px; letter-spacing:1px; margin-left: -700px; top: 100px; text-transform:uppercase; text-align:justify; color:#222;}


/* sidebar stuff */
#icon {position:relative; visibility: visible; top: 25px; left: 450px; z-index:97; height:0px; }

#icon img { width: 250px; background: transparent; display:inline; box-shadow: #fff 0px 0px 0px; }

.lyrics {font-family: oxygen,helvetica, arial; font-size: 7px; line-height:8px; letter-spacing:1px; margin-left: -560px; top: -20px; text-transform:uppercase; text-align:justify; color:#222;}
a.links{color: #FFB330; -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;} a.links:hover{color:#C31798; text-decoration:none;  -moz-transition: all 1.0s ease-out; -o-transition: all 1.0s ease-out; -webkit-transition: all 1.0s ease-out; transition: all 1.0s ease-out;}

#navi{position: absolute; margin-left: 300; top: 50; width: 125px; text-align: justify;}
#nav{border-radius: 4px; color: transparent; display: inline-block; height: 7px; font-family: arial; font-size: 7px; line-height: 7px; letter-spacing: 1px; 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; }
#nav:hover{height: 7px; color: #edeada; text-transform: uppercase; transition: all 0.3s ease-in; width: 60px; -webkit-transition: all 0.4s ease-in;}

.one{background-color:#00173f;} .two{background-color:#046ab4; display: block;} .three{background-color:#f48328; display: block;}

table table table table .meta {visibility:hidden; position:absolute;}
table table table table table .meta {visibility:visible; position:relative;}
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_WEBSITE<=
<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>



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

<div id="icon">
<img src="http://i.imgur.com/PpWULPd.png"></div>
<span id="navi"><span class="lyrics">

<center><a href="/info" class="one" id="nav">profile</a> <a href="/friends" class="two" id="nav">friends</a> <a href="/" class="three" id="nav">recent</a><br></center></font>

<div id="polaroid"><br><a href="LINK"><img src="http://www.insanejournal.com/userpic/35766995/4189247" width="70" align="left" style="display: block; -webkit-transform: rotate(10deg); -moz-transform: rotate(-10deg); background:#fff; padding: 4px 4px 18px 4px; box-shadow:1px 1px 2px rgba(0,0,0,0.1);"></a></div>
<div id="lyricss">
In the super hero game there's usually one fail-safe technique used to solve problems. Beat the stuffing out of the bad guys. Other times you gotta use your brains. Or lack of 'them.</span>
</div>
<=FRIENDS_WEBSITE

LASTN_WEBSITE<=
<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>



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

<div id="icon">
<img src="http://i.imgur.com/PpWULPd.png"></div>
<span id="navi"><span class="lyrics">

<center><a href="/info" class="one" id="nav">profile</a> <a href="/friends" class="two" id="nav">friends</a> <a href="/" class="three" id="nav">recent</a><br></center></font>

<div id="polaroid"><br><a href="LINK"><img src="http://www.insanejournal.com/userpic/35766995/4189247" width="70" align="left" style="display: block; -webkit-transform: rotate(10deg); -moz-transform: rotate(-10deg); background:#fff; padding: 4px 4px 18px 4px; box-shadow:1px 1px 2px rgba(0,0,0,0.1);"></a></div>
<div id="lyricss">
In the super hero game there's usually one fail-safe technique used to solve problems. Beat the stuffing out of the bad guys. Other times you gotta use your brains. Or lack of 'them.</span>
</div>
<=LASTN_WEBSITE