ShadowAmour VF Profile Layout

<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; }

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

::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track-piece {background: #191515; border: none!important; }
::-webkit-scrollbar-thumb {background: #655f5f!important; border-radius: 8px; border: none!imporant; -webkit-box-shadow: none!important;}


body, html {
background: url('https://i.imgur.com/WmvHrMO.png') no-repeat left top;
background-position: 0px 0px!important;
background-attachment: fixed!important;
background-size: auto!important;
background-color: #191515!important;
}

body, div, table {
color: #d3c8c8;
font-weight: lighter;
font: 10px Arial, sans-serif;
 }

b, bold {
color: #d3c8c8;
font-weight: bold;
}

i, italic {
color: #d3c8c8;
font-style: italic;
}

u, underline {
color: #d3c8c8;
text-decoration-style: dashed;
}

a:link, a:visited, a:active {
color: #d3c8c8;
}

a:hover {
color: #b0a7a7;
-webkit-transition: ease-in-out 1s;
-moz-transition: ease-in-out 1s;
-o-transition: ease-in-out 1s;
transition: ease-in-out 1s;
}

h1 {
background: #303030;
background-image: url('https://i.imgur.com/v6figyN.png')!important;
color: #bfb0b0;
font: 14px Times, serif;
text-transform: uppercase;
font-weight: lighter;
font-style: italic;
letter-spacing: 2px;
text-align: center;
border-radius: 0px;
margin-top: 6px;
margin-bottom: 2px;
text-shadow: 1px 2px 0px #1a331a;
display: block;
line-height: 24px;
margin-bottom: 5px;
}

#navi {
position: absolute;
top: 10px;
right: 30px;
width: 120px;
height: 170px;
margin-left: 5px;
background: #1f1c1c!important;
border-radius: 0px;
text-align: center;
z-index: 99;
transition: 2s;
display: block;
overflow: hidden;
}


#navi a {
display: block;
padding: 4px;
background: #421717;
border-radius: 0px;
border: none;
color: #858585;
font-weight: lighter;
font-style: italic!important;
text-transform: uppercase;
font: 9px helvetica, sans-serif;
letter-spacing: 2px;
line-height: 10px;
margin-bottom: 4px;
margin-left: 6px;
margin-right: 6px;
}

#navi a:hover{
color: #655f5f;
-webkit-transition: ease-in 0.5s;
-moz-transition: ease-in 0.5s;
-o-transition: ease-in 0.5s;
transition: ease-in 0.5s;
}

#main {
width: 625px;
height: 435px;
background-color: #1f1c1c!important;
position: relative;
top: 10px!important;
left: 170px;
border-radius: 0px;
}

#basics {
background: #481111;
position: absolute;
height: 165px;
width: 293px;
top: 10px;
left: 15px;
border-radius: 0px;
padding: 8px;
}

.basics img {
width: 145px;
height: 150px;
padding: 1px;
border: 2px solid #4f4a4a;
border-radius: 5px;
background: transparent;
margin-bottom: 10px;
}

.basics img:hover {
border: 2px solid #655f5f;
-webkit-transition: ease-in 0.5s;
-moz-transition: ease-in 0.5s;
-o-transition: ease-in 0.5s;
transition: ease-in 0.5s;
}

#about {
background: #481111;
position: absolute;
height: 165px;
width: 293px;
top: 10px;
left: 315px;
border-radius: 0px;
border: none;
padding: 0px;
overflow: hidden;
}



#cults {
background: #481111;
position: absolute;
width: 293px;
height: 220px;
top: 180px;
left: 315px;
border-radius: 0px;
border: none;
padding: 0px;
overflow: hidden;
}

.cults img {
width: 87px;
height: 40px;
margin-top: 2px;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 2px;
border: 2px solid #4f4a4a;
border-radius: 5px;
background: transparent;
display: inline-block;
padding: 1px;
}

.cults img:hover {
border: 2px solid #655f5f;
-webkit-transition: ease-in 0.5s;
-moz-transition: ease-in 0.5s;
-o-transition: ease-in 0.5s;
transition: ease-in 0.5s;
}

#likes {
background: #481111;
position: absolute;
height: 220px;
width: 140px;
top: 180px;
left: 15px;
border-radius: 0px;
border: none;
padding: 0px;
overflow: hidden;
}


