outsider layout

GLOBAL_HEAD<= <link href="https://fonts.googleapis.com/css?family=Oswald:400,700,300" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Playball" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Alex+Brush|Great+Vibes" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet" type="text/css"> <link rel="shortcut icon" href="http://i.imgur.com/0gcmkf0.png"> <link href="http://huntress.paragade.org/fonts.css" rel="stylesheet" type="text/css"> <style> @font-face {font-family: "eyes"; src: url("http://rpering.webs.com/kgeyeswideopen.ttf");} body {background-image:url(http://i.imgur.com/CEFNoUf.png); background-attachment:fixed; background-color:#fff;} body, a:hover {cursor: url(http://i.imgur.com/pwF86RO.png), progress !important;} table { margin-bottom: 0px;} td {font-family: arial; letter-spacing:0pt; font-size:9px; color: #404040; letter-spacing:1; background-color: transparent;} .index img {border-radius:5px; height:70px; width:70px;} .entrybox {background: rgba(255,255,255,0.5); border-bottom: 2px solid #000; padding: 5px; border-image: repeating-linear-gradient(to right, rgba(129, 15, 124, 0.8), rgba(66, 28, 82, 0.3), rgba(129, 15, 124, 0.8)) 10; box-shadow: 0px 0px 1px rgba(200, 200, 200, 1); border-radius: 6px;} /* icon */ .shadowed img {display:none;} /* links */ a {color:#810f7c; text-decoration: none; -webkit-transition-duration: 0.9s; -moz-transition-duration: 0.9s; -o-transition-duration: 0.9s; -ms-transition-duration: 0.9s; font-weight:lighter;} a:hover {color:#421c52; text-shadow:0px 0px 1px ;text-decoration: none; -webkit-transition-duration: 0.9s; -moz-transition-duration: 0.9s; -o-transition-duration: 0.9s; -ms-transition-duration: 0.9s;} /* nav */ .index, .meta { text-transform: uppercase; font-family: verdana; font-size: 5pt; color: transparent; text-transformation: uppercase; text-shadow: none; letter-spacing: 1px; line-height: 0px;} /* top box nav */ table 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;} /* viewing and etc at the bottom & music/mood */ .meta{ text-transform: uppercase; font-family: verdana; font-size: 7pt; color: transparent; text-transformation: uppercase; text-shadow: none; letter-spacing: 1px; line-height: 7pt;} /* subject */ p table table td.caption {font-family: calibri, arial; color:#404040; font-size: 7px;text-transform: uppercase; line-height: 10px; padding:0px;} /* time and date */ .entrybox td.index{display:none;} /* mood & music. */ .entrybox td.meta {font-family:calibri; font-size: 8px; color: #808080; line-height: 8px; text-transform: uppercase;} /* comments */ .comments {font-family: calibri; letter-spacing:1px; font-size:8px; line-height:10px; text-transform:uppercase;} /* usericons & locks. */ .ljuser img {display:none;visibility:hidden;} /* 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;} /* locks -- graphicsbyjulz via lj */ .caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{display:none;visibility:hidden;} /* private -- graphicsbyjulz via lj */ .caption img[src="http://www.insanejournal.com/img/icon_private.gif"]{display:none;visibility:hidden;} /* aligns all text */ tr {text-align:justify;} /* top box website lyrics, etc */ .shadowed {background-image:url(); background-repeat:no-repeat;} /* image opacity */ img { border: 0px; opacity:0.8; filter:alpha(opacity=80);border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:10px;} img:hover {opacity:1.0;filter:alpha(opacity=100); -moz-transition: all 3.0s ease-out; -o-transition: all 3.0s ease-out; -webkit-transition: all 3.0s ease-out; transition: all 3.0s ease-out;} 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;} #icon {position:relative; visibility: visible; top:39px; left:385px; z-index:97; height:0px;} #links {position:relative; visibility: visible; top:150px; left:375px; z-index:97; height:0px;} .name {color: #333; font-family: vento; letter-spacing:+2px; font-size: 30px; line-height:24px; text-transform:lowercase; align:center;width:100px;} .links {align:center; font-family: calibri; font-size:8px;text-transform:uppercase;line-height:10px;padding:0px;letter-spacing:3px !important; width:100px;} /* custom scrollbar */ ::selection {background-color:#fff; color:#CCCCCC;} ::-moz-selection {background-color:#fff; color:#CCCCCC;} ::-webkit-selection {background-color:#fff; color:#CCCCCC;} ::-webkit-scrollbar {width:1px;} ::-webkit-scrollbar-track {background-color:#EBEBEB;} ::-webkit-scrollbar-thumb {background-color:#202020; border-radius: 0px;} ::-webkit-scrollbar-thumb:window-inactive {background-color:#EBEBEB;} </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="icon"><img src="http://i.imgur.com/bod8zYL.png" style="width:90px; display:inline; border-radius:100px; padding: 8px;"></div> <div id="links"><font class="links"> <center><a href="/info">userinfo</a><br> <a href="/">entries</a><br> <a href="/friends">friends</a></fonts> </div> <=FRIENDS_WEBSITE 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="icon"><img src="http://i.imgur.com/bod8zYL.png" style="width:90px; display:inline; border-radius:100px; padding: 8px;"></div> <div id="links"><font class="links"> <center><a href="/info">userinfo</a><br> <a href="/">entries</a><br> <a href="/friends">friends</a></fonts> </div> <=LASTN_WEBSITE