conman layout
GLOBAL_HEAD<=
<link rel="shortcut icon" href="http://upload.wikimedia.org/wikipedia/en/6/69/Inverted_cross.gif">
<title>ɴᴏᴛᴏʀɪᴏᴜs ᴘʜɪʟᴀɴᴅᴇʀᴇʀ</title>
<link href="http://fonts.googleapis.com/css?family=Amatic+SC:400,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Miss+Fajardose" rel="stylesheet" type="text/css">
<style>
/* codes written by ~suzanne, edited by ~loren & ~almur*/
/* background */
body {
background-image:url('http://i.imgur.com/6ElD8H6.png');
cursor: url('http://i.imgur.com/ONVDMqu.png'), progress !important;
}
/* tables */
table {
margin-bottom: -5px;
}
/* default font */
td {
font-family: 'arial';
font-size: 11px;
line-height: 10px;
}
/* default text alignment */
tr {
text-align: justify;
}
/* links */
a {
color:#0b8f70;
text-decoration: none;
text-shadow: 0px 0px 1px#0b8f70;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
}
a:hover {
color: #AAAAAA;
cursor: url('http://i.imgur.com/ONVDMqu.png'), progress !important;
text-decoration: none;
text-shadow: 0px 0px 1px #AAAAAA;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
}
.spam { opacity:0.5; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; }
.spam:hover {opacity:1; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; }
/* removes journal title */
table table tr.caption td.caption {
display: none;
visibility: hidden;
}
/* header */
.header {
font-family: 'Miss Fajardose';
font-size: 35px;
letter-spacing: 0px;
line-height: -10px;
text-align: center;
text-shadow: 0px 0px 1px #1f1f1f;
text-transform: lowercase;
}
/* removes default icon */
.shadowed img {
display: none;
}
/* entrybox */
.entrybox {
background-image:url('http://i.imgur.com/ezRdd57.png');
border:;
border-radius: 0px;
box-shadow:#DDD 0px 0px 0.8px;
opacity: 1.0;
padding: 0px;
}
/* removes privacy icons */
.caption img {
width: 15px;
}
/* removes user icons */
.ljuser img {
display: none;
}
/* changes content before linked usernames */
.ljuser:before {
content: "";
}
/* subject */
p table table td.caption {
border-bottom: 1px dashed #DDD;
font-family: consolas, 'arial';
font-size: 8px;
letter-spacing: 1px;
line-height: 0px;
text-shadow: 0px 0px 1px#0b8f70;
text-transform: uppercase;
opacity:0.5;
}
/* removes date */
.entrybox td.index, .index3 {
display: none;
}
/* moves date */
.index2 {
display: block;
font-family: 'arial';
font-size: 8px;
line-height: 9px;
text-align: left;
text-transform: uppercase;
}
/* mood & music. */
.entrybox td.meta {font-family:consolas; font-size:8px; text-transform:uppercase; line-height:7px; color:#AAAAAA; letter-spacing: 1px; font-weight: normal; padding:0px;}
/* comments */
.comments {
color:#C2C5C6; letter-spacing:1px; text-transform: uppercase; font-size: 8px; font-family:consolas, arial; line-height:6px; padding-top: 3px; padding-bottom: 8px;
}
/* navigation - hides navigation */
.index {
color: #EDE9E2;
font-family: 'arial';
font-size: 7px;
line-height: 1px;
text-transform: uppercase;
}
/* viewing - hides viewing */
.meta {
color: #EDE9E2;
font-family: 'arial';
font-size: 7px;
line-height: 1px;
text-transform: uppercase;
}
/* changes friend icons */
.index img {
height: 85px;
width: 85px;
}
/* tooltips */
a.tooltips {
position: relative;
display: inline;
}
a.tooltips span {
background-image: url('');
color: #7c7d7e;
font-family: consolas;
font-size: 8px;
height: 8px;
letter-spacing: 2px;
line-height: 25px;
padding: 2px;
position: absolute;
text-align: left;
text-transform: uppercase;
visibility: hidden;
width:;
}
a:hover.tooltips span {
margin-left: 5px;
margin-top: -23px;
right: 100%;
top: 50%;
visibility: visible;
z-index: 999;
}
/* scrollbar */
::-webkit-scrollbar {
width: 3px;
}
::-webkit-scrollbar-track {
border-radius: 0px;
-webkit-box-shadow: inset 0 0 5px #72587f;
}
::-webkit-scrollbar-thumb {
border-radius: 0px;
-webkit-box-shadow: inset 0 0 15px #72587f;
}
/* lock image */
p table table td.caption img{width: 4pt; height: 4pt;}
</style>
<=GLOBAL_HEAD
FRIENDS_WEBSITE<=
<style>
.shadowed td div {
position: absolute;
top: 1px;
visibility: hidden;
}
table table table table .meta {
position: absolute;
top: 1px;
visibility: hidden;
}
table table table table table .meta {
position: relative;
top: 1px;
visibility: visible;
}
tr.caption {
display: none;
}
.dot {
align: center;
border-radius: 20px;
filter: alpha(opacity=100);
opacity: 0.5;
width: 20px;
}
.dot:hover {
align: center;
border-radius: 20px;
filter: alpha(opacity=100);
opacity: 0.9;
-moz-transition-duration: 2.0s;
-o-transition-duration: 2.0s;
-webkit-transition-duration: 2.0s;
}
#header {
left: -510px;
position: relative;
text-align: left ;
top: 38px;
visibility: visible;
width: 550px;
z-index: 6;
opacity:0.4;
}
#side {
left: -545px;
position: relative;
top: 40px;
visibility: visible;
width: 220px;
z-index: 7;
height: 63px;
background-image:url(http://i.imgur.com/ezRdd57.png);
box-shadow:#DDD 0px 0px 0.8px;
}
#moving{position: absolute; visibility: visible; padding:2px; z-index:2; top:px; margin-left:; opacity:0.5; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; width:150; float:left;}
#moving:hover {opacity:1; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; }
#texty {position: absolute; visibility: visible; float:right; top:10px; left:90px; width:125px}
</style>
<tr><td valign="bottom" colspan="5" width="600px" height="20px">
<table align="center" cellspacing="0" border="0" cellpadding="5">
<tr><td align="justify" style="position:absolute; max-width:200px; max-height:10px;">
<div id="header"><font class="header">i'll never be your chosen one</font></div>
<div id="side" style="">
<div id="moving"><a href="http://conman.insanejournal.com"><img src="https://57.media.tumblr.com/afceb831c86014c8bdc675b47139bf6b/tumblr_o0veddCcP61ruvpwjo4_400.gif" width="79" style="display: inline; padding:; margin-top:10px; margin-left:3px; border-radius:3px; border:1px solid #cccccc;"></a>
<div id="texty"><font style="font-family: consolas; font-size: 7px; letter-spacing: 1px; line-height: 7px; text-transform:uppercase; color:#4b4b4b; text-shadow:#d9d7d7 0px 0px 1px;">Touch my mouth and hold my tongue, I'll never be your chosen one, I'll be home safe and tucked away. Well You can't tempt me if I don't see the day. <a href="http://conman.insanejournal.com/profile" title="profile">i.</a> <a href="http://conman.insanejournal.com/friends" title="friends">ii.</a> <a href="http://conman.insanejournal.com/" title="recent">iii.</a></font></div></div>
</div>
</td></tr></table></td></tr>
<=FRIENDS_WEBSITE
LASTN_WEBSITE<=
<style>
.shadowed td div {
position: absolute;
top: 1px;
visibility: hidden;
}
table table table table .meta {
position: absolute;
top: 1px;
visibility: hidden;
}
table table table table table .meta {
position: relative;
top: 1px;
visibility: visible;
}
tr.caption {
display: none;
}
.dot {
align: center;
border-radius: 20px;
filter: alpha(opacity=100);
opacity: 0.5;
width: 20px;
}
.dot:hover {
align: center;
border-radius: 20px;
filter: alpha(opacity=100);
opacity: 0.9;
-moz-transition-duration: 2.0s;
-o-transition-duration: 2.0s;
-webkit-transition-duration: 2.0s;
}
#header {
left: -510px;
position: relative;
text-align: left ;
top: 38px;
visibility: visible;
width: 550px;
z-index: 6;
opacity:0.4;
}
#side {
left: -545px;
position: relative;
top: 40px;
visibility: visible;
width: 220px;
z-index: 7;
height: 63px;
background-image:url(http://i.imgur.com/ezRdd57.png);
box-shadow:#DDD 0px 0px 0.8px;
}
#moving{position: absolute; visibility: visible; padding:2px; z-index:2; top:px; margin-left:; opacity:0.5; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; width:150; float:left;}
#moving:hover {opacity:1; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; -webkit-transition-duration: 1.5s; }
#texty {position: absolute; visibility: visible; float:right; top:10px; left:90px; width:125px}
</style>
<tr><td valign="bottom" colspan="5" width="600px" height="20px">
<table align="center" cellspacing="0" border="0" cellpadding="5">
<tr><td align="justify" style="position:absolute; max-width:200px; max-height:10px;">
<div id="header"><font class="header">i'll never be your chosen one</font></div>
<div id="side" style="">
<div id="moving"><a href="http://conman.insanejournal.com"><img src="https://57.media.tumblr.com/afceb831c86014c8bdc675b47139bf6b/tumblr_o0veddCcP61ruvpwjo4_400.gif" width="79" style="display: inline; padding:; margin-top:10px; margin-left:3px; border-radius:3px; border:1px solid #cccccc;"></a>
<div id="texty"><font style="font-family: consolas; font-size: 7px; letter-spacing: 1px; line-height: 7px; text-transform:uppercase; color:#4b4b4b; text-shadow:#d9d7d7 0px 0px 1px;">Touch my mouth and hold my tongue, I'll never be your chosen one, I'll be home safe and tucked away. Well You can't tempt me if I don't see the day. <a href="http://conman.insanejournal.com/profile" title="profile">i.</a> <a href="http://conman.insanejournal.com/friends" title="friends">ii.</a> <a href="http://conman.insanejournal.com/" title="recent">iii.</a></font></div></div>
</div>
</td></tr></table></td></tr>
<=LASTN_WEBSITE
Public Last updated: 2017-08-31 02:58:06 PM
