seharr layout

GLOBAL_HEAD<= <title>it's a sign of the times.</title> <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=Amatic+SC" rel="stylesheet" type="text/css"> <style> /* coding by catanzaro. and, as always, please keep the credit and please rehost everything (especially my font.css link above). feel free to comment me and ask a question, or to get the coding. xo */ /* background, main font throughout the layout, text alignment */ body{background: url('http://i.imgur.com/2q0GQuu.png'); background-color:#f4f4f4; overflow-x: hidden; margin-top: 0px;} td{font-family: consolas; color: #777777; letter-spacing: 1; text-transform: uppercase; font-size: 7px; line-height: 9px;} tr{text-align:justify;} table{margin-bottom: -5px;} b{font-weight: normal;} /* cursor */ body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;} /* link colors */ a{color: #1d1c18; text-decoration: none; transition: all 0.6s ease-in-out; -o-transition-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;} a:hover{color: #85bf90; text-decoration:none; transition: all 0.6s ease-in-out; -o-transition-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;} /* the top box, removes the default icon */ .shadowed{height: 0px;} .shadowed img{display: none;} /* main entrybox */ .entrybox{width: 580px; background-color: #f5f5f5; box-shadow:0px 0px 1px #cccccc; border-radius:2px; padding: 0px;} /* date line */ .date {color:#dddddd; display: block; text-align: left; font-family: consolas; font-size: 6px; letter-spacing: 1; line-height: 5px; padding-bottom: 3; padding-top: 0;} .date, a.index {visibility:visible !important;} .dated{display:none;} .entrybox td.index{display: none;} /* subject line */ p table table td.caption{font-family: Abel; font-size: 8px; text-transform: uppercase; font-weight: lighter; letter-spacing: 0.5px; line-height: 8px; padding: 4px; text-indent: 2px; display: block; color: #1d1c18;} /* comments */ .comments{font-family: Abel; font-size: 7px; line-height: 7px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 5px; line-height: 5px; padding-right: 5px;} /* tiny text -- the bottom of the page (navigation) and on the fp the community and username */ .index, .meta {font-family: consolas; font-size: 7px; text-transform: uppercase; line-height: 7px; padding: 0px; letter-spacing: 1px; } table table table td.meta {font-size:0px;line-height:0px;} table table table td.meta a {font-size:8px;letter-spacing:1px;line-height: 8px;margin-top: -5px;} /* friends page icon */ .index img{width: 100px; height: 100px;} /* sidebar */ #everything{position: relative; visibility: visible; top: 40; left: -650; height: 0;} /* gif on the sidebar */ #image{position: relative; visibility: visible; top: 30px; left: -635px; z-index: 97; height:0px;} #gif{width: 128px; display:inline; padding: 5px; border-radius: 0px; box-shadow:#cccccc 0px 0px 1px; background: url(); position: relative; left: 60;} /* top navigation links position */ #navig{position: relative; top: 115px; left: -600px;} /* top navigation links */ #navi{border-radius: 5px; width: 6px; height: 6px; overflow: hidden; display: block; color: transparent; padding: 1; margin-bottom: 1;font-family: consolas; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; -webkit-transition: all 0.4s ease-in; position: relative; top: -42; left: 200;} #navi:hover{width: 40px; color: #000; font-family: consolas; font-size: 6px; text-transform: uppercase; letter-spacing: 1; line-height: 6px; padding-left: 5; padding-top: 1; -webkit-transition: all 0.4s ease-in;} /* background colors for the navigation links */ .un{background-color: #b6c3ce;} .deux{background-color: #9aa6b0;} .trois{background-color: #767f86;} .quatre{background-color: #f9be2c;} .cinq{background-color: #fdc845;} /* sidebar with lyrics and stuff */ .words{font-family: consolas; color: #777777; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 7.5px; width: 128px; display: block; position: absolute; left: 0px; border-width: 0px 0px 0px 0px; border-image: url(http://i.imgur.com/yFzqbul.png) 4 repeat; top: 0; left: -81; box-shadow:#ccc 0px 0px 1px; background: url(http://i.imgur.com/PBv6wFu.png); padding: 5.5;} /* lj icons */ .ljuser img{display:none;} /* friends only and private locks */ img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/VQezO8R.png) no-repeat !important; padding: 9px 0 0 7px !important; vertical-align:-1px !important;opacity:0.8;} img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/jEQ6Le9.gif) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-2px !important;opacity:0.8;} /* selection colors */ ::selection {color:#ccc; text-shadow:#f6f6f6 1px 1px 1px; background-color: #1d1c18;} ::-moz-selection {color:#ccc; text-shadow:#f6f6f6 1px 1px 1px; background-color: #1d1c18;} /* image opacity & black and white */ img {opacity:0.85; filter:alpha(opacity=70); -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 {-webkit-transform: filter: grayscale(50%); -webkit-filter: grayscale(50%);-moz-filter: grayscale(50%);-o-filter: grayscale(50%);-ms-filter: grayscale(50%);} 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;} img:hover {-webkit-transform: filter: grayscale(0%); -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%);} </style> <=GLOBAL_HEAD FRIENDS_WEBSITE<= <style> 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:0px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} </style> <table cellspacing="0" cellpadding="0" border="0" summary=""> <tr><td valign="bottom" colspan="0" width="600"> <table height="0" align="right" cellspacing="0" border="0" cellpadding="0"> <tr><td valign="top"> <div id="everything"><img src="http://i.imgur.com/WJiHyER.gif" id="gif"> <a href="/" class="un" id="navi">recent</a> <a href="/profile" class="deux" id="navi">profile</a> <a href="/friends" class="trois" id="navi">friends</a> <font class="words">WE DON'T TALK ENOUGH. WE SHOULD OPEN UP. BEFORE IT'S ALL TOO MUCH. WILL WE EVER LEARN WE'VE BEEN HERE BEFORE. IT'S JUST WHAT WE KNOW. STOP YOUR CRYING BABY. IT'S A SIGN OF THE TIMES. WE GOTTA GET AWAY FROM HERE. </font></span></div> </td></tr></table> <=FRIENDS_WEBSITE LASTN_WEBSITE<= <style> 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:0px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} </style> <table cellspacing="0" cellpadding="0" border="0" summary=""> <tr><td valign="bottom" colspan="0" width="600"> <table height="0" align="right" cellspacing="0" border="0" cellpadding="0"> <tr><td valign="top"> <div id="everything"><img src="http://i.imgur.com/WJiHyER.gif" id="gif"> <a href="/" class="un" id="navi">recent</a> <a href="/profile" class="deux" id="navi">profile</a> <a href="/friends" class="trois" id="navi">friends</a> <font class="words">WE DON'T TALK ENOUGH. WE SHOULD OPEN UP. BEFORE IT'S ALL TOO MUCH. WILL WE EVER LEARN WE'VE BEEN HERE BEFORE. IT'S JUST WHAT WE KNOW. STOP YOUR CRYING BABY. IT'S A SIGN OF THE TIMES. WE GOTTA GET AWAY FROM HERE. </font></span></div> </td></tr></table> <=LASTN_WEBSITE