ary layout
FRIENDS_OPT_ITEMS=>20
GLOBAL_HEAD<=
<link rel="shortcut icon" href="http://i.imgur.com/kn5BONE.png">
<link href="http://fonts.googleapis.com/css?family=Alex+Brush|Unica+One|Oswald|Amatic+SC" rel="stylesheet" type="text/css">
<style>
/* this layout was put together by ~frankunderwood and is best viewed in chrome.
please keep this credit information in tact, don't hotlink anything, and switch images, fonts, colors, etc. */
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-5/cur464.cur), progress !important;} /* End http://www.cursors-4u.com */
/* page background */
body {
background-image: url(http://i.imgur.com/0Afzy3q.png);
background-color: #FFF;
background-attachment: fixed;
background-repeat: repeat;
background-position: left bottom;
overflow-x: hidden;
margin-top: 0px
}
/* entrybox */
.entrybox {
width: 600px;
background-image:url(http://i.imgur.com/FQSHLcr.png);
background-color: #896A96;
border-radius: 10px;
border: 2px solid #C8B9CD;
box-shadow:;
margin-top: 20px;
margin-bottom: -5px;
padding: 0px;
}
/* entry text */
td {
font-family: arial;
font-size: 12px;
line-height: 13px;
color: #666;
text-shadow: 0px 0px 2px #888;
margin-top: -10px;
}
tr { text-align:justify; }
/* link effects */
a {
color: #5C366C;
text-decoration: none;
text-shadow: 0px 0px 2px #5C366C;
transition: all 1.0s ease-out;
}
a:hover {
color: #A168B6;
text-decoration: none;
text-shadow: 0px 0px 2px #A168B6;
transition: all 1.0s ease-out;
}
/* subject lines. */
p table table td.caption {
font-family: unica one;
font-size: 14px;
line-height: 10px;
letter-spacing: 0px;
font-weight: none;
color: #66506C;
text-shadow: 0px 0px 2px #66506C;
text-transform: uppercase;
padding-left: 8px;
border-bottom:;
}
/* date & time. */
.entrybox td.index {
font-family: consolas;
font-size: 6pt;
line-height: 10pt;
letter-spacing: 1px;
font-weight: bold;
color: #CFC6D3;
text-transform: uppercase;
padding-right: 8px;
}
/* mood & music */
.entrybox td.meta {
font-family: consolas;
font-size: 6pt;
line-height: 2pt;
letter-spacing: 1px;
font-weight: bold;
color: #555;
text-shadow: 0px 0px 2px #888;
text-transform: uppercase;
padding-bottom: 5px;
}
/* comments */
.comments {
font-family: unica one;
font-size: 10px;
line-height: 14px;
letter-spacing: 0px;
font-weight: none;
color: #555;
text-shadow: 0px 0px 2px #888;
text-transform: uppercase;
padding-bottom: 0px;
padding-right: 8px;
}
/* navigation top text */
.index {
font-family: unica one;
font-size: 0px;
line-height: 0px;
letter-spacing: 1px;
font-weight: none;
text-transform: uppercase;
color: #F1DFFF;
text-shadow: 0px 0px 0px #F1DFFF;
}
/* navigation bottom text */
table table table td.meta {
font-family: unica one;
font-size: 12px;
line-height: 0px;
letter-spacing: 0px;
font-weight: none;
text-transform: uppercase;
color: #F1DFFF;
text-shadow: 0px 0px 0px #F1DFFF;
}
/* friends page icons & users */
.entrybox a.index {
font-family: consolas;
font-size: 6pt;
line-height: 8pt;
letter-spacing: 1px;
font-weight: none;
text-transform: uppercase;
color: #666;
text-shadow: 0px 0px 2px #888;
}
/* hides journal name & userpic */
.shadowed td div { visibility: hidden; position: absolute; top: 1px; }
.shadowed img { display: none }
/* smaller icons */
.ljuser img {width: 9px; height: 9px;}
/* borders & header spacing*/
table { border:; margin-bottom: 0px; }
table table { border: 0; }
td.caption { font-size: 0px; line-height:0px; }
table table tr.caption td.caption{display:none; visibility:hidden;}
/* usericons and locks*/
.caption img, .ljuser img { width: 8px; height: 8px; padding-right: 3px; padding-bottom: 2px;}
/* image effects */
img { border-radius: 5px; }
/* scrollbar */
::-webkit-scrollbar {background-color: #EFEFEF; width: 5px;}
::-webkit-scrollbar-track {background-color:; -webkit-box-shadow: inset 0 0 0px;}
::-webkit-scrollbar-thumb {background-color: #CCC; -webkit-box-shadow: inset 0 0 1px #BCBCBC; border-radius: 3px; }
/* header info */
.lyrics {
font-family: amatic sc;
font-size: 39px;
line-height: 10px;
letter-spacing: -1px;
color: #7F6F85;
text-shadow: 0px 0px 2px #7F6F85;
font-weight: lighter;
text-transform: uppercase;
display: inline;
}
/* sidebar */
#side {
position: fixed;
background: transparent;
top: 195px;
left: 155px;
width: 105px;
height: 120px;
visibility: visible;
overflow: hidden;
}
.navlist {
width: 100px;
display: block;
float: left;
transition: all 0.4s ease-out;
}
.navlist a:link, .navlist a:visited, .navlist a:active {
font-family: unica one;
font-size: 10px;
line-height: 14px;
letter-spacing: 0px;
font-weight: none;
text-transform: uppercase;
text-align: center;
color: #654E6E;
text-shadow: 0px 0px 2px #654E6E;
text-decoration: none;
background-image:url(http://i.imgur.com/FQSHLcr.png);
background-color: #896A96;
border: 2px solid #C8B9CD;
border-radius: 10px;
width: 100px;
display: block;
float: left;
margin-bottom: 3px;
transition: all 0.4s ease-out;
}
.navlist a:hover {
background-image:url(http://i.imgur.com/FQSHLcr.png);
background-color: #4A2B57;
border: 2px solid #AF98B6;
margin-left: 0px;
}
#earleft {
top: -80px;
left: 40px;
position: fixed;
visibility: visible;
z-index: 0;
}
#earright {
top: -120px;
left: 210px;
position: fixed;
visibility: visible;
z-index: 0;
}
</style>
<=GLOBAL_HEAD
FRIENDS_WEBSITE<=
<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;}
</style>
<tr><td valign="bottom" colspan="0" width="600">
<table height="40" align="left" cellspacing="0" border="0" cellpadding="0" style="margin-bottom: -36px;">
<tr><td valign="bottom">
<font class="lyrics">the stitches that we've made are the best that i've ever sewn
</font></td></tr></table>
<div id="earleft"><a href="http://youtu.be/GYbtovUMalA" target="x" title="'sew my name' by josh pyke."><img src="http://i.imgur.com/arskpM7.png" style="display: inline;"></a>
</div>
<div id="earright"><a href="http://youtu.be/GYbtovUMalA" target="x" title="'sew my name' by josh pyke."><img src="http://i.imgur.com/hbBdENq.png" style="display: inline;"></a>
</div>
<div id="side"><span class="navlist">
<a href="http://ary.insanejournal.com/info">profile</a>
<a href="http://ary.insanejournal.com/friends">friends</a>
<a href="http://ary.insanejournal.com/">journal</a>
</span>
</div>
<=FRIENDS_WEBSITE
LASTN_OPT_ITEMS=>20
LASTN_WEBSITE<=
<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;}
</style>
<tr><td valign="bottom" colspan="0" width="600">
<table height="40" align="left" cellspacing="0" border="0" cellpadding="0" style="margin-bottom: -36px;">
<tr><td valign="bottom">
<font class="lyrics">the stitches that we've made are the best that i've ever sewn
</font></td></tr></table>
<div id="earleft"><a href="http://youtu.be/GYbtovUMalA" target="x" title="'sew my name' by josh pyke."><img src="http://i.imgur.com/arskpM7.png" style="display: inline;"></a>
</div>
<div id="earright"><a href="http://youtu.be/GYbtovUMalA" target="x" title="'sew my name' by josh pyke."><img src="http://i.imgur.com/hbBdENq.png" style="display: inline;"></a>
</div>
<div id="side"><span class="navlist">
<a href="http://ary.insanejournal.com/info">profile</a>
<a href="http://ary.insanejournal.com/friends">friends</a>
<a href="http://ary.insanejournal.com/">journal</a>
</span>
</div>
<=LASTN_WEBSITE
Public Last updated: 2017-09-03 07:09:00 PM
