sign of the times

GLOBAL_HEAD<=
<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://fontcity.neocities.org/evita.css">
<link rel="shortcut icon" href="">
<title>TITLE</title>

<style>

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

/* page background */
body {
width: 100%;
background-image: url(https://i.imgur.com/pnRPOIb.png),
linear-gradient(to left, #B97781, #DAA6A1);
background-repeat: no-repeat;
background-position: bottom right;
background-attachment: fixed;
}

/* font in entries*/
td {font-family:roboto; font-size:9px; line-height:10px; color:#000000; letter-spacing:0px;}

/*text alignment*/
tr {text-align:justify;}

/*removes font weight*/
b{font-weight: normal;}

/*makes entrybox and namefield the same size*/
.entrybox {width:594px;}

/* entrybox */
.entrybox, .shadowed {
background-color: rgba(255,255,255,.7);
padding: 0px;
}

/* removes top nav extra words and brackets */
table table table td.meta {font-size:0px;line-height:0px;}
p table.entrybox table table td.meta, table table table td.meta a {font-size:6px;letter-spacing:1px;line-height:7px;}

/* hides upper right links - to hide change display:visible to visibility:hidden */
table table tr.caption td.index{display:visible;}

/* hides top left name */
td.caption {font-size:0px; line-height:0px;}

/* time and date - to show change display:none to display:visible */
.entrybox td.index{display:none;}

/*mood & music - to hide change display:visible to display:none */
.entrybox td.meta{display:visible;}

/* namefield. */
.shadowed td div {
font-family: evita, sans-serif;
font-size:35px;
letter-spacing:0px;
color:#5b5b5b;
padding-top: 30px;
line-height:1px;
font-weight:light;
text-transform:lowercase;
}

/* link effects. */
a {
color: #5b5b5b;
text-decoration: none;
transition: all 1.5s ease-in-out; -o-transition-transition:  all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out;
}

a:hover {
color: transparent;
text-decoration: none;
transition: all 1.5s ease-in-out; -o-transition-transition:  all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out;
}

/* comments. */
.comments {
font-family: roboto, sans-serif;
font-size:7px;
line-height:7px;
letter-spacing:1px;
text-transform:uppercase;
}

/* subject lines */
p table table td.caption {
font-family: roboto, sans-serif;
font-size: 9px;
line-height: 10px;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0px;}

/* all misc little text */
.index,  tr.caption, .meta, td.meta, .date {font-family: roboto, sans-serif; font-size: 7px; line-height:8px; color:#5b5b5b; letter-spacing:1px; text-transform:uppercase; padding:0px;}

/* usericons & locks. */
table td table td.caption img {
display:none;
}

.ljuser img {
display:none;
}

/*friends page icons*/
.index img {
border-radius:50px;
height:50px;
width:50px;
padding: 4;
margin-bottom:5px;
background-color: #ccc;}
.index {
text-transform:uppercase;
font-family: roboto;
font-size:5pt;
text-transformation: uppercase;
text-shadow:none;
letter-spacing: 1px;
line-height:0px;}
.entrybox a.index font {
color: #5b5b5b;}
td{background-color:transparent;}

/* hides icon in layout - needed for gif to replace */
.shadowed img {display: none;}

/* gif */
#icon {
position: absolute;
margin-left: -65px;
top: -5px;
visibility: visible;
}

/* flowers */
.shadowed{background-image:url(https://i.imgur.com/u4Ud8Tq.png); background-repeat:no-repeat; background-position:right;}

</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE=><center></center>

LASTN_OPT_ITEMS=>3

LASTN_WEBSITE<=
<div id="icon">
<img src="https://78.media.tumblr.com/cc0ec32621c043ca103947b1b61d0181/tumblr_mt9nanMTzS1s7v9qwo8_250.gif" style="display: block; width: 60px; height: 60px; border-radius: 100px; ">
</div>
<=LASTN_WEBSITE