#music {
background: #481111;
position: absolute;
height: 220px;
width: 140px;
top: 180px;
left: 165px;
border-radius: 0px;
border: none;
padding: 0px;
overflow: hidden;
}

#credit {
background: #481111;
position: absolute;
width: 595px;
top: 410px;
left: 15px;
border-radius: 0px;
border: none;
font: 10px calibri, serif!important;
padding: 0px;
text-transform: uppercase;
color: #d3c8c8;
height: 14px;
}


</style>

<center>

<div id="navi">
<h1>Navigation</h1>
<a href="https://vampirefreaks.com/">VF HOME</a>
<a href="http://vampirefreaks.com/profile_action.php?user=USERNAME&friendslist=1">ADD ME</a>
<a href="http://vampirefreaks.com/user_comment.php?user=USERNAME&rate=1">CONTACT ME</a>
<a href="http://vampirefreaks.com/gallery/USERNAME">GALLERY</a>
<a href="http://vampirefreaks.com/journal/USERNAME">JOURNAL</a>
<a href="https://vampirefreaks.com/cult/PD">CREDIT</a>
</div>

<div id="main">

<div id="basics">
<a href="http://vampirefreaks.com/gallery/USERNAME" class="basics" ><img src="https://i.imgur.com/0Aybw2n.png" title="Gallery" align="left"></a>
<div style="width: 125px; height: 16px; background: #262424!important; display: inline-block; margin: 1px; padding: 2px; font: 10px Arial, serif; text-transform: uppercase;  letter-spacing: 2px; text-align: center; border-radius: 0px; font-weight: bold; margin-bottom: 2px; color: #916a62; margin-left: 2px;">NAME</div>
<div style="width: 125px; height: 16px; background: #2e2c2c!important; display: inline-block; margin: 1px; padding: 2px; font: 10px Arial, serif; text-transform: uppercase;  letter-spacing: 1px; text-align: center; border-radius: 0px; font-style: italic; margin-bottom: 2px; margin-left: 2px;">XXX</div>
<div style="width: 125px; height: 16px; background: #262424!important; display: inline-block; margin: 1px; padding: 2px; font: 10px Arial, serif; text-transform: uppercase;  letter-spacing: 2px; text-align: center; border-radius: 0px;  font-weight: bold; margin-bottom: 2px; color: #916a62; margin-left: 2px;">AGE</div>
<div style="width: 125px; height: 16px; background: #2e2c2c!important; display: inline-block; margin: 1px; padding: 2px; font: 10px Arial, serif; text-transform: uppercase;  letter-spacing: 1px; text-align: center; border-radius: 0px; font-style: italic; margin-bottom: 2px; margin-left: 2px;">XXX</div>
<div style="width: 125px; height: 16px; background: #262424!important; display: inline-block; margin: 1px; padding: 2px; font: 10px Arial, serif; text-transform: uppercase;  letter-spacing: 2px; text-align: center; border-radius: 0px; font-weight: bold; margin-bottom: 2px; color: #916a62; margin-left: 2px;">STATUS</div>
<div style="width: 125px; height: 16px; background: #2e2c2c!important; display: inline-block; margin: 1px; padding: 2px; font: 10px Arial, serif; text-transform: uppercase;  letter-spacing: 1px; text-align: center; border-radius: 0px; font-style: italic; margin-bottom: 2px; margin-left: 2px;">XXX</div>
<div style="width: 125px; height: 16px; background: #262424!important; display: inline-block; margin: 1px; padding: 2px; font: 10px Arial, serif; text-transform: uppercase;  letter-spacing: 2px; text-align: center; border-radius: 0px; font-weight: bold; margin-bottom: 2px; color: #916a62; margin-left: 2px;">ACCOUNT</div>
<div style="width: 125px; height: 16px; background: #2e2c2c!important; display: inline-block; margin: 1px; padding: 2px; font: 10px Arial, serif; text-transform: uppercase;  letter-spacing: 1px; text-align: center; border-radius: 0px; font-style: italic; margin-bottom: 2px; margin-left: 2px;">XXX</div>
</div>



<div id="about"><h1>About</h1>
<div style="background: #380d0d; padding: 2px; overflow: auto; height: 125px; margin-left: 2px; margin-right: 2px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ut sapien vitae placerat. Phasellus est lectus, sagittis eu pharetra auctor, vehicula id tellus. Morbi ultricies enim vitae tortor imperdiet ultricies. Nunc eu fringilla ipsum. Curabitur mollis pulvinar diam, non tincidunt purus sagittis non. In ullamcorper nulla sit amet laoreet egestas. Proin hendrerit suscipit magna a mollis.

