mikko layout
GLOBAL_HEAD<=
<link href="https://fonts.googleapis.com/css?family=Walter+Turncoat|Poppins" rel="stylesheet">
<link rel="icon" href="http://i.imgur.com/4uGwUq8.png" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display" rel="stylesheet">
<style>
/* © ᴊᴀᴠ@ɪᴊ, ʟʟᴇᴡᴇʟʟʏɴ@ɪᴊ */
/* ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʜᴏᴛʟɪɴᴋ ᴍʏ sᴛʏʟᴇsʜᴇᴇᴛs! */
/* background */
body {
background-color: rgba(255, 255, 255, 1);
background-image: url(http://i.imgur.com/3YNwPfh.png);
}
/* custom sidebar/header */
.shadowed td div {
position: absolute;
top: 0px;
visibility: hidden;
}
.shadowed span#navigation img {
display: inline;
position: relative;
visibility: visible;
}
table table table table .meta {
position: absolute;
top: 0px;
visibility: hidden;
}
table table table table table .meta {
position: relative;
top: 0px;
visibility: visible;
}
tr.caption {
display: none;
}
#sidebar {
margin-right: 310px;
position: absolute;
right: 50.0%;
top: -55px;
visibility: visible;
width: 83px;
z-index: 0;
}
#buttons{
background: repeating-linear-gradient(to right, #BAC7B4, #759085);
color: rgba(255, 255, 255, 1);
border-right: 2px solid rgba(255, 255, 255, 0.75);
display: block;
font-family: inconsolata;
font-size: 15px;
left: -55;
letter-spacing: 1px;
line-height: 15px;
height: 15px;
margin-bottom: 7px;
overflow: hidden;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 1px;
padding-top: 1px;
position: relative;
text-align: center;
text-transform: uppercase;
top: 80;
width: 25px;
-webkit-transition: all 0.4s ease-in;
}
#buttons:hover{
background: repeating-linear-gradient(to right, #BAC7B4, #759085);
color: rgba(255, 255, 255, 1);
border-right: 2px solid rgba(255, 255, 255, 0.75);
font-family: inconsolata;
font-size: 15px;
letter-spacing: 1px;
line-height: 15px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 25px;
padding-top: 1px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.4s ease-in;
}
#gif {
background: repeating-linear-gradient(to right, #BAC7B4, #759085);
box-shadow: 1px 1px 2px 1px rgba(215, 215, 215, 1);
display: inline;
padding: 3px;
position: relative;
width: 75px;
}
.lyrics1 {
color: 759085;
display: block;
font-family: open sans condensed;
font-size: 25px;
letter-spacing: 0px;
line-height: 25px;
text-align: center;
text-transform: uppercase;
}
.lyrics2 {
border-bottom: 3px solid;
border-image: url(http://i.imgur.com/1m052uM.png) 1;
border-left: 0px;
border-right: 0px;
border-top: 0px;
color: #759085;
display: block;
font-family: open sans condensed;
font-size: 23px;
font-style: ;
letter-spacing: -1px;
line-height: 20px;
text-align: center;
text-transform: uppercase;
}
/* hides journal title */
table table tr.caption td.caption {
visibility: hidden;
}
/* link effects */
a {
color: rgba(4,109,139, 1);
font-family: ;
font-size: ;
letter-spacing: ;
line-height: ;
text-decoration: none;
text-shadow: 0px 0px 1px rgba(190, 190, 190, 1);
text-transform: uppercase;
-webkit-transition-duration: 1s;
}
a:hover {
color: rgba(47,184,172, 1);
text-decoration: none;
-webkit-transition-duration: 1s;
}
/* default icon effects */
.shadowed img {
display: none;
}
/* table spacing */
table {
margin-bottom: -2px;
}
/* entrybox */
.entrybox {
background-color: rgba(255, 255, 255, 0.35);
box-shadow: 0px 0px 1px rgba(215, 215, 215, 1);
margin-top: 10px;
}
/* hides privacy icons */
.caption img {
display: none;
}
/* hides user icons */
.ljuser img {
display: none;
}
/* changes content before linked usernames */
.ljuser:before {
content: "";
}
/* subject */
p table table td.caption {
border-bottom: 2px solid;
border-image: url(http://i.imgur.com/1m052uM.png) 1;
border-left: 0px;
border-right: 0px;
border-top: 0px;
color: rgba(0, 0, 0, 1);
display: block;
font-family: calibri;
font-size: 9px;
letter-spacing: 2px;
line-height: 0px;
text-align: justify;
text-shadow: 0px 0px 1px rgba(190, 190, 190, 1);
text-transform: uppercase;
}
/* hides default date & time */
.entrybox td.index, .index3 {
display: none;
}
/* custom date & time */
.index2 {
color: rgba(190, 190, 190, 1);
display: block;
font-family: ntr;
font-size: 9px;
letter-spacing: 2px;
line-height: 1px;
text-align: left;
text-shadow: 0px 0px 1px rgba(215, 215, 215, 1);
text-transform: uppercase;
}
/* hides default mood & music */
.entrybox td.meta {
display: none;
}
/* comments */
.comments {
color: rgba(0, 0, 0, 1);
font-family: open sans condensed;
font-size: 9px;
letter-spacing: 2px;
line-height: 9px;
text-align: right;
text-shadow: 0px 0px 1px rgba(190, 190, 190, 1);
text-transform: uppercase;
}
/* navigation */
tr.caption {
line-height: 0px;
visibility: hidden;
}
a.index {
visibility: visible;
}
.index {
font-family: ntr;
font-size: 9px;
font-weight: normal;
letter-spacing: 2px;
line-height: 0px;
text-shadow: 0px 0px 1px rgba(190, 190, 190, 1);
text-transform: uppercase;
}
/* viewing */
.meta {
font-size: 0px;
line-height: 0px;
text-align: justify;
}
.index img {
background: repeating-linear-gradient(to right, rgba(169,0,0, 0.6), rgba(255,122,122, 0.6));
border-radius: 75px;
box-shadow: 1px 1px 2px 1px rgba(215, 215, 215, 1);
height: 75px;
margin-bottom: 8px;
margin-right: 3px;
padding: 3px;
width: 75px;
}
</style>
<=GLOBAL_HEAD
FRIENDS_OPT_ITEMS=>20
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:0px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
</style>
<tr><td align="middle">
<div id="sidebar">
<a href="/profile" id="buttons">↜</a>
<a href="/" id="buttons">↜</a>
<a href="/friends" id="buttons">↜</a>
<img id="gif" src="http://68.media.tumblr.com/2623f0eb84187e126bf226c29459204a/tumblr_inline_nvq1julded1qlt39u_250.gif">
</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:0px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
</style>
<tr><td align="middle">
<div id="sidebar">
<a href="/profile" id="buttons">↜</a>
<a href="/" id="buttons">↜</a>
<a href="/friends" id="buttons">↜</a>
<img id="gif" src="http://68.media.tumblr.com/2623f0eb84187e126bf226c29459204a/tumblr_inline_nvq1julded1qlt39u_250.gif">
</div>
<=LASTN_WEBSITE
Public Last updated: 2017-08-24 12:03:24 AM
