stylesharry layout

GLOBAL_HEAD<= <title>songbird.</title> <link rel="shortcut icon" href="https://images.vexels.com/media/users/3/139694/isolated/lists/ef87f11007e9a062a4cf7f004fbe5443-bird-silhouette-4.png"> <style> @font-face{font-family: luna; src:url("https://dl.dropbox.com/s/prmkdnys12li2qs/Shorelines%20Script%20Bold.otf");} @font-face{font-family: usagi; src:url("https://dl.dropbox.com/s/irdsm7xbimzcpbj/rose_of_baltimore.ttf");} @font-face{font-family: sub; src:url("https://dl.dropbox.com/s/txx5tmdfgrgoavu/Love%20Me.ttf");} /* code from ~marak thank you i'm sorry i don't know how to do this myself :(*/ body {background: url(http://i.imgur.com/VnIAlxJ.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;} margin-top: 15px;} table {border:0px;} table table {border:0;} /* subject lines */ td.caption{font-family: sub; letter-spacing: 1px; text-transform: uppercase; font-size: 5px; color: #787878; } /* body text */ td {font-family: arial; font-size:10px; line-height:12px; color:#000000;letter-spacing: 0px;} body, td {color:#000000; font-weight:normal !important;} /* link effects */ a{color: #89AFCA; text-decoration: none; font-weight: normal; -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:hover{color: #c0c0c0; text-decoration: none; font-weight: bold; -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;} /* entry box */ .entrybox, .shadowed {background: url(http://i.imgur.com/eLjRmuC.png);box-shadow:0 0 1px #dddddd;} table table table td.meta {font-size:0px;line-height:0px;} .entrybox {width:594px;} .date, a.index {visibility:visible !important;} table table table td.meta {font-size:0px;line-height:0px;} table {border: none; } table table, table table td {border: 0;} table{margin-bottom: -3px;} table, tr {padding:0px; margin-bottom: 1px;} td, .entrybox {padding: 1px; margin-top: 0px;} .entrybox td.index {visibility:hidden;} .entrybox td.index, .index3{visibility:hidden;} table table table td.meta {font-size:0px;line-height:0px;} table table table td.meta a {visibility:hidden;} /* entrybox borders */ .entrybox { background: url(http://i.imgur.com/eLjRmuC.png); padding-left:10px; padding-right:10px; padding-bottom:-5px; padding-top:-2px; box-shadow: 0 0 1px #e0e0e0; border-bottom: 1px; border-left: 0px; border-right: 0px; border-top: 0px; border-image: repeating-linear-gradient(to right, #f0f0f0, #bca474, #f0f0f0) 1; width: 594x;} /* mood & music. */ .entrybox td.meta {display: none;} /* comments */ .comments {font-family: helvetica, helvetica, monaco; font-size: 7px; line-height:7px; letter-spacing:0px; text-transform:uppercase; padding:0px; color:#9d9d9d;} /* all misc little text */ .index, .meta {font-family: roboto, monaco; font-size: 6px; line-height:7px; color: #777; letter-spacing:1px; text-transform:uppercase; padding:0px; } /* date & time */ .date {color: #98010f; display: block; text-align: right; text-transform: uppercase; font-family: sub; font-size: 5px; letter-spacing: 1; line-height: 3px; padding-bottom: 3; padding-top: 0;} .date, a.index {visibility:visible !important;} .dated{display:none;} .entrybox td.index{display: none;} .dated {display:none;} .dates {font-family: trebuchet ms; color: #7f7f7f; font-size: 6px; line-height:1px; letter-spacing:1px; text-transform:uppercase; padding:0px;} /* friends page icons & users. */ .entrybox a.index {color:#FF9F80; font-family: roboto; font-size:6px; line-height:8px; text-transform: uppercase; letter-spacing: 1px; padding:0px;} .index img{ width: 80px; height: 80px;} /*hides userpic info brackets */ .entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;} /* usericons & locks. */ .ljuser img {display: none;} .ljuser:before {content: "♡";} .caption img{width:7px; height:7px;} /* headerbox borders */ .shadowed {width: 600px; background-color: rgba(255, 255, 255, 0.15); border-bottom: 1px; border-left: 0px; border-right: 0px; border-top: 0px; border-image: repeating-linear-gradient(to right, #f0f0f0, #bca474, #f0f0f0) 1;} .shadowed img {display: none;} /* main links under field name */ .links {font-family: consolas, monaco; font-size: 6px; line-height:7px; letter-spacing:1px; padding:0px; text-color: #ff4e50; text-shadow: 1px 0px 1px #fff; text-transform: uppercase; text-align: center; background: rgba(255, 255, 255, 0.6); line-height: 10px; box-shadow: 1px 0px 1px #ccc; } /* ~ines header box edits */ #title{position:absolute; visibility: visible; top:50px; left: 49.5%; margin-left: -160px; z-index:0;} #subtitle{position:absolute; visibility: visible; top:80px; margin-left: 10px; left: 49.5%; z-index:0;} #title2{position:absolute; visibility: visible;margin-left: -150px;} #icon{position:absolute; visibility: visible; top:22px; left: 51%; margin-left: -155px; z-index:0;} #nye {visibility: visible; margin-right:-100px;} /* button style properties */ td.exterior {background: #fff; background: rgba(255, 255, 255, 0.15); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;} td.exterior:hover {background: #fff; background: rgba(255, 255, 255, 0.75); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;} td.interior {background: #fff; background: rgba(255, 255, 255, 0.15); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;} td.interior:hover {background: #fff; background: rgba(255, 255, 255, 0.75); -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s;} /* cursor */ body, a {cursor:url(http://i.imgur.com/ONVDMqu.png), default;} a:hover {cursor:url(http://i.imgur.com/0p9CPwX.png), default;} </style> <=GLOBAL_HEAD FRIENDS_WEBSITE<= <style> .links {font-family:consolas,arial narrow,arial; font-size: 8px; line-height:7px; letter-spacing:0px; text-transform:uppercase; text-align:justify; color:#666666;} .gifs {width:100px; opacity:.5; filter: url(filters.svg#grayscale); filter: grayscale; -webkit-filter: grayscale(1); border-radius:3px; border:1px solid #cccccc; align:center;} .gifs:hover {filter: none; -webkit-filter: grayscale(0);} #lion{position:fixed; visibility: visible; top:80px; left:985px; transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); z-index: 50;} #nav{position:fixed; visibility: visible; top:100px; left:950px; text-align:justify; width: 100px; z-index: 100;} .gifs2 {border-radius:0px; border:2px solid #000000; filter: alpha; width:90px; align:center;} .side{text-shadow: 1px 0px 1px #c0c0c0; font-family:consolas; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#000000;} #persona{position:absolute; visibility: visible; top:20px; left:38.0%; margin-left: -550px; width: 180px;} #navvy{position:absolute; visibility: visible; top:100px; left:950px; z-index:0;}</style> <div id="persona"><img src="http://i.imgur.com/MYte8oL.png" width="500" style="border-radius: 0px; opacity: 0.8; display:inline;"></div> <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:1px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} /* header style */ .title2{font-family: trebuchet ms; font-size: 6px; line-height:7px; color: #195884; letter-spacing:1px; text-transform:uppercase; padding:0px;} .header{ font-family: usagi; font-size: 30px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px, 2px 2px 1px #f3f2f2; text-transform: none; letter-spacing: 0px; font-weight: lighter;} .sub{ font-family: luna; font-size: 13px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px; font-weight: lighter; } </style> <tbody><tr><td colspan="0" valign="middle" align="center"> <table style="margin-bottom:-14px;" width="“600&quot;" height="100" cellspacing="0" cellpadding="0" border="0" align="center"> <tbody><tr><td colspan="5" valign="bottom" align="center"> <table style="margin-bottom: -19px; margin-left: -9px; margin-top: 85px; width: 580px;" cellspacing="0" cellpadding="0" border="0" align="“center”"> <tbody><tr><td cellpadding="“0”" class="exterior" width="“50&quot;" valign="top" background=""><center><a class="title2" href="http://stylesharry.insanejournal.com/">entries</a></center></td> <td cellpadding="“0”" class="“interior”" width="“50&quot;" valign="top" background=""><center><a class="title2" href="http://stylesharry.insanejournal.com/2017/01/01/">customs</a></center></td> <td cellpadding="“0”" class="interior" width="“50&quot;" valign="top" background=""><center><a class="title2" href="http://stylesharry.insanejournal.com/profile">info</a></center></td> <td cellpadding="“0”" class="exterior" width="“50&quot;" valign="top" background=""><center><a class="title2" href="http://stylesharry.insanejournal.com/friends">friends</a></center></td></tr></tbody></table></td></tr> <tr><td rowspan="2" width="160" valign="left"> <div id="nye" style="z-index: 99; text-align: justify;"><img src="http://i.imgur.com/MiasHrk.png" style="width: 51; height: 43; display: block; margin-top: 2px;margin-left: 174px; transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg);"></div> <div id="icon" style="z-index:98;"><img src="http://i.imgur.com/5KY3Ujq.png" style="width: 65; height: 65; padding: 15px; background-image:url( ); border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; position: relative; display:block;" align="right"></div> </td> <td cellspacing="0" style="padding-left:10px;" width="300" valign="right"> <font class="header" style="display:block;vertical-align:bottom;"> <div id="title" style="padding-left: 120px; padding-top: 15px;"><big><big>harry</big></big></div></font> <font class="sub" style="display:block;vertical-align:bottom;"> <div id="subtitle" style="padding-left: 100px; padding-top: 10px; transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg);">and the songbirds are singing<br> like they know the score.</div></font> <font class="title2" style="display:block;vertical-align:bottom;"> <div id="title" style="padding-left: 140px;padding-top: 35px;color:#000;"></div> </font></td></tr> </tbody></table></td></tr> <=FRIENDS_WEBSITE LASTN_WEBSITE<= <style> .links {font-family:consolas,arial narrow,arial; font-size: 8px; line-height:7px; letter-spacing:0px; text-transform:uppercase; text-align:justify; color:#666666;} .gifs {width:100px; opacity:.5; filter: url(filters.svg#grayscale); filter: grayscale; -webkit-filter: grayscale(1); border-radius:3px; border:1px solid #cccccc; align:center;} .gifs:hover {filter: none; -webkit-filter: grayscale(0);} #lion{position:fixed; visibility: visible; top:80px; left:985px; transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); z-index: 50;} #nav{position:fixed; visibility: visible; top:100px; left:950px; text-align:justify; width: 100px; z-index: 100;} .gifs2 {border-radius:0px; border:2px solid #000000; filter: alpha; width:90px; align:center;} .side{text-shadow: 1px 0px 1px #c0c0c0; font-family:consolas; font-size: 7px; line-height:8px; letter-spacing:1px; text-transform:uppercase; text-align:justify; color:#000000;} #persona{position:absolute; visibility: visible; top:20px; left:38.0%; margin-left: -550px; width: 180px;} #navvy{position:absolute; visibility: visible; top:100px; left:950px; z-index:0;}</style> <div id="persona"><img src="http://i.imgur.com/MYte8oL.png" width="500" style="border-radius: 0px; opacity: 0.8; display:inline;"></div> <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:1px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} /* header style */ .title2{font-family: trebuchet ms; font-size: 6px; line-height:7px; color: #195884; letter-spacing:1px; text-transform:uppercase; padding:0px;} .header{ font-family: usagi; font-size: 30px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px, 2px 2px 1px #f3f2f2; text-transform: none; letter-spacing: 0px; font-weight: lighter;} .sub{ font-family: luna; font-size: 13px; line-height: 10px; color: #3d3d3d; text-shadow: #dedede 1px 1px 1px; font-weight: lighter; } </style> <tbody><tr><td colspan="0" valign="middle" align="center"> <table style="margin-bottom:-14px;" width="“600&quot;" height="100" cellspacing="0" cellpadding="0" border="0" align="center"> <tbody><tr><td colspan="5" valign="bottom" align="center"> <table style="margin-bottom: -19px; margin-left: -9px; margin-top: 85px; width: 580px;" cellspacing="0" cellpadding="0" border="0" align="“center”"> <tbody><tr><td cellpadding="“0”" class="exterior" width="“50&quot;" valign="top" background=""><center><a class="title2" href="http://stylesharry.insanejournal.com/">entries</a></center></td> <td cellpadding="“0”" class="“interior”" width="“50&quot;" valign="top" background=""><center><a class="title2" href="http://stylesharry.insanejournal.com/2017/01/01/">customs</a></center></td> <td cellpadding="“0”" class="interior" width="“50&quot;" valign="top" background=""><center><a class="title2" href="http://stylesharry.insanejournal.com/profile">info</a></center></td> <td cellpadding="“0”" class="exterior" width="“50&quot;" valign="top" background=""><center><a class="title2" href="http://stylesharry.insanejournal.com/friends">friends</a></center></td></tr></tbody></table></td></tr> <tr><td rowspan="2" width="160" valign="left"> <div id="nye" style="z-index: 99; text-align: justify;"><img src="http://i.imgur.com/MiasHrk.png" style="width: 51; height: 43; display: block; margin-top: 2px;margin-left: 174px; transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg);"></div> <div id="icon" style="z-index:98;"><img src="http://i.imgur.com/5KY3Ujq.png" style="width: 65; height: 65; padding: 15px; background-image:url( ); border-radius: 100 100 100 100; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; position: relative; display:block;" align="right"></div> </td> <td cellspacing="0" style="padding-left:10px;" width="300" valign="right"> <font class="header" style="display:block;vertical-align:bottom;"> <div id="title" style="padding-left: 120px; padding-top: 15px;"><big><big>harry</big></big></div></font> <font class="sub" style="display:block;vertical-align:bottom;"> <div id="subtitle" style="padding-left: 100px; padding-top: 10px; transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg);">and the songbirds are singing<br> like they know the score.</div></font> <font class="title2" style="display:block;vertical-align:bottom;"> <div id="title" style="padding-left: 140px;padding-top: 35px;color:#000;"></div> </font></td></tr> </tbody></table></td></tr> <=LASTN_WEBSITE