leon layout

GLOBAL_HEAD<= <link rel="shortcut icon" href="http://i.imgur.com/1cT3INU.png"> <title>ʟ ᴇ ᴏ ɴ &nbsp; s ᴀ ʟ ᴠ ᴀ ᴊ ᴇ</title> <link href="https://fonts.googleapis.com/css?family=Inconsolata|Pompiere|Lato" rel="stylesheet"> <style> /* coding by ~revolver */ /* background */ body {background: #eee url(http://i.imgur.com/WNJNOJJ.png) fixed repeat;} /* font throughout the layout */ td {font-family: 'Lato', consolas; font-size: 11px; text-transform: none; letter-spacing: 1px; line-height: 125%; color: #666; text-align: justify; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);} /* aligns all the words */ tr {text-align:justify;} /* tables */ table{margin-bottom: 0px;} /* fancy font */ .fancy {color: #000; font-family: 'Pompiere', arial narrow; text-transform: uppercase; text-decoration: none; font-size: 26px; line-height: 22px; font-weight: normal; -webkit-transition-duration: 0.5s; text-shadow: 1px 1px 1px rgba(255,255,255,1), 2px 2px 1px rgba(0,0,0,0.5); letter-spacing: 3px; word-spacing: 8px;} /* image effects */ .fade { opacity: 0.85; box-shadow: 0px 0px 1px rgba(0,0,0,0.5); transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out;} .fade:hover { opacity: 1.0; transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out;} /* link effects. */ a {color: #c51d14; text-decoration: none; font-weight: bold; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); letter-spacing: 1px; text-decoration: none; -webkit-transition-duration: 0.5s;} a:hover {color: #f4b314; text-decoration: none; -webkit-transition-duration: 0.5s;} /* top right links */ .index{font-family: tahoma; text-transform: uppercase; font-size: 0px; letter-spacing: 0px;} /* removes top left */ table table tr.caption td.caption{display: none;} /* header box */ .shadowed{background: ;} /* icon */ .shadowed img{display:none;} /* usericons & locks. */ .ljuser img {display:none;} .ljuser:before {content: "";} .caption img {width:0px; height:0px;} /* fieldname */ .shadowed td div{font-family: 'Inconsolata', consolas; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; line-height: 100%; color: #666; text-align: justify; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);} /* mood & music. */ .entrybox td.meta {font-family: 'Inconsolata', consolas; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; line-height: 100%; color: #666; text-align: justify; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);} /* subject */ p table table td.caption {font-family: 'Pompiere', consolas; text-transform: uppercase; text-decoration: none; font-size: 10px; line-height: 10px; font-weight: normal; letter-spacing: 1px; color: #000; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); border: 0px;} /* lock image */ p table table td.caption img{width: 0pt; height: 0pt;} /* removes date */ .entrybox td.index, .index3{display:none;} /* friends page icons & users. */ .entrybox a.index {font-family: 'Inconsolata', consolas; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; line-height: 100%; color: #888; text-align: justify; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); padding: 0px;} /* moves date to a new line */ .index2{display:none;} /* entrybox */ .entrybox {background: rgba(255,255,255,0.5); padding: 0px; box-shadow: 0px 0px 1px rgba(0,0,0,0.3); border-top: 1px solid #888;} /* comments */ .comments {letter-spacing: 2px; font-size: 9px; line-height: 9px; text-transform: uppercase; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); text-decoration: none; -webkit-transition-duration: 0.5s; font-weight: normal; text-align: right;} .comments a:hover {text-decoration: none; -webkit-transition-duration: 0.5s; text-align: right;} /* viewing */ .meta {font-family: 'Inconsolata', consolas; font-size: 7px; line-height: 7px; text-transform: uppercase; color: transparent; text-shadow: 0px 0px 0px;} /* lj user icon */ .ljuser img{display: none;} /* cursor */ body {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;} a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;} /* scroll bar */ ::selection {color: #888; background-color: #888;} ::-webkit-scrollbar {width: 5px;} ::-webkit-scrollbar-thumb {border-radius: 0px; background-color: #888;} </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;} #lyrics{position: absolute; visibility: visible; top: 70px; left: 50%; margin-left: -105px; z-index:0; width: 390px; font-family: 'Inconsolata', consolas; font-size: 8px; color: #666; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; text-shadow: 0px 0px 1px rgba(0,0,0,0.5); line-height: 125%; text-align: justify;} #title{position: absolute; visibility: visible; top: 95px; left: 50%; margin-left: -170px; z-index:0; font-family: 'Pompiere', arial narrow; color: #444; font-size: 37px; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(255,255,255,1), 2px 2px 1px rgba(0,0,0,0.5); line-height: 30px; text-align: left;} #nav{position: absolute; visibility: visible; top: 125px; left: 50%; margin-left: -285px; z-index:0; width: 80px; text-align: left; transform: rotate(270deg); transform-origin: left top 0;} #navi{background-image: url('http://i.imgur.com/fnPqtGW.png'); height: 10px; overflow: hidden; display: inline-block; color: transparent; padding: 0px; font-family: 'Inconsolata', consolas; font-size: 8px; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; text-shadow: 0px 0px 0px; line-height: 10px; text-align: left; -webkit-transition-duration: 0.5s; box-shadow: 0px 0px 1px rgba(0,0,0,0.5); margin-bottom: 5px; padding-left: 4px;} #navi:hover{width: 72px; color: #000; font-family: 'Inconsolata', consolas; font-size: 8px; text-transform: uppercase; letter-spacing: 2px; line-height: 10px; padding-right: 4px; font-weight: normal; text-shadow: 0px 0px 1px rgba(0,0,0,0.5)} .one{width: 10px;} .two{width: 20px;} .three{width: 30px;} .four{width: 40px;} </style> <tr><td valign="bottom" colspan="5" width="600" height="73"> <table align="center" cellspacing="0" border="0" style="" align="center" cellspacing="0" border="0" cellpadding="0"> <tr><td align="justify"> <div id="nav"> <a href="/" class="one" id="navi">recent</a><br> <a href="/info" class="two" id="navi">profile</a><br> <a href="/friends" class="three" id="navi">friends</a><br> <a href="https://frequency.neocities.org/" class="four" id="navi">directory</a><br> <a href="http://abrito.insanejournal.com/2001/01/01" class="three" id="navi">ic customs</a><br> <a href="http://abrito.insanejournal.com/2002/02/02" class="two" id="navi">ooc customs</a><br> <a href="http://abrito.insanejournal.com/2003/03/03" class="one" id="navi">scene + plot</a> </div> <div id="lyrics">MIGHT AS WELL RELY ON THE DRUM BEAT. CAN'T HIDE IT, I WON'T DENY IT. CAUSE I'M ADDICTED TO DRUMS AND I'M A SLAVE TO THE DARK BEAT.</div> <div id="title">pump the low end <span style="color:#f4b314;">f</span><span style="color:#eea014;">r</span><span style="color:#e88e14;">e</span><span style="color:#e27b14;">q</span><span style="color:#dd6814;">u</span><span style="color:#d75514;">e</span><span style="color:#d14314;">n</span><span style="color:#cb3014;">c</span><span style="color:#c51d14;">y</span></div> </td></tr></table></td></tr> <=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;} #lyrics{position: absolute; visibility: visible; top: 70px; left: 50%; margin-left: -105px; z-index:0; width: 390px; font-family: 'Inconsolata', consolas; font-size: 8px; color: #666; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; text-shadow: 0px 0px 1px rgba(0,0,0,0.5); line-height: 125%; text-align: justify;} #title{position: absolute; visibility: visible; top: 95px; left: 50%; margin-left: -170px; z-index:0; font-family: 'Pompiere', arial narrow; color: #444; font-size: 37px; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(255,255,255,1), 2px 2px 1px rgba(0,0,0,0.5); line-height: 30px; text-align: left;} #nav{position: absolute; visibility: visible; top: 125px; left: 50%; margin-left: -285px; z-index:0; width: 80px; text-align: left; transform: rotate(270deg); transform-origin: left top 0;} #navi{background-image: url('http://i.imgur.com/fnPqtGW.png'); height: 10px; overflow: hidden; display: inline-block; color: transparent; padding: 0px; font-family: 'Inconsolata', consolas; font-size: 8px; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; text-shadow: 0px 0px 0px; line-height: 10px; text-align: left; -webkit-transition-duration: 0.5s; box-shadow: 0px 0px 1px rgba(0,0,0,0.5); margin-bottom: 5px; padding-left: 4px;} #navi:hover{width: 72px; color: #000; font-family: 'Inconsolata', consolas; font-size: 8px; text-transform: uppercase; letter-spacing: 2px; line-height: 10px; padding-right: 4px; font-weight: normal; text-shadow: 0px 0px 1px rgba(0,0,0,0.5)} .one{width: 10px;} .two{width: 20px;} .three{width: 30px;} .four{width: 40px;} </style> <tr><td valign="bottom" colspan="5" width="600" height="73"> <table align="center" cellspacing="0" border="0" style="" align="center" cellspacing="0" border="0" cellpadding="0"> <tr><td align="justify"> <div id="nav"> <a href="/" class="one" id="navi">recent</a><br> <a href="/info" class="two" id="navi">profile</a><br> <a href="/friends" class="three" id="navi">friends</a><br> <a href="https://frequency.neocities.org/" class="four" id="navi">directory</a><br> <a href="http://abrito.insanejournal.com/2001/01/01" class="three" id="navi">ic customs</a><br> <a href="http://abrito.insanejournal.com/2002/02/02" class="two" id="navi">ooc customs</a><br> <a href="http://abrito.insanejournal.com/2003/03/03" class="one" id="navi">scene + plot</a> </div> <div id="lyrics">MIGHT AS WELL RELY ON THE DRUM BEAT. CAN'T HIDE IT, I WON'T DENY IT. CAUSE I'M ADDICTED TO DRUMS AND I'M A SLAVE TO THE DARK BEAT.</div> <div id="title">pump the low end <span style="color:#f4b314;">f</span><span style="color:#eea014;">r</span><span style="color:#e88e14;">e</span><span style="color:#e27b14;">q</span><span style="color:#dd6814;">u</span><span style="color:#d75514;">e</span><span style="color:#d14314;">n</span><span style="color:#cb3014;">c</span><span style="color:#c51d14;">y</span></div> </td></tr></table></td></tr> <=LASTN_WEBSITE