caretaker layout
GLOBAL_HEAD<=
<title>liam</title>
<link rel="shortcut icon" href="https://cdn2.iconfinder.com/data/icons/windows-8-metro-style/256/gun.png">
<link href="http://fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Bubbler+One" rel="stylesheet" type="text/css">
<style>
/* layout credit by ~roscoe */
body {
background-image: url();
background-color: #e5e5e5;
}
table {
padding:;
border-radius:;
margin-bottom: -5px;
}
table table {
border: ;
}
body, tr, td {
font-family: arial;
font-size: 13px;
text-transform: ;
font-weight: light;
letter-spacing: 1px;
color: #333;
line-height: 15px;
padding: 5px;
}
.entrybox {
background: url(http://i.imgur.com/PBv6wFu.png);
border-left: 0px dashed #ababab;
box-shadow: 0px 0px 1px #cccccc;
border-radius: 3px;
padding: 0;
}
/* icon */
.shadowed img {
width: 90;
height: 90;
border-radius: 100px;
border: 1px solid #730000;
padding: 2;
visibility: visible;
}
/* hides the date brackets */
.entrybox td.index {
color: #000000;
font-size: 0px;
}
/* links */
a {
color: #960000;
text-decoration: none;
-webkit-transition-duration: 1.0s;
}
a:hover {
color: #B50909;
text-decoration: none;
-webkit-transition-duration: 1.0s;
}
/* nav */
.index, .meta {
font-family: helvetica;
font-size: 7px;
line-height: 7px;
text-transform: uppercase;
letter-spacing: 1;
color: #333;
}
/* top box nav */
table table table table td.meta {
font-family: helvetica;
font-size: 0px;
line-height: 0px;
text-transform: uppercase;
}
/* viewing and etc at the bottom & music/mood */
.meta {
font-family: arial;
font-size: 10px;
line-height: 7px;
text-transform: uppercase;
letter-spacing: 1px;
color: #cecccc;
}
/* subject */
p table table td.caption {
font-family: helvetica;
font-size: 25px;
line-height: 19px;
text-transform: uppercase;
color: #730000;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 1px;
opacity: 1;
text-shadow: 0px 0px 1px #332f2f;
padding: 3px;
}
/* comments */
.comments {
font-family: helvetica;
font-size: 7px;
line-height: 10px;
text-transform: uppercase;
letter-spacing: 1px;
color: #000;
text-transform: uppercase;
font-weight: lighter;
text-shadow: 0px 0px 1px #332f2f;
padding-bottom: 5px;
}
/* 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;
}
/* image effects */
img {
opacity: .8;
filter: alpha(opacity=85);
-webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;
-webkit-transform: filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
}
img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
-webkit-transition-duration: 0.9s;
-moz-transition-duration: 0.9s;
-o-transition-duration: 0.9s;
-ms-transition-duration: 0.9s;
-webkit-transform: filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
}
/* top box website lyrics, etc */
.title {
font-family: 'bubbler one';
font-size: 35px;
font-weight: ;
line-height: 30px;
letter-spacing:;
word-spacing: -5px;
color: #fff;
text-shadow: 1px 0px 2px #b1b1b1;
text-transform: ;
}
.sub {
font-size: 7px;
font-family: helvetica;
text-transform: uppercase;
font-weight: light;
letter-spacing: 1px;
color: #000000;
line-height: 10px;
padding-left: 0px;
background-color: #FFFFFF;
opacity: 1;
text-shadow: 0px 0px 1px #332f2f;
box-shadow:0px 0px 3px #cccccc;
}
a#topnavi {
border-radius: 4px;
color: transparent;
display: inline-block;
height: 7px;
font-family: helvetica;
font-size: 7px;
line-height: 7px;
overflow: hidden;
padding: 1px 1px;
text-align: center;
text-shadow: none;
text-transform: uppercase;
transition: all 0.3s ease-in;
vertical-align: text-top;
width: 7px;
-webkit-transition: all 0.4s ease-in;
}
a#topnavi:hover {
color: #ffffff;
font-family: helvetica;
font-size: 7px;
height: 7px;
text-transform: uppercase;
transition: all 0.3s ease-in;
width: 60px;
-webkit-transition: all 0.4s ease-in;
}
.un {
background: #360000;
margin-top: 2px;
}
.duex {
background: #730000;
margin-top: 2px;
}
.trois {
background: #A80000;
margin-top: 2px;
}
::selection {
background: #fff;
color: #F0ECE5;
text-shadow: 0px 0px 1px #F0ECE5;
}
::-moz-selection {
background: #fff;
color: #F0ECE5;
text-shadow: 0px 0px 1px #F0ECE5;
}
/* lj user icon */
.ljuser img {
display: none;
}
::selection {
color: #375889;
background-color: #ccc;
}
::-webkit-scrollbar {
width: 4px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px #ffffff;
border-radius: 0px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 13px #333;
border-radius: 0px;
}
</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="left" colspan="0" width="600">
<table height="" align="middle" cellspacing="0" border="0" cellpadding="0" style="margin-left:;">
<tr>
<td valign="middle">
<font class="title">There is no defeat in death</font><br>
<font class="sub">Victory comes in defending what we know is right while we still live. </td>
<td align="left"><a class="un" id="topnavi" href="/">RECENT</a><br><a class="duex" id="topnavi" href="/friends">friends</a><br><a class="trois" id="topnavi" href="/profile">profile</a></font></td>
</td></tr></table></td></tr>
<=FRIENDS_WEBSITE
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="left" colspan="0" width="600">
<table height="" align="middle" cellspacing="0" border="0" cellpadding="0" style="margin-left:;">
<tr>
<td valign="middle">
<font class="title">There is no defeat in death</font><br>
<font class="sub">Victory comes in defending what we know is right while we still live. </td>
<td align="left"><a class="un" id="topnavi" href="/">RECENT</a><br><a class="duex" id="topnavi" href="/friends">friends</a><br><a class="trois" id="topnavi" href="/profile">profile</a></font></td>
</td></tr></table></td></tr>
<=LASTN_WEBSITE
Public Last updated: 2017-08-31 03:00:16 PM
