booster gold layout

GLOBAL_HEAD<= <link rel="shortcut icon" href="http://i.imgur.com/M3jioN7.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> /* be tasteful - keep credit, change bgs, colors, fonts and rehost everything on your own. credit: ~eth, with edits by ~skye, and even more edits by ~holli */ body {background-image:url(http://i.imgur.com/cQjOsn7.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, #ffc41a, #fff) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, #ffc41a, #fff) 1 100%; -o-border-image: -o-linear-gradient(bottom, #ffc41a, #fff) 1 100%; border-image: linear-gradient(to bottom, #ffc41a, #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;} /* sidebar stuff */ #icon {position:relative; visibility: visible; top: 35px; left: 400px; z-index:97; height:0px; } #icon img { width: 125px; 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; 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: 400; top: 210; 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:#d5d5d5;} .two{background-color:#0f384e; display: block;} .three{background-color:#ffc41a; 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/M3jioN7.png"></div> <span id="navi"><span class="lyrics"> 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><br><br> <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> <=FRIENDS_WEBSITE LASTN_OPT_ITEMS=>20 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/M3jioN7.png"></div> <span id="navi"><span class="lyrics"> 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><br><br> <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> <=LASTN_WEBSITE