ghastly layout

FRIENDS_OPT_ITEMS=>20 GLOBAL_HEAD<= <title>YOUR TITLE</title> <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet"> <link rel="stylesheet" href="http://static.tumblr.com/ka9lhku/LLznobbfi/untitled_2.css"> <link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css"> <link rel="shortcut icon" href="http://i.imgur.com/b6d161A.png"> <link href="http://fonts.googleapis.com/css?family=Petit+Formal+Script|PT+Sans+Narrow" rel="stylesheet" type="text/css"> <style> /* the original layout creator is unknown, but adjustments and tweaks made by squirtle@ij -- please do not remove the credit! */ @font-face{font-family: script; src:url(https://dl.dropboxusercontent.com/s/jrmdjlrdih5517n/GuldScript.ttf);} </style> <style> /* credit: lilyj, please rehost your fonts and drop me a comment if you need help with that! */ /* credit: coding/ell/laurel. overhauls: rianna */ /* background */ body{background: url() ;background-attachment:fixed; background-color:#c0ddea; background: -webkit-linear-gradient(#623d66, #d9c8dc); background: -o-linear-gradient(#623d66, #d9c8dc); background: -moz-linear-gradient(#623d66, #d9c8dc); background: linear-gradient(#623d66, #d9c8dc); } overflow-x: hidden; margin-top: 0px; margin-top:0px;} table {margin-bottom: 0px;} .shadowed {background-color: #f9f9f9;} /* justifies the text */ tr {text-align:justify;} /* entrybox */ .entrybox, .shadowed {background: url(http://i.imgur.com/eLjRmuC.png); box-shadow: 0px 0px 1px #c7c7c7;} /* main links under field name */ table table table td.meta {font-size:0px;line-height:0px;} p table.entrybox table table td.meta, table table table td.meta a {font-size: 6px; letter-spacing: 1px; line-height: 7px; font-family: helvetica;} /* hides top title and extra text around name field links */ .entrybox td table td.index, tr.caption, table table td.index {visibility: hidden;} table table tr.caption td.index{visibility: hidden;} tr.caption {display: visible;} /* font */ td {font-family: helvetica; font-size:11px; line-height:10px; color:#351837;} body, td {color:#393232; font-weight:normal !important;} /* upper right links */ .index{font-size: 7px; text-transform: uppercase; letter-spacing: 1; font-family: helvetica; line-height: 7px; color:#f9f9f9;} /* subject */ p table table td.caption{font-family: helvetica; letter-spacing: 1px; text-transform: uppercase; font-size: 7px; color: #000000; font-weight: heavy !important;} /* namefield. */ .shadowed td div {font-family: script; font-size: 38px; line-height: 12px; color: #351837; text-shadow: 0px 0px 2px #b89fcb; font-weight: none; margin-top: 0px;} .shadowed td div img {box-shadow: 0 0 0 !important;} /* comments. */ .comments {font-family: helvetica; font-size: 7px; line-height: 7px; letter-spacing: 1px; text-transform: uppercase;} b {font-weight:normal !important;} /* link effects. */ a, a:visited, a:active {color: #000000; text-decoration: none; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; transition-duration: 1.5s;} a:hover{color: #000000; text-shadow:1px 1px 1px #999999; cursor: default; text-decoration: none; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; transition-duration: 1.5s;} /* scrollbar */ ::selection {color:#000000; background-color:#f4f4f4; } ::-webkit-scrollbar {width: 5px;} ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0px 0px 1px #C4C4C4; border-radius:0px; background-image:url(''); background-color:#eee;} /* bottom links */ .meta{font-family: helvetica; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; } /* locks */ .caption img{width: 7px;height: 7px;} .ljuser img {display: none;} .ljuser:before {content: "~";} /* USERICONS & LOCKS - note: this pulls your default icon. */ .shadowed img, .index img { border-radius: 0px; opacity:1.0; filter:alpha(opacity=100); height: 65px; /* ADJUST SIZE OF ICON */ width: 65px; /* ADJUST SIZE OF ICON */ } .shadowed img { border-radius: 100px; /* ADJUST WHETHER ICON IS SQUARE, ROUND, ANOTHER SHAPE */ -webkit-border-radius: 100px; -moz-border-radius: 100px; padding: 0px; box-shadow: 0 0 1px #404040; position: relative; z-index: 5; } p table table td.caption img { height:6px; width:7px; opacity:0.7; } /* HIDES THE IJ ICONS FOR UI AND COMM LINKS WHEN USING <xx-lj USER> */ img[src*="img/userinfo.gif"] { width: 0 !important; height: 0 !important; } img[src*="img/community.gif"] { width: 0 !important; height: 0 !important; } /* OPACITY FOR IMAGES */ img { border: 0px; opacity:0.7; filter:alpha(opacity=70); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -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 { 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; } /* FRIENDS PAGE ICON BACKGROUND/FONT */ .entrybox a.index { background:transparent; color:#808080; font-size:8px; } /* CSS */ #horns { position:absolute; top: 20px; margin-left: -190px; visibility: visible; z-index: 1; } #poke { position:fixed; top: 17px; margin-left: 175px; visibility: visible; z-index: 1; } </style> <=GLOBAL_HEAD FRIENDS_WEBSITE<= <div id="horns" style="width: 175px;"> <img src="http://i.imgur.com/tqDuyA6.png" style="display: block;margin-top: -10px;margin-left: 91px;opacity: .9;transform: rotate(-100deg);height: 100px;width: 100px;"> </div> <div id="poke" style="width: 75px;"> <img src="http://i.imgur.com/jEcNWPS.png" style="display: block;margin-top: -10px;margin-left: 91px;opacity: .9;transform: rotate(-10deg);height: 70px;width: 70px;"> </div> <=FRIENDS_WEBSITE LASTN_OPT_ITEMS=>20 LASTN_WEBSITE<= <div id="horns" style="width: 175px;"> <img src="http://i.imgur.com/tqDuyA6.png" style="display: block;margin-top: -10px;margin-left: 91px;opacity: .9;transform: rotate(-100deg);height: 100px;width: 100px;"> </div> <div id="poke" style="width: 75px;"> <img src="http://i.imgur.com/jEcNWPS.png" style="display: block;margin-top: -10px;margin-left: 91px;opacity: .9;transform: rotate(-10deg);height: 70px;width: 70px;"> </div> <=LASTN_WEBSITE