simple masculine

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/benthem.css?family=benthem">
<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 {background-color:#343838;}

/* 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:6px;}

/* hides upper right links */
table table tr.caption td.index{visibility: hidden;}

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

/* time and date */
.entrybox td.index{display:none;}

/*mood & music */
.entrybox td.meta{display:visible;}

/* namefield. */
.shadowed td div {
font-family: benthem, sans-serif;
font-size:30px;
letter-spacing:0px;
color:#5b5b5b;
padding-top: 15px;
line-height:15px;
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;}

/*icon */
.shadowed img {
border-radius: 100px;
height:60px;
width:60px;
box-shadow:0px 0px 1px #ccc,
1px 1px 2px #ccc;}

#toplinks {
position: absolute;
visibility: visible;
top: -11px;
margin-left: 270px;
z-index:1;
font-size: 7px;
text-transform:lowercase;
font-family:roboto slab, arial;
font-style:italic;
}

</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<div id="toplinks"><a href="/" title="ᴇɴᴛʀɪᴇs"><font color="#C2C4C4">i.</font></a>&nbsp;

<a href="/friends" title="ꜰʀɪᴇɴᴅs"><font color="#C2C4C4">ii.</font></a>&nbsp;&nbsp;

<a href="/info" title="ɪɴғᴏ"><font color="#C2C4C4">iii.</font></a>&nbsp;

<a href="/calendar" title="ᴄᴀʟᴇɴᴅᴀʀ"><font color="#C2C4C4">iv.</font></a>&nbsp;

<a href="LINK" title="ᴄᴜsᴛᴏᴍs"><font color="#C2C4C4">v.</font></a>&nbsp;&nbsp;</div>
<=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>3

LASTN_WEBSITE<=
<div id="toplinks"><a href="/" title="ᴇɴᴛʀɪᴇs"><font color="#C2C4C4">i.</font></a>&nbsp;

<a href="/friends" title="ꜰʀɪᴇɴᴅs"><font color="#C2C4C4">ii.</font></a>&nbsp;&nbsp;

<a href="/info" title="ɪɴғᴏ"><font color="#C2C4C4">iii.</font></a>&nbsp;

<a href="/calendar" title="ᴄᴀʟᴇɴᴅᴀʀ"><font color="#C2C4C4">iv.</font></a>&nbsp;

<a href="LINK" title="ᴄᴜsᴛᴏᴍs"><font color="#C2C4C4">v.</font></a>&nbsp;&nbsp;</div>
<=LASTN_WEBSITE