Phantasmagorr

<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 { display: none; }

.panel-body, .user_profile_box { background: transparent!important;
border: none!important;
margin-top: 20px;
}

#admin_menu {
background-color: #373355;
border: 2px  solid #000;
}

#user_rating, .panel-footer{display:none;}

html, body {
background-color: #231f35;
background-image: url('https://i.imgur.com/9xaUNc6.png');
background-attachment: fixed;
background-size: auto;
background-position: top left;
background-repeat: no-repeat;
}

h1 {
padding-left: 5px;
line-height: 15px;
font-size: 25px;
font-family: Georgia;
text-transform: lowercase;
font-style: italic;
letter-spacing: 2px;
font-weight: lighter;
text-align: left;
display: block;
color: #f1f1f1;
background-color: #7d2a4b;
background-image: -webkit-gradient(linear, left top, left bottom, from(#be5f99), to(#7d2a4b));
#be5f99 > top;
#7d2a4b > bottom;
background: -o-linear-gradient(top, #be5f99 0%, #7d2a4b 90%);
background: -webkit-linear-gradient(top, #be5f99 0%, #7d2a4b 90%);
background: -ms-linear-gradient(top, #be5f99 0%, #7d2a4b 90%);
background: linear-gradient(to bottom, #be5f99 0%, #7d2a4b 90%);
background: -moz-linear-gradient(top, #be5f99 0%,  #7d2a4b 90%);
text-shadow: 2px 2px 2px #231f35;
border-radius: 2px;
border-left: 10px solid #69639b;
border-right: 3px solid #69639b;
}

h3 {
padding-right: 5px;
line-height: 15px;
font-size: 25px;
font-family: Georgia;
text-transform: lowercase;
font-style: italic;
letter-spacing: 2px;
font-weight: lighter;
text-align: right;
display: block;
color: #f1f1f1;
background-color: #645c97;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7878a5), to(#645c97));
#7878a5 > top;
#645c97 > bottom;
background: -o-linear-gradient(top, #7878a5 0%, #645c97 90%);
background: -webkit-linear-gradient(top, #7878a5 0%, #645c97 90%);
background: -ms-linear-gradient(top, #7878a5 0%, #645c97 90%);
background: linear-gradient(to bottom, #7878a5 0%, #645c97 90%);
background: -moz-linear-gradient(top, #7878a5 0%,  #645c97 90%);
text-shadow: 2px 2px 2px #231f35;
border-radius: 2px;
border-right: 10px solid #7d2a4b;
border-left: 3px solid #7d2a4b;
}

b {
color: #bd5e98;
font-family: Trebuchet MS;
text-transform: uppercase;
font-size: 8pt;
}

i {
text-transform: none;
font-family: georgia;
color: #e2e2e2;
text-shadow: 1px 1px 1px #68619a;
font-size: 11px;
letter-spacing: 1px;
}

u {
text-transform: none;
text-decoration-style: double;
text-decoration-line: underline;
text-decoration-color: #68619a;
font-family: georgia;
font-size: 11px;
letter-spacing: 2px;
}

s {
color: #682746;
}

.navlink:link, .navlink:active, .navlink:visited {
display:block;
width: 80px;
border-radius: 10px 0px 0px 10px;
line-height: 20px;
height: 25px;
font-size: 10pt;
font-family: Georgia;
text-transform: lowercase;
font-style: italic;
color: #f1f1f1;
background-color: #645c97;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7878a5), to(#645c97));
#7878a5 > top;
#645c97 > bottom;
background: -o-linear-gradient(top, #7878a5 0%, #645c97 90%);
background: -webkit-linear-gradient(top, #7878a5 0%, #645c97 90%);
background: -ms-linear-gradient(top, #7878a5 0%, #645c97 90%);
background: linear-gradient(to bottom, #7878a5 0%, #645c97 90%);
background: -moz-linear-gradient(top, #7878a5 0%,  #645c97 90%);
text-shadow: 1px 1px 1px #231f35;
border-left: 3px solid #7d2a4b;
margin: 1px;
padding: 2px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.navlink:hover {
display: block;
width: 80px;
border-radius: 10px 0px 0px 10px;
line-height: 20px;
height: 25px;
font-size: 10pt;
font-family: Georgia;
text-transform: lowercase;
font-style: italic;
color: #7d2a4b;
background-color: #645c97;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7878a5), to(#645c97));
#7878a5 > top;
#645c97 > bottom;
background: -o-linear-gradient(top, #7878a5 0%, #645c97 90%);
background: -webkit-linear-gradient(top, #7878a5 0%, #645c97 90%);
background: -ms-linear-gradient(top, #7878a5 0%, #645c97 90%);
background: linear-gradient(to bottom, #7878a5 0%, #645c97 90%);
background: -moz-linear-gradient(top, #7878a5 0%,  #645c97 90%);
text-shadow: 1px 1px 1px #231f35;
border-left: 10px solid #7d2a4b;
margin: 1px;
padding: 2px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.cult img {
background: #7878a5;
border: 2px solid #7d2a4b;
padding: 2px!important;
margin: 2px!important;
width: 310px;
height: 70px;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
}

.cult img:hover {
background: #7878a5;
border: 2px solid #645c97;
padding: 2px!important;
margin: 2px!important;
width: 310px;
height: 70px;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
}

.overlay {
top: 10px;
width: 660px;
left:0px;
height: 430px;
padding: 2px;
border-radius: 5px;
font-size: 11px;
background: #373355;
box-shadow: 1px 0px 20px #231f35;
position: relative;
}

.box {
overflow: auto;
padding: 4px;
position: absolute;
text-align: left;
color: #f1f1f1;
border-radius: 5px;
font-size: 9pt;
background-color: #231f35;
box-shadow: 1px 0px 20px #231f35;
}

#navi {
left: -81px;
top: 120px;
width: 82px;
padding: 0px;
height: 300px;
background-color: transparent;
overflow: hidden;
box-shadow: none;
}

#about {
top: 10px;
left: 10px;
width: 350px;
height: 300px;
}

#likes {
top: 10px;
left: 370px;
height: 145px;
width: 280px;
}

#dislikes {
top: 165px;
left: 370px;
height: 145px;
width: 280px;
}

#cults {
top: 320px;
left: 10px;
height: 100px;
width: 640px;
text-align: center;
}
</style>

<div class="overlay">
<div class="box" id="about"><h1>About Phantasmagorr</h1><b>| Emma | Study Computing | BPD | </b>
<br />Hey there, name's Emma and I am a 22 year old addicted to video games and sleep. I also have an unstable personality which is fun to have on a day to day basis. I am studying an Access course in Computing so I can finally get to university.
<br /><b>I am also engaged to my soulmate, and will never be interested in you.</b>
<br /><br />I am a huge gamer, I play on both console and pc. I love games like Borderlands, Dragon Age, Mass Effect, Sims etc.
<br /><br />I also do some graphic designing as a hobby and have been on and off for years. I can do basic icons and layouts, check out my portfolio if you're interested in making a request.
<br /><b>Some bold text</b>. <i>Some italics text.</i> <u>Some underline text.</u> <s>Some striked text</s>
</div>

<div class="box" id="likes"><h3>Likes</h3>
Video Gaming, Graphic Designing, Space, Harry Potter, Game of Thrones, Writing, Baking, Coffee, My PC Andromeda, Make-Up, Halloween, Festivals, Concerts, 420, Cats, Scented Candles, Rock, Industrial, EBM, Metal, Post Hardcore music, Piercings, Tattoos, The North, Sleep, Comedy, Mental Health Awareness.
</div>

<div class="box" id="dislikes"><h1>Dislikes</h1>
Politics, People, Socializing, Racists/Homophobes etc., No Coffee, Peanut Butter, Colourful clothing, Sunshine, Migraines, Crowds, Loud Noises, Slamming Doors, Violence, Loud People, Mental Health, Discrimination, Stigma, People overly selfish, Lack of internet, Lack of games, Lack of sleep.
</div>

<div class="box" id="navi"><a href="http://www.vampirefreaks.com/" class="navlink">VF Home</a><a href="http://vampirefreaks.com/user_comment.php?user=Phantasmagorr&rate=1" class="navlink">Comment</a><a href="http://vampirefreaks.com/profile_action.php?user=Phantasmagorr" class="navlink">+ Friend</a><a href="http://vampirefreaks.com/journal/Phantasmagorr" class="navlink">Journal</a><a href="http://vampirefreaks.com/gallery/Phantasmagorr" class="navlink">Gallery</a><a href="PUTYOURPORTFOLIOLINKHERE" class="navlink">Portfolio</a><a href="/Voltage" class="navlink">Credit</a></div>

<div class="box" id="cults"><h3>Cults</h3>
<a href="/cult/cultnamehere" class="cult"><img src="http://i.imgur.com/OTFzTMu.png" /></a><a href="/cult/cultnamehere" class="cult"><img src="http://i.imgur.com/OTFzTMu.png" /></a>
</div>
</div>