fisticuffs layout

GLOBAL_HEAD<= <link href="http://fonts.googleapis.com/css?family=Knewave" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="http://czarnian.neocities.org/FONTSYO/stylesheet.css"> <link href="http://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Megrim|Bangers" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet" type="text/css"> <link href="http://fonts.googleapis.com/css?family=Lato:700" 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/vpd9ZDC.png'); background-color:#f4f4f4; overflow-x: hidden; margin-top: 0px;} td{font-family: helvetica; font-size: 12px; line-height: 13px; color: #fff;} 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: #BA2020; 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: #202020; 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: 600px; border-width: 0px 0px 0px 2px; padding: 0px; background-image: url(http://i.imgur.com/YTJvNVw.png); box-shadow: 0 0 1px #000;} .dates {padding-top: 0; padding-left: 3; padding-right: 0; padding-bottom: 3; display:block;text-align:left; font-family: book; font-size: 6px; line-height:6px; letter-spacing:1px; text-transform:uppercase; padding:0px;} .dated, .entrybox td.index{display:none;} p table table td.caption{padding: 0; font-family: book; font-size: 6px; text-transform: uppercase; letter-spacing: 1; line-height: 10px; background: url(); background: linear-gradient(to right, transparent, #BA2020);background: -moz-linear-gradient(to right, transparent, #BA2020); padding-bottom: 0; padding-left: 3; color: #fff;} p table table td.caption img{width: 4px; height: 4px;} /* comments */ .comments{font-family: book; font-size: 8px; line-height: 9px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 4px; line-height: 5px; padding-right: 0px;} /* 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: 65px; height: 65px;} /* sidebar */ #everything{position: relative; visibility: visible; top: 25; left: -695; height: 0;} /* removes date */ .entrybox td.index, .index3 { display: none; } /* moves date */ .index2 { display: block; font-family: 'anchor'; font-size: 7px; line-height: 8px; text-align: left; text-transform: uppercase; } /* viewing - hides viewing */ .meta { color: transparent; font-family: 'book'; font-size: 7px; line-height: 1px; text-transform: uppercase; } /* navigation - hides navigation */ .index { color: transparent; font-family: 'anchor'; font-size: 7px; line-height: 1px; text-transform: uppercase; } /* gif on the sidebar */ #image{position: relative; visibility: visible; top: 30px; left: -635px; z-index: 97; height:0px;} #gif{height: 90px; display:inline; padding: 5px; border-radius: 0px; box-shadow:#000 0px 0px 1px; background: url(http://i.imgur.com/YTJvNVw.png); position: relative; left: 90;} /* top navigation links position */ #navig{position: relative; top: 115px; left: -633px;} /* top navigation links */ #navi{border-radius: 5px; width: 6px; height: 6px; overflow: hidden; display: block; color: transparent; padding: 1; margin-bottom: 1;font-family: book; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; -webkit-transition: all 0.4s ease-in; position: relative; top: -42; left: 142;} #navi:hover{width: 40px; color: #000; font-family: book; 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: #F29699;} .deux{background-color: #E65559;} .trois{background-color: #A31317;} .quatre{background-color: #F38A8A;} .cinq{background-color: #5F928F;} /* sidebar with lyrics and stuff */ .words{font-family: consolas; font-size: 7px; text-transform: uppercase; letter-spacing: 1; line-height: 8px; width: 185px; display: block; position: absolute; left: 0px; border-width: 0px 0px 2px 0px; top: 0; left: -111; box-shadow:#000 0px 0px 1px; background: url(http://i.imgur.com/YTJvNVw.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;} /* 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> <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> <=GLOBAL_HEAD FRIENDS_WEBSITE<= <div align="center"><b>the devil you know</b></div><p> <table cellspacing="0" cellpadding="0" border="0" summary=""> <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://38.media.tumblr.com/1da52d55f04580bea45fc6c61da4b969/tumblr_nnengxMvRV1qd52doo2_r2_250.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">The more of you that I inspect The more of me I see reflect. The more I try to read your lips The more the mask you're wearing rips, But when I seek out your voice My ears are overcome with noise. You show and tell with greatest ease, Raving impossibilities. Engaged in crime, I grasp my throat. Enraged, my mind starts to smoke, Enforce a mental overload. </font></span></div> </td></tr></table> <=FRIENDS_WEBSITE LASTN_WEBSITE<= <div align="center"><b>the devil you know</b></div><p> <table cellspacing="0" cellpadding="0" border="0" summary=""> <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://38.media.tumblr.com/1da52d55f04580bea45fc6c61da4b969/tumblr_nnengxMvRV1qd52doo2_r2_250.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">The more of you that I inspect The more of me I see reflect. The more I try to read your lips The more the mask you're wearing rips, But when I seek out your voice My ears are overcome with noise. You show and tell with greatest ease, Raving impossibilities. Engaged in crime, I grasp my throat. Enraged, my mind starts to smoke, Enforce a mental overload. </font></span></div> </td></tr></table> <=LASTN_WEBSITE