finnigan layout

GLOBAL_HEAD<= <title>wipe me down</title> <link href="https://fonts.googleapis.com/css?family=Alegreya" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Patrick+Hand+SC" rel="stylesheet"> <style> /* coding by catanzaro. tweaks by catcafe. change fonts/colors, re-host, etc * /* background */ body { background: url('http://i.imgur.com/18rHpBF.png'); background-color: #FFF; overflow-x: hidden; margin-top: 0px; } /* main font */ td { color: #555; font-family: calibri; font-size: 12px; line-height: 11px; letter-spacing: 0px; text-shadow: 0px 0px 1px #555; text-transform: none; } /* text alignment */ tr {text-align: justify;} table {margin-bottom: 0px;} /* cursor */ body, a {cursor:url(http://i.imgur.com/ONVDMqu.png), default;} a:hover {cursor:url(http://i.imgur.com/0p9CPwX.png), default;} /* link colors */ a {color: #099FFF; text-shadow: 0px 0px 1px #999999; text-decoration: none; transition: all 0.6s ease-in-out;} a:hover {color: #00FF33; text-shadow: 0px 0px 1px #cccccc; text-decoration:none; transition: all 0.6s ease-in-out;} /* the top box, removes default icon */ .shadowed {height: 0px;} .shadowed img {display: none;} /* main entrybox */ .entrybox { width: 600px; background-color: rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 1px #ccc; border-left: 2px solid #FFF; padding: 5px; margin-top: -15px; margin-bottom: 25px; border-image: repeating-linear-gradient(#099FFF, #00FF33) 10; } /* subject line */ p table table td.caption { color: #AAA; font-family: calibri; font-size: 8px; line-height: 0px; text-shadow: 0px 0px 1px #AAA; text-transform: uppercase; letter-spacing:1px; padding-left: 5px; } /* date line */ .entrybox td.index { color: #F7F7F7; font-family: calibri; font-size: 7px; line-height: 0px; letter-spacing: 1px; text-shadow: 0px 0px 0px #F7F7F7; text-transform: uppercase; padding-right: 5px; padding-bottom: 2px; } /* comments */ .comments { color: #888; font-family: calibri; font-size: 7px; line-height: 0px; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 4px; padding-right: 0px; } /* mood & music */ .entrybox td.meta { color: #999; font-family: calibri; font-size: 7px; line-height: 7px; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0px 0px 1px #999; } /* tiny text -- the bottom of the page (navigation) and fpage links */ .index, .meta { font-family: calibri; font-size: 7px; line-height: 7px; letter-spacing: 1px; text-transform: uppercase; padding: 0px; } table table table td.meta a { font-size: 8px; line-height: 8px; letter-spacing: 1px; margin-top: -5px; } table table table td.meta {font-size: 0px; line-height: 0px;} /* friends page icon size */ .index img { height: 70px; width: 70px; border-radius: 0px; box-shadow: 0px 0px 2px #AAA; padding: 3; margin-top: 0px; margin-bottom: 5px; } /* hides journal name*/ .shadowed td div {visibility: hidden; position: absolute; top: 1px;} /* smaller icons */ .ljuser img {width: 9px; height: 9px;} /* usericons and locks*/ .caption img, .ljuser img {width: 8px; height: 8px; padding-right: 3px; padding-bottom: 2px;} /* selection colors */ ::selection {background-color: #E2CBDF; color: #FFF; text-shadow: 0px 0px 1px #555;} ::-moz-selection {background-color: #E2CBDF; color: #FFF; text-shadow: 0px 0px 1px #555;} /* scrollbar */ ::-webkit-scrollbar {background-color: #transparent; width: 6px;} ::-webkit-scrollbar-track {background-color: #transparent; -box-shadow: inset 0 0 0px;} ::-webkit-scrollbar-thumb {background-color: #AAA; box-shadow: inset 0 0 1px #ccc; } /* sidebar */ #everything {position: relative; visibility: visible; top: 19; left: -695; height: 0;} /* gif on the sidebar */ #gif { width: 78px; padding: 5px; display: inline; position: relative; left: 60; box-shadow: 0px 0px 1px #ccc; background-color: rgba(255, 255, 255, 0.5); border: 2px solid #FFF; border-image: repeating-linear-gradient(#099FFF, #00FF33) 10; } #image {position: relative; visibility: visible; top: 30px; left: -635px; z-index: 97; height: 0px;} /* top navigation links position */ #navig {position: relative; top: 115px; left: -633px;} /* top navigation links */ #navi { display: block; color: #6E0DD0; font-family: calibri; font-size: 10px; letter-spacing: 1px; line-height: 8px; padding: 3; text-align: center; text-transform: uppercase; width: 82px; background-color: rgba(255, 255, 255,0.5); box-shadow: 0px 0px 1px #ccc; margin-bottom: 4px; margin-top: 2px; position: relative; top: 2; left: 60; } #navi:hover {letter-spacing: 5px;} .uno {border-left: 2px solid #6E0DD0;} .dos {border-left: 2px solid #9900FF;} .tres {border-left: 2px solid #CC00FF;} </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://68.media.tumblr.com/3113cad85a5a9808579640c48ad3dece/tumblr_inline_nz6e95YzGM1tzzujm_100.gif" id="gif"> <a href="/" class="uno" id="navi">recent</a> <a href="/profile" class="dos" id="navi">profile</a> <a href="/friends" class="tres" id="navi">friends</a></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://68.media.tumblr.com/3113cad85a5a9808579640c48ad3dece/tumblr_inline_nz6e95YzGM1tzzujm_100.gif" id="gif"> <a href="/" class="uno" id="navi">recent</a> <a href="/profile" class="dos" id="navi">profile</a> <a href="/friends" class="tres" id="navi">friends</a></span></div> </td></tr></table> <=LASTN_WEBSITE