penolpe layout
FRIENDS_WEBSITE<=
<tr><td valign="left" colspan="0" width="130px" height="0px">
<table height="" width="130px" align="left" cellspacing="0" border="0" cellpadding="0">
<tr><td valign="center"></td></tr></table>
<div id="icon"><img src="https://68.media.tumblr.com/853db34dae9f7b0882a6dadce14d84bf/tumblr_os8s41W9O01wr65avo1_400.gif" class="icon" style="display:inline;"></div>
<div id="links"><font class="name"></font>
<span class="tiny"><b>entries</b> • <a href="/friends">friends</a> • <a href="/info">userinfo</a></span><br></span></div>
</style>
<=FRIENDS_WEBSITE
GLOBAL_HEAD<=
<style>
body, td {
font-family: verdana, sans-serif;
font-size: 10pt;
}
tt, pre {
font-family: monospace;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.shadowed, .ljadshadowed {
font-size: 8pt;
background: ;
}
.ljadshadowed div {
visibility: visible;
position: relative;
}
.meta {
font-size: 8pt;
}
.index {
font-size: 8pt;
}
.caption, .index {
color: #000000;
}
.comments {
font-size: 8pt;
}
</style>
<title></title>
<link href="http://fonts.googleapis.com/css?family=Montserrat|NTR|Raleway|Roboto" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="http://i.imgur.com/el11hZV.png?1">
<style>
/* frakensteined this shit from by ~reyna, ~weiman and others. */
/* custom fonts */
@font-face {
font-family: 'ville garageman';
src: url('http://2ttf.com/webfont/2Yrm4jeeiC6/webfont.ttf') format('truetype');
}
body {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}
body {background-color:#666;background: url(http://i.imgur.com/1qHhEc4.png);background-attachment:fixed;}
table { margin-bottom: 0px;}
td {font-family: helvetica; font-size: 8px; line-height: 10px; color: #333; letter-spacing:1px;}
.index img {border-radius:5px; height:70px; width:70px;}
/* main entrybox */
.entrybox{width: 600px; border-width: 0px 0px 3px 0px; border-image: url(http://i.imgur.com/BCOXZYP.gif) 7 repeat; padding: 0px; background-image: url(http://i.imgur.com/GdzdcnR.png); box-shadow: 0 0 1px #dddddd;}
.entrybox td.index, .index3{display: none;}
.index2 {font-family:inconsolata, consolas;font-size:8px; line-height:3px; text-transform:uppercase; letter-spacing:2px;}
.shadowed img {display:none;}
/* links */
A, a.caption, a.index {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;text-decoration: none;color:#73d3e1;}
A:hover {filter: hue-rotate(342deg) saturate(0.8);-webkit-filter: hue-rotate(342deg) saturate(0.8);-moz-filter: hue-rotate(342deg) saturate(0.8);-ms-filter: hue-rotate(342deg) saturate(0.8);-o-filter: hue-rotate(342deg) saturate(0.8);text-decoration: none;}
body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}
/* subject line */
p table table td.caption {font-family: ville garageman; font-size: 14px; line-height:12px; text-transform:uppercase; color:#333; text-shadow:2px 1px 0px #FFF, 3px 2px 2px #AAA; text-align:right; letter-spacing:1;}
.entrybox td.index, .index3 {display:none;}
/* mood & music. */
.entrybox td.meta {font-family:consolas; font-size: 8px; color: #1b1b1b; line-height: 8px; text-transform: lowercase; border-bottom: 1px solid #C56BE7; }
/* comments */
.comments { font-family:inconsolata, consolas;font-size:8px; line-height:3px; text-transform:uppercase; letter-spacing:2px; }
/* 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;}
/* ij icon & locks */
.ljuser img {display:none;}
.caption img{width: 5px; height:5px;}
.ljadshadowed div {visibility: visible;position: relative;}
table table table table table .meta {visibility: visible; position:relative;}
.shadowed span#navigation img {display: inline; visibility: visible; position: relative;}
/* aligns all text */
tr {text-align:justify;}
/* top box website lyrics, etc */
.shadowed {background-image:url(); background-repeat:no-repeat;}
/* image opacity */
img { border: 0px; opacity:0.8; filter:alpha(opacity=80);border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:10px;}
img:hover {opacity:1.0;filter:alpha(opacity=100); -moz-transition: all 3.0s ease-out; -o-transition: all 3.0s ease-out; -webkit-transition: all 3.0s ease-out; transition: all 3.0s ease-out;}
::selection {color:#FE52C1; t ext-shadow:#CCC 1px 1px 1px;}
::-moz-selection {color:#FE52C1; text-shadow:#CCC 1px 1px 1px;}
::-webkit-scrollbar {width: 1px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-color:;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 1px 1px #ffffff; background-color:#C1A1A1;}
</style>
<style>
/* entrybox */
.entrybox {width: 650px; background: rgba(252, 252, 252, 0.6); box-shadow: 0 0 1px #ddd; border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid #000;
border-image: repeating-linear-gradient(to right, #fefefe, rgba(150,244,247,0.7), rgb(193,247,247,0.6), rgba(236,217,233,0.5), rgb(255,207,215,0.4), rgba(255,189,195,0.3), #fefefe) 10;}
</style>
<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;}
#icon {position:relative; visibility: visible; top:55px; left:-417px; z-index:97; height:0px;}
#links {position:relative; width:185; visibility: visible; top:140px; left:-415px; z-index:97; height:0px; border-bottom: 1px #71F6D4;align:center;}
.icon {width:160px; background-image:url(http://i.imgur.com/BCOXZYP.gif); display:inline; padding: 5px; border-radius:4px; box-shadow:#DDD 0 0 0.8px; border-width: 0px 0px 2px 2px; border-style: ;}
.icon:hover { border-radius: 100px;}
.name {font-family: Elias;font-size:52px;line-height:7px;text-shadow: 2px 1px 2px #497DE3; color:#fff; letter-spacing:0px}
.tiny {font-family:inconsolata, consolas;font-size:7.5px; line-height:7px; text-transform:uppercase; letter-spacing:2px; align:center;}
.tiny2 {border-bottom: 1px solid #bbb; font-family:inconsolata, consolas;font-size:7.5px; line-height:7px; text-transform:uppercase; letter-spacing:2px; align:center;}
</style>
<=GLOBAL_HEAD
LASTN_WEBSITE<=
<tr><td valign="left" colspan="0" width="130px" height="0px">
<table height="" width="130px" align="left" cellspacing="0" border="0" cellpadding="0">
<tr><td valign="center"></td></tr></table>
<div id="icon"><img src="https://68.media.tumblr.com/853db34dae9f7b0882a6dadce14d84bf/tumblr_os8s41W9O01wr65avo1_400.gif" class="icon" style="display:inline;"></div>
<div id="links"><font class="name"></font>
<span class="tiny"><b>entries</b> • <a href="/friends">friends</a> • <a href="/info">userinfo</a></span><br></span></div>
</style>
<=LASTN_WEBSITE
Public Last updated: 2017-08-31 02:08:18 PM