Fusce eu nisl lorem. Donec id leo nec risus porttitor tincidunt ut laoreet velit. Praesent pulvinar libero velit, vitae euismod sapien laoreet quis. In nec enim et nulla rutrum porta. Nullam id purus pretium, ornare orci ac, blandit mi. Mauris consectetur arcu tellus, in interdum felis eleifend eget. Mauris et quam feugiat, gravida neque mollis, molestie risus. Vivamus tempus vehicula ex in sagittis. Aliquam vitae ligula nec ligula auctor elementum. Cras sagittis ipsum sem, vel commodo metus ultrices ut. Praesent non suscipit nulla. Integer at commodo elit. Phasellus ornare id leo sed sollicitudin. Suspendisse potenti. Phasellus sed tincidunt nulla. Sed nec massa in sapien hendrerit bibendum in sit amet lorem.
</div>
</div>

<div id="likes"><h1>Likes</h1>
<div style="background: #380d0d; padding: 2px; overflow: auto; height: 180px; margin-left: 2px; margin-right: 2px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ut sapien vitae placerat. Phasellus est lectus, sagittis eu pharetra auctor, vehicula id tellus. Morbi ultricies enim vitae tortor imperdiet ultricies. Nunc eu fringilla ipsum. Curabitur mollis pulvinar diam, non tincidunt purus sagittis non. In ullamcorper nulla sit amet laoreet egestas. Proin hendrerit suscipit magna a mollis.
</div>
</div>

<div id="music"><h1>Music</h1>
<div style="background: #380d0d; padding: 2px; overflow: auto; height: 180px; margin-left: 2px; margin-right: 2px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ut sapien vitae placerat. Phasellus est lectus, sagittis eu pharetra auctor, vehicula id tellus. Morbi ultricies enim vitae tortor imperdiet ultricies. Nunc eu fringilla ipsum. Curabitur mollis pulvinar diam, non tincidunt purus sagittis non. In ullamcorper nulla sit amet laoreet egestas. Proin hendrerit suscipit magna a mollis.
</div>
</div>

<div id="cults"><h1>Cults</h1>
<div style="background: #380d0d; padding: 2px; overflow: auto; height: 180px; margin-left: 2px; margin-right: 2px; width: 290px;">
<a href="https://vampirefreaks.com/cult/" class="cults"><img src="https://i.imgur.com/S6A38H5.png" title="CULT"></a>
<a href="https://vampirefreaks.com/cult/" class="cults"><img src="https://i.imgur.com/S6A38H5.png" title="CULT"></a>
<a href="https://vampirefreaks.com/cult/" class="cults"><img src="https://i.imgur.com/S6A38H5.png" title="CULT"></a>
<a href="https://vampirefreaks.com/cult/" class="cults"><img src="https://i.imgur.com/S6A38H5.png" title="CULT"></a>
<a href="https://vampirefreaks.com/cult/" class="cults"><img src="https://i.imgur.com/S6A38H5.png" title="CULT"></a>
<a href="https://vampirefreaks.com/cult/" class="cults"><img src="https://i.imgur.com/S6A38H5.png" title="CULT"></a>
<a href="https://vampirefreaks.com/cult/" class="cults"><img src="https://i.imgur.com/S6A38H5.png" title="CULT"></a>
<a href="https://vampirefreaks.com/cult/" class="cults"><img src="https://i.imgur.com/S6A38H5.png" title="CULT"></a>
<a href="https://vampirefreaks.com/cult/" class="cults"><img src="https://i.imgur.com/S6A38H5.png" title="CULT"></a>
<a href="https://vampirefreaks.com/cult/" class="cults"><img src="https://i.imgur.com/S6A38H5.png" title="CULT"></a>
<a href="https://vampirefreaks.com/cult/" class="cults"><img src="https://i.imgur.com/S6A38H5.png" title="CULT"></a>
<a href="https://vampirefreaks.com/cult/" class="cults"><img src="https://i.imgur.com/S6A38H5.png" title="CULT"></a>
</div>
</div>

<div id="credit">Layout designed by PD for ShadowAmour only. Best viewed in Chrome with 1920 x 1080 screen resolution. ©2019</div>

</div>