heart stamp

GLOBAL_HEAD<=
<title>TITLE</title>
<link rel="icon" href="">
<link href="http://fonts.googleapis.com/css?family=Barrio" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="https://fontcity.neocities.org/luna.css">


<style>

/* layout by vah & jophie, minor edits by tentacool - feel free to reach out for assistance
   you do not need to rehost any of my fonts unless you choose to */

/* BACKGROUND */
body {
background-attachment: fixed;
background-image: url(http://i.imgur.com/V0aEhXb.png);
background-repeat: repeat;
margin-top: 5px;
opacity: 0.85; }

/* REMOVES HEADER LINKS AND ICON */
.shadowed img, tr.caption { display:none; }
table table table table .meta { position:absolute; visibility:hidden; }
.shadowed td div { position:absolute; top:0px; visibility:hidden; }


/* ENTRY BOXES */
.entrybox {
background-color: rgba(0,0,0,0.03);
box-shadow: 1px 1px 1px rgba(0,0,0,0.1); }

table {
margin-bottom: -4px; }

/* SECURITY ICONS */
table td table td.caption img {
display: none; }

/* SUBJECT LINES */
p table table td.caption {
border-bottom: 1px solid;
border-image:url(https://i.imgur.com/D1dMMP7.jpg) 1 repeat;
color: rgb(29, 27, 69);
font-family: luna;
font-size: 15px;
font-weight: lighter;
letter-spacing: 0.5px;
line-height: 15px;
text-shadow: 0px 0px 1px #a9a9a7;
text-transform: lowercase; }

/* date & time - TO SHOW CHANGE DISPLAY:NONE TO DISPLAY:VISIBLE */
.entrybox td.index, .index3 {display: none; font-size:8px; border-bottom: 1px solid;
border-image:url(https://i.imgur.com/D1dMMP7.jpg) 1 repeat;}

/* mood & music - TO SHOW CHANGE DISPLAY:NONE TO DISPLAY:VISIBLE */
.entrybox td.meta {display: none; color:rgb(29, 27, 69); font-size:8px; line-height:8px;}

/* fp stuff */
.index img {border-radius: 100px; height: 55px; width:55px;}
.entrybox tr td table tr td table tr td {background: transparent;}
a.index {color: #; background-color: transparent;}
.entrybox a.index font {color: #;}

/* ENTRY FONT */
body, html, td {
color: rgb(29, 27, 69);
font-family: calibri;
font-size: 11px;
letter-spacing: 1px;
line-height: 12px; }

tr {
text-align: justify; }

/* COMMENTS */
.comments {
font-family: roboto;
font-size: 8px;
letter-spacing: 2px; }

/* VIEWING */
.index, .meta {
font-family: roboto;
font-size: 7px;
font-weight: lighter;
letter-spacing: 1px;
line-height: 7px;
opacity: 0.80;
text-transform: uppercase; }

table table table td.meta {
font-size: 0px;
line-height: 0px; }

table table table td.meta a {
font-size: 7px;
letter-spacing: 1px;
line-height: 7px; }

/* LINK EFFECTS */
a {
color: #333;
text-decoration: none;
text-shadow: 1px 1px 1px #a9a9a7;
transition: 0.6s;
-webkit-transition: 0.6s; }

a:hover {
text-decoration: none;
text-shadow: 0px 0px 2px #000;
text-shadow: 10px 10px rgb(184, 143, 90), 0px 0px #bacbff, 0px 0px #eebaff, -10px -10px rgb(237, 208, 97);
transition-duration: 0.6s;
-webkit-transition-duration: 0.6s; }

/* IMAGE EFFECTS */
img {
filter: saturate(130%);
opacity: 0.75;
transition-duration: 0.8s;
-webkit-filter: saturate(130%);
-webkit-transition-duration: 0.8s; }

img:hover {
filter: hue-rotate(280deg);
transform: scale(1.2);
transition-duration: 0.8s;
-webkit-filter: hue-rotate(280deg);
-webkit-transition-duration: 0.8s; }

/* SCROLLBAR */
::-webkit-scrollbar {
background-color: #fff;
width: 13px; }

::-webkit-scrollbar-thumb {
background-color: #ccc;
border: 6px solid #fff; }

::-webkit-scrollbar-track {
background-color: #eee;
border: 6px solid #fff; }

/* SELECTED TEXT */
::selection {
background-color: none;
color: rgb(184, 143, 90);
text-shadow: 1px 1px 1px #f6f6f6; }

/* MISCELLANEOUS */
hr {
border-left: none;
border-top: 1px solid #dfdfdf; }

u {
border-bottom: 1px solid #c0c0c0;
padding-bottom: 0px;
text-decoration: none; }



/* SIDEBAR */
#sidebar {
height: 0px;
position: fixed;
margin-left: -500px;
margin-top: 12px;
width: 160px;
visibility: visible; }

#flora {
position: relative;
visibility: visible;
z-index: 1; }

#flora img {
display: block;
margin-left: -80px;
margin-top: 25px;
opacity: 0.75;
transform: none;
-webkit-filter: none;
width: 300px; }

#portrait {
position: absolute;
visibility: visible;
z-index: 2; }

#portrait img {
display: block;
margin-left: 7px;
margin-top: 35px;
opacity: 1.00;
position: relative;
-webkit-mask-image: url(http://i.imgur.com/uasLjwi.png);
width: 110px; }

#box {
background: rgba(0,0,0,0.04);
border-radius: 50px;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
margin-left: -15px;
padding: 8px;
position: relative;
visibility: visible;
width: 140px; }

#box:after {
border: solid transparent;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: rgba(0,0,0,0.04);
border-width: 8px;
bottom: 100%;
content: " ";
height: 0;
left: 50%;
margin-left: -8px;
pointer-events: none;
position: absolute;
width: 0; }

.text {
display: block;
font-family: roboto;
font-size: 8px;
letter-spacing: 1px;
line-height: 8px;
margin-left: 18px;
padding-top: 3px;
position: relative;
text-transform: uppercase;
width: 110px; }


</style>


<=GLOBAL_HEAD

LASTN_OPT_ITEMS=>3

LASTN_WEBSITE<=

<div id="sidebar">
<div id="flora"><img src="https://i.imgur.com/W4b5Apc.png"></div>
<div id="portrait"><a href="/" title=""><img src="https://imgur.com/8LAKsAG.gif"></a></div><br>

<div id="box"><span class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget libero fermentum, pretium eros ac, pulvinar sapien.</span></div><br><br>

<=LASTN_WEBSITE