elsia layout

FRIENDS_OPT_ITEMS=>20 GLOBAL_HEAD<= <title>ʙᴜᴛ ɪ ʟᴏᴠᴇ ɪᴛ</title> <link href="https://fonts.googleapis.com/css?family=News+Cycle" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Bad+Script|Bubbler+One" rel="stylesheet"> <style> /* hides top nav bar text */ .entrybox td.meta {display:none; visibility:hidden;} .shadowed, .shadowed td.div {background: #fff;} /* hides navigation text */ .index, table table table td.meta {text-transform:uppercase;font-family: verdana;font-size:5pt; color:transparent; text-transformation: uppercase; text-shadow:none; letter-spacing: 1px; line-height:0px;} /* thanks to ~territory, ~statelines, ~tif, and probably others for everything! */ /* cursors */ body, a, a:hover {cursor:url(http://i.imgur.com/xD9ifH0.png), default;} /* everything else */ body {background-color: rgba(249, 249, 249, 1); background-image: url(http://i.imgur.com/wN0sL6H.png); overflow-x: hidden; margin-top: 0px; margin: 0px; margin-top: -10px;} td{font-family: Itim; font-size: 7px; line-height: 9px; color: #777; text-shadow: 0 0 1px rgba(255, 255, 255, 0.7); text-transform: uppercase; letter-spacing: 1px; word-spacing: 2px;} tr{text-align:justify;} table{margin-bottom: -5px;} b{font-weight: bold;} /* link colours */ a{color: #f7a3a4; 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:#333333; 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;} /* entrybox */ .entrybox {width: 605px; background-color: rgba(255, 255, 255, 0.8); background-image: url(http://i.imgur.com/qL2GkRa.png); box-shadow: 0 0 1px rgba(204, 215, 197, 0.6); border-width: 0 0 1px 0; border-style: solid; -webkit-border-image: -webkit-linear-gradient(right, #f28585, #54647a, #bddece) 100% 1; -moz-border-image: -moz-linear-gradient(right, #f28585, #54647a, #bddece) 100% 1; -o-border-image: -o-linear-gradient(right, #f28585, #54647a, #bddece) 100% 1; border-image: linear-gradient(right, #f28585, #54647a, #bddece) 100% 1;} /* subject */ p table table td.caption {font-family: news cycle; font-size:8px; line-height:8px; letter-spacing: 2px; text-transform: uppercase; color:#7e7d81; text-shadow: 0px 0px 1px rgba(190, 190, 190, 1); text-indent: 4px; display: block; border-bottom: 1px solid #bd975e; border-image: repeating-linear-gradient(to right, rgba(251, 210, 190, 0.3), rgba(248, 233, 201, 0.3)) 1; border-left: 0px; border-right: 0px; border-top: 0px;} /* namefield. */ .shadowed td div {visibility: hidden;} /* currents (mood, music) and bottom banner navigation links */ table table table td.meta {font-family: source code pro; color:; font-size: 7px; letter-spacing: 1px; line-height:7px; text-transform: uppercase; text-shadow: transparent;} /* comments */ .comments {font-family: news cycle; font-size: 8px; line-height:10px; letter-spacing:px; text-transform: uppercase;} /* top banner main navigation links */ table table table table td.meta { font-size: 8px; line-height: 8px; letter-spacing: 1px; font-family: arial narrow; text-transform: uppercase; } /* date line */ .date {color: transparent; display: block; text-align: left; font-family: consolas; font-size: 6px; letter-spacing: 1; line-height: 5px; padding-bottom: 3; padding-top: 0;} .date, a.index {visibility:visible !important;} .dated{display:none;} /* MOVES DATES TO NEW LINE */ .entrybox td.index, .nein{display:none; color: transparent;} /* NEW DATES */ .dates {color: transparent; font-family: news cycle; font-size: 8px; letter-spacing: 1px; line-height: 0px; text-shadow: transparent; text-transform: uppercase; padding-left: 25px; } /* custom date and time */ .index2 {font-family: arial; text-transform:uppercase; font-size: 6pt; letter-spacing: 1px; text-align: left; color: transparent; padding-left: 15px;} .entrybox td.index, .index3 {display: none;} /* all misc little text */ p.index, tr.caption, .date {font-family: hind; font-size:8px; line-height:9px; letter-spacing: 1px; text-transform:uppercase;} .index, .meta {font-family: hind; font-size: 8px; text-transform: uppercase; line-height: 8px; padding: 0px; letter-spacing: +1.5px;} table table table td.meta {font-family:hind; font-size:0px;line-height:0px;} table table table td.meta a {font-size:8px;letter-spacing:1px;line-height: 8px;margin-top:-4px;} /* hides navigation text */ .index, table table table td.meta {text-transform:uppercase;font-family: consolas;font-size:6pt; color: transparent; text-shadow: transparent; text-transformation: uppercase;letter-spacing: 1px; line-height:0px;} /* hides top nav bar text */ .entrybox td.meta {display:none; visibility:hidden;} .shadowed, .shadowed td.div {background: #fff;} /* icon */ .shadowed img { display: none;} /* fp stuff */ .index img {border-radius: 100px; height: 55px; width:55px;} .entrybox tr td table tr td table tr td {background: transparent;} a.index {color: #777; background-color: transparent;} .entrybox a.index font {color: #777;} /* top banner & image */ .shadowed {height: 50px; width: 600px; position: relative; left: 3px; margin-bottom: 2px; border: ; border-radius:; background-color: transparent;} /* changes content before linked usernames */ .ljuser:before {display: none;} /* fancy shit */ #everything { height: 0px; left: -380px; position: relative; top: 4px; width: 150px; visibility: visible; } #wreath { position: relative; visibility: visible; z-index: 10; } #wreath img { display: block; width: 120px; margin-left: 15px; top: 1px; -ms-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); transform: rotate(-11deg); } #icon { position: absolute;visibility: visible; } #icon img { width: 108px; border-radius: 100%; box-shadow: 1px 1px 1px #ddd; display: block; margin-left: 22px; margin-top: 8px; opacity: 100; position: relative; -ms-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); transform: rotate(-11deg); } #one { position: absolute; visibility: visible; top: 126px; margin-left: 65px;} #two { position: absolute; visibility: visible; top: 165px; margin-left: 65px;} #three { position: absolute; visibility: visible; top: 204px; margin-left: 65px;} .button { float: right; display: inline-block; overflow: hidden; background: transparent; width: 56px; height: 56px; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; } #i1 { height: 19px; width: 19px; padding: 6px; background: rgba(250, 249, 249, 0.7); border: 2px solid #f28585; border-radius: 40%; margin-right: 3px; } #i2 { height: 19px; width: 19px; padding: 6px; background: rgba(250, 249, 249, 0.7); border: 2px solid #55657b; border-radius: 40%; margin-right: 3px; } #i3 { height: 19px; width: 19px; padding: 6px; background: rgba(250, 249, 249, 0.7); border: 2px solid #bddece; border-radius: 40%; margin-right: 3px; } /* hides privacy icons */ .caption img {display: none;} img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url() no-repeat !important; padding:0px 0 0 0px !important; vertical-align:0px !important;opacity:0.0;} img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url() no-repeat !important; padding:0px 0 0 0px !important; vertical-align:0px !important;} 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.0;} 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.0;} /* highlighting */ ::selection {background-color: rgba(254, 253, 253, 0.5); color: #777;} ::-moz-selection {background-color:rgba(254, 253, 253, 0.5); color: #777;} ::-webkit-selection {background-color:rgba(254, 253, 253, 0.5); color: #777;} </style> <=GLOBAL_HEAD FRIENDS_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px} table table table table table .meta {visibility:visible; position:relative; top:1px} tr.caption {display:none} .shadowed td div {visibility:hidden; position:absolute; top:1px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} </style> <div id="everything"> <div id="wreath"><a href="/profile"><img src="http://i.imgur.com/fn8ibdJ.png"></a></div> <div id="icon"><img src="http://68.media.tumblr.com/789cdfae936e87edd79defbcf902ea7a/tumblr_inline_opt0pa359I1rifr4k_540.gif"></div><br><br><br> <a href="/" id="one" class="button"><img src="http://i.imgur.com/37H38Xi.png" id="i1" style="display:inline;"></a> <a href="/friends" id="two" class="button"><img src="http://i.imgur.com/PgC3neK.png" id="i2" style="display:inline;"></a> <a href="/2005/05/04/" id="three" class="button"><img src="http://i.imgur.com/O06oZfP.png" id="i3" style="display:inline;"></a></div> <tr> <=FRIENDS_WEBSITE LASTN_OPT_ITEMS=>20 LASTN_WEBSITE<= <style> table table table table .meta {visibility:hidden; position:absolute; top:1px} table table table table table .meta {visibility:visible; position:relative; top:1px} tr.caption {display:none} .shadowed td div {visibility:hidden; position:absolute; top:1px} .shadowed span#navigation img {display:inline; visibility:visible; position:relative;} </style> <div id="everything"> <div id="wreath"><a href="/profile"><img src="http://i.imgur.com/fn8ibdJ.png"></a></div> <div id="icon"><img src="http://68.media.tumblr.com/789cdfae936e87edd79defbcf902ea7a/tumblr_inline_opt0pa359I1rifr4k_540.gif"></div><br><br><br> <a href="/" id="one" class="button"><img src="http://i.imgur.com/37H38Xi.png" id="i1" style="display:inline;"></a> <a href="/friends" id="two" class="button"><img src="http://i.imgur.com/PgC3neK.png" id="i2" style="display:inline;"></a> <a href="/2005/05/04/" id="three" class="button"><img src="http://i.imgur.com/O06oZfP.png" id="i3" style="display:inline;"></a></div> <tr> <=LASTN_WEBSITE