Kayla's Profile

<style>
.navigation {
position: relative;
width: 98px;
padding: 5px;
top: 10px;
background: transparent;
left: 5px;
z-index: 10;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
}
.navigation:hover {
top: 10px;
left: -90px;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
}

.nest {
border: none;
position: absolute;}

#navicontent {
width: 98px;
padding: 5px;
background: #071418;
border: 2px solid #336b85;
}
#navibutton {
width: 20px;
top: 10px;
left: -26px;
writing-mode: vertical-rl;
text-orientation: upright;
background: #071418;
border: 2px solid #336b85;
border-right: none;
padding: 2px;
}
</style>

<div class="navigation">
<div class="nest" id="navicontent"><div class="nest" id="navibutton"><h1>Cults</h1></div><a href="/cult/CULT NAME"><img src="https://i.imgur.com/VipyNqo.png"></a>
<a href="/cult/CULT NAME"><img src="https://i.imgur.com/VipyNqo.png"></a>
<a href="/cult/CULT NAME"><img src="https://i.imgur.com/VipyNqo.png"></a>
<a href="/cult/CULT NAME"><img src="https://i.imgur.com/VipyNqo.png"></a>
<a href="/cult/CULT NAME"><img src="https://i.imgur.com/VipyNqo.png"></a>
<a href="/cult/CULT NAME"><img src="https://i.imgur.com/VipyNqo.png"></a>
</div></div>

<style>
.overlay {
position: relative;
background: url('https://i.imgur.com/jgrnSar.png') 0px 0px no-repeat;
left: 10px;
top: 5px;
width: 600px;
height: 650px;
z-index: 100;
background-color: #050508;
}

.innerbox {
overflow: auto;
border: none;
position: absolute;
font: 12px arial;
line-height: 13px;
color: #618a98;
background: #15212c;
}

#banner{
top: 0px;
width: 600px;
height: 350px;
left: 0px;
background: transparent;
overflow: hidden;
border: #336b85 solid 2px;
}

#about{
top: 355px;
left: 255px;
width: 340px;
height: 150px;
padding-top: 5px;
text-align: center;
overflow: hidden;
}


#info{
top: 355px;
left: 5px;
width: 245px;
height: 275px;
text-align: center;
padding-top: 5px;
}

#info .click {
object-fit: cover;
position: relative;
overflow: hidden;
width: 233px;
height: 125px;
margin: 5px;
margin-top: 5px;
border: 1px solid #336b85;
background: #071418;
}

#info .click:hover {
object-fit: cover;
position: relative;
overflow: hidden;
width: 233px;
height: 125px;
opacity: 0.7;
border: 3px solid #336b85;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

#whims{
top: 510px;
left: 255px;
width: 340px;
height: 120px;
text-decoration: none;
text-align: center;
padding-top: 5px;
}

#navi {
position: absolute;
top: 325px;
left: 15px;
width: 100px;
height: 25px;
padding: 5px;
background: transparent;
border: none;
overflow: hidden;
}

#cred {
width: 600px;
height: 20px;
top: 635px;
left: 0px;
text-align: center;
color: #597481;
background: transparent;
}

</style>
<div class="overlay">
<div class="innerbox" id="banner">

</div>


<div class="innerbox" id="about"><h1>About Me</h1>
Put yo' text here.
</div>


<div class="innerbox" id="info">
<a href="/gallery/AvalonPotzer" title="Gallery"><img src="https://i.imgur.com/wtnSjL7.png" class="click"></a>
<table width="100%"><tr><td width="50%" valign="top">
<h1>Name</h1>
TEXT
<h1>Gender</h1>
TEXT
<h1>Status</h1>
TEXT
<h1>Species</h1>
TEXT
</td><td width="50%" valign="top">
<h1>Age</h1>
TEXT
<h1>Orientation</h1>
TEXT
<h1>Mood</h1>
TEXT
<h1>Offer Me</h1>
BTS
</td></tr></table>
</div>

<div class="innerbox" id="whims"><table width="100%"><tr><td width="50%" valign="top"><h1>Likes</h1>Boobies
</td><td width="50%" valign="top"><h1>Dislikes</h1>Happy people
</td></tr></table>
</div>

<div id="navi">
<a href="https://vampirefreaks.com/" title="VF Home"><img src="https://i.imgur.com/0g0BiXX.png"></a>
<a href="http://vampirefreaks.com/user_comment.php?user=AvalonPotzer&private=1" title="Inbox Me"><img src="https://i.imgur.com/sZp8vGi.png"></a>
<a href="/profile_action.php?user=AvalonPotzer" title="Add Friend"><img src="https://i.imgur.com/XyOUgKd.png"></a>
</div>

<div class="innerbox" id="cred">Layout&Banner by DystopicDesigns // For AvalonPotzer's use only // best viewed in Chrome</div>

<style>
.main_content_title, #user_default_image, #main-navbar, .top_commentbox img, .footer_links, .navbar-nav, #user_profile_info, .btn-primary, .top_commentbox textarea, .panel-heading, .friends-list, .top_commentbox, .newsfeed, #right_profile, #user_rating, .panel-footer { display: none!important; }



.panel, .panel-primary, .user_profile_box, .dark_highlight, #maincontent, .user_profile_box, {
background: transparent;
border: none;
}

#user_profile, #maincontent {float: center!important;}
#maincontent {
width: 650px;
}

body, html {
background: #000;
background-repeat:  repeat;
background-position: top left;
background-size:auto!important;
background-size: implemented;
background: url('https://i.imgur.com/7SiSvaP.png');
}

body, div, table {
font-family: arial;
font-size: 12px;
line-height: 13px;
    }

.panel-body, .panel, .panel-primary, .user_profile_box {
width: 938px!important;
background-color: transparent;
border: none;
position: relative;
top: 0px;
left: 0px;
z-index: 1;
    }


b { color: #a1202a!important;
text-transform: bold;
font size: 12px;
 }
i { color: #a1202a;
text-transform: italics;
font size: 12px;}
u { color: #a1202a; }
s { color: #a1202a; }

h1 {
color: #9ac3d1;
font-size: 13px;
line-height: 15px;
font-family: trebuchet ms;
background: url('https://i.imgur.com/KaDivuS.png');
text-transform: uppercase;
text-align: center;
letter-spacing: 2.5px;
border-bottom: 2px dotted #030709;
display: block;
text-shadow: 1px 2px 1px #000;
margin: 1px;
}


</style>