maple leaf layout 2

GLOBAL_HEAD<= <title>YOUR TITLE</title> <link rel="shortcut icon" href="http://i.imgur.com/HLu54fP.png"> <link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" type="text/css"> <style> /* the original layout creator is unknown (coding/ell/laurel/lilyj/rianna), 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);} /* background */ body{background: url() ;background-attachment:fixed; background-color:#c0ddea; background: -webkit-linear-gradient(#03264d, #ecf2f8); background: -o-linear-gradient(#03264d, #ecf2f8); background: -moz-linear-gradient(#03264d, #ecf2f8); background: linear-gradient(#03264d, #ecf2f8); } 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, .shadowed {background: url(http://i.imgur.com/gwkRgwW.png);box-shadow:1px 1px 2px #d4c8c0;} .entrybox td.index, .nein{display:none;} /* body text */ tr, td, table, body {padding:1px; font-family: helvetica, consolas, font-size: 10px; line-height:11px; color:#bda99b;} /* 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;} .date, a.index {visibility:visible !important;} /* links under name */ table table table td.meta a {text-transform:uppercase; font-size:7px; letter-spacing:1px; line-height:8px; margin-top:-4px;} table table table td.meta {font-size:0px;line-height:0px;} /* mood & music. */ .entrybox td.meta {font-family:consolas; font-size: 8px; color: #1b1b1b; line-height: 6px; text-transform: lowercase;} /* hides top title and extra text surrounding links */ .entrybox td.index {background-image:url(); background-color:; border-radius:0; -moz-border-radius:0; padding:0 2 0 0;} .entrybox td table td.index {visibility:hidden;} tr.caption {visibility:hidden;position:absolute;top:1px; !important;} table table tr.caption td.caption {visibility:hidden; line-height: 7px;} /* 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:#03264d;} /* subject */ p table table td.caption{font-family: helvetica; letter-spacing: 1px; text-transform: uppercase; font-size: 9px; color: #000000; font-weight: heavy !important;} /* namefield */ .shadowed td div, big {font-family: brook, cursive; text-transform:lowercase; display:; text-shadow: 0px 1px 1px #afafaf; color:#003876;margin-top: 0px;} .shadowed td div {font-size:20px;line-height:10px;letter-spacing:1px;-webkit-text-stroke: 0.1px;-ms-text-stroke: 0.1px;} /* 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: #03264d; text-decoration: none; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; transition-duration: 1.5s;} a:hover{color: #fff; text-shadow: 2px 2px 2px #03264d; cursor: pointer; 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: 85px; /* ADJUST SIZE OF ICON */ width: 85px; /* 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 0px #fff; 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:1; 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; } #icon { position: absolute; top: 8px; margin-left: 175px; visibility: visible; z-index: 1; } #poke { position: absolute; top: 8px; margin-left: 105px; visibility: visible; z-index: 1; } </style> <=GLOBAL_HEAD FRIENDS_OPT_ITEMS=>20 FRIENDS_WEBSITE<= <div id="icon" style="width: 85px;"> <img src="http://i.imgur.com/Lqg2ylz.png" style="display: block;margin-top: 05px;margin-left: 91px;opacity: .9;transform: rotate(-10deg);height: 60px;width: 60px;"> </div> <=FRIENDS_WEBSITE LASTN_OPT_ITEMS=>20 LASTN_WEBSITE<= <div id="poke" style="width: 95px;"> <img src="http://i.imgur.com/Lqg2ylz.png" style="display: block;margin-top: 05px;margin-left: 91px;opacity: .9;transform: rotate(-10deg);height: 100px;width: 100px;"> </div> <=LASTN_WEBSITE