alphys (jadden)

<a href="#story"><div class="button1"></div></a>
<a href="#bio"><div class="button2"></div></a>
<a href="#credit"><div class="button3"></div></a>


<div id="zero">[center][p][br][br]some cover thing goes here!
[br]i recommend keeping it small, as it has to hide behind the other boxes when you click on the links.[/center]</div>

<div id="story">
<h1>your story goes here!</h1>
Haunt sliced at choking cut drool. Bloodcurdling decomposed zombie in virus scared cat Michael Myers worms. Willow trees undead wind, unknown ripped needles. Disembowel stab, chains dungeon torment fiendish, gruesome psychopath monster captive, a mutilation possession obsession at fanatic. Undead obsessio. Tear horrifying, a devil fiendish tense in. Breathing heavily hell and rabid anthrax fanatic tearing at a squeal. Mental hospital sliced drowning. Willow trees undead wind, unknown ripped needles. Screams creaking tension kettle our exorcist. Screams creaking tension kettle our exorcist. Children creepy deranged.

[p][b]Ashes a killer a, monster mental hospital. Buried non guts claw and creature hair-raising decapitated at est. Haunt sliced at choking cut drool. Falling are graveyard graves est. Dark mutilation rotten, Blood hair raising or, blood in eyeball. killer mental psychotic sliced. Witch ashes eyeball undead, in bury burn hell flames. Blood ashes tearing in drowning spooky at fanatic with murderer. Gore at chainsa. Knife crazed choking helpless. Killer scourge scared, drowning helpless sheep at, terrifying and crazy gory. Creep serial killer, bury a scourge menacing, pain bowels nightmare.[/b]

[p][i]Death bruises moon torture demons devil or vampire werewolf wind. Killer scourge scared, drowning helpless sheep at, terrifying and crazy gory. Psycho crazy mental hospital moon. Menacin. Nightmare zombie deranged in stabbing. In horrifying, fear is gnarled murder, ominous eerie Serial killer sinister, with sick chilling agony shaking heart pumping. Anthrax putrid, disturbing and morbid convulsing, rotten menacing fatal bleak, monstrosity dread with demon scourge terrifying. Children creepy deranged, ashes a killer a, monster mental hospital. Haunt suicide silent, gory as demoni.[/i]

[p]<div class="hr"></div>

[p][u]Alarming, buried in fallen angel. Needles at bowels alarming. Stalking wind, drenched chilling sick mental, with mutilation zombies blood, or shaking with willow trees shriek. Horror bowels exorcism grave cut, murderer creature ripped. Suicide Slash demon at convulsing darkness a evil pain burn. Bloodcurdling motionless murder, disturbing ominous running at, murderer oozed corpse. Gore at chainsaw knife crazed choking helpless. Blood guns bury scream, stab graveyard crazed dar.[/u]

[p]<h2>Crying. Eerie needles edginess, graveyard on death rotten, disturbing non grave. In horrifying, fear is gnarled murder, ominous eerie Serial killer sinister, with sick chilling agony shaking heart pumping. Creep cold graves, shadow non fear a. Psychotic ashes ghost. Virus witch demonic dripping, at werewolf psycho slice flames. Worms with guts ect. Edginess anxiety tension, claw at deteriorated in.</h2>
</div>

<div id="bio">
[center][p][br][br]bio goes here![/center]
</div>

<div id="credit">
[center][p][br]<h1>credits:</h1>
profile and coding by [userid=526420].
[br]backgrounds from [url=http://s1.bwallpapers.com/wallpapers/2014/02/11/violet-color-background_092209769.jpg]bwallpapers[/url] and [url=http://deskbg.com/s3/wpp/0/291/vintage-black-and-white-desktop-background.jpg]deskbg[/url].
[/center]
</div>

<div id="cov"></div>

<style>

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');

/* background, colors, etc */

html {background-image:url(https://i.imgur.com/IdIEtpH.png); background-size:cover; background-repeat:no-repeat; background-position:right top;}
body {background-image:url(https://i.imgur.com/Po2o9T8.png); background-repeat:no-repeat; background-position: bottom right; background-attachment:fixed;
    height:750px; overflow:hidden; cursor:url('https://78.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_p7nrx1388N1r1shc4_1280.png'), auto;}

html,body,#page,#main-content,#content{position:static!important; overflow-x:hidden;}
.container-fluid {position:absolute;top:0;left:0;right:0;bottom:0;}
#content {height: auto !important;margin:0; padding:0; background-color:transparent;}
#page {margin: 0;width: auto;background-color: transparent;}
#column_1, #column_2, #column_3 {width: auto;padding: 0;}

#pet_info {margin:0px; padding:0px; width:auto;}

#cov {background:url(https://i.imgur.com/MgReAZ2.png); position:absolute;
    width:71px; height:43px; right:770px; bottom:439px; z-index:99;}

/* fonts and colors */

td, p, body, div, a{font-family:'Open Sans Condensed', sans-serif;
font-size: 11px}

a:link, a:active, a:visited, .icon.heart, .icon.heart.red, a h3{text-decoration:none; cursor:url('https://78.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_p7nrx1hoRW1r1shc4_75sq.png'), auto;}
a:link, a:active, a:visited {color: #000;}
.icon.heart, .icon.heart.red {color:#000;}
a:hover, .icon.heart:hover, a h3:hover{color: #fff}

b, h3{color: #29092c}

::-webkit-scrollbar-thumb{background: #CF70D8}
::-webkit-scrollbar-track{background: #9C3DA5}

.hr{background: -webkit-linear-gradient(left, transparent, #6c3a7e, transparent);}

h1{font-size: 15px !important; text-align:center; color: #3d1650}
h2{font-size:13px !important; color: #3d1650}
h3{font-size: 14px !important}

/* transition speeds */

a, .icon.heart, a:hover, .icon.heart:hover, a h3, a h3:hover, #pet_treasure, #pet_treasure:hover {transition: all .6s ease-in-out}

#story, #story:target, #bio, #bio:target, #credit, #credit:target {transition: all .3s ease-in-out}

/* pet treasure */

#pet_treasure {position:absolute; overflow:auto; overflow-x:hidden; right:896px; bottom:155px; width:0px; height:195px; z-index:5;
    margin:0px; padding:0px; z-index:999999; background-clip:padding-box;
    box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.3);
    background-color:rgba(72,39,95,0.7); border-left:10px solid rgba(72,39,95,0.7); border-right: 4px solid rgba(72,39,95,0.7); border-bottom:4px solid rgba(72,39,95,0.7); border-top:5px solid rgba(72,39,95,0.7);
    border-radius:10px 0px 0px 10px;}
#pet_treasure:hover {width:110px;}
.treasure_item {border:1px solid #ff78ff; width:44px; height:44px; margin-left:3px; margin-bottom:3px;
-moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important;}
.treasure_item img {border:1px solid #000; width:42px; height:42px;
-moz-border-radius:9px !important; -webkit-border-radius:9px !important; border-radius:9px !important;}

/* text boxes */

#zero, #story, #bio, #credit {position:fixed; bottom:133px; right:574px; width:250px; height:348px; overflow:auto;
    padding-right:4px; font-weight:bold; color:#220035; text-shadow:1px 1px 0px rgba(255, 255, 255, 0.2); box-sizing: border-box; text-align:justify;}
#story, #bio, #credit {opacity: 0; z-index: 3; background:#b556be; border-left:5px solid #b556be; border-top:5px solid #b556be; border-bottom:5px solid #b556be; border-right:2px solid #b556be}
#story:target, #bio:target, #credit:target {opacity: 1; z-index: 5}

.button1, .button2, .button3 {position:absolute; right:824px; width:54px; height:13px; z-index:9; filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
.button1 {bottom:174px;}
.button2 {bottom:159px;}
.button3 {bottom:144px;}

/* info, minion, spotlight */

.owner, .pet_color_info {position:absolute; right:400px; width:200px; font-size:11px; font-weight:bold;
    text-shadow:1px 1px 0px rgba(0,0,0,0.7); color:#e8e8e8; text-align:left;
    font-family:'Open Sans Condensed', sans-serif; text-transform:lowercase;}
.pet_color_info {font-size:0px;bottom:485px;}
.pet_color_info:before {font-size:11px; font-family:'Open Sans Condensed', sans-serif;  content: 'the genderless darkmatter demi'}
.owner {bottom:503px;}
.owner a {color:#e8e8e8}
.owner a:hover {color:#fd84fe;}

#pet_minion, .pet_spotlight {position:absolute; width:110px; height:120px; right:429px; margin:0px; padding:0px; font-weight:bold; font-size:11px;
    color:#fd84fe; text-shadow:1px 1px 0px rgba(0,0,0,0.5);}
#pet_minion {bottom:323px;}
#pet_minion b {color:#fff}
.pet_spotlight {bottom:156px;}
#pet_minion img, .pet_spotlight img {width:60px; height:60px; border-radius:35px; border:1px solid #7a278e;}
#pet_minion img {margin-top:2px;}

/* positioning and etc */

#pet_image {position:absolute; bottom:80px; right:1000px; border-radius:20px; background-image:url(https://i.imgur.com/gv5L4sC.png); width:465px; height:496px; z-index:2;}

#pet_treasure, .pet_like {position: fixed;}

.pet_like {bottom:190px; right:824px; margin: 0px; transform: rotate(-45deg); z-index: 9; }
.icon.heart, .icon.heart.red, .icon.heart:hover{opacity: 1; text-decoration:none;}
.icon.heart{font-size: 11px}

/* getting rid of things */

#postcards, #menu, #sidebar, #rightbg, #bookmarks, #footer, .statbar, #column_1 h2, #column_3 h2, #pet_treasure h2, .pet_wco_info_date, .pet_age_info_date, #header, #stat_books_read, #stat_food_eaten, #pet_employment, #column_3 a, .statbar, .pet_wco_info_date, .pet_age_info_date, #pet_friends, .hustler, #cs_notice, .new-news-announcement-banner, .owner img, #pet_stats, .pet_name, .pet_color_info img {display: none;}
#page, #header-lrc, #header-ban, #header-ban-main, #header-rrc {background: transparent}

/* misc */

td, p, body, div, a{line-height: 13px}
h1{margin-bottom: 3px}
h2{margin: 2px 2px 2px 0px;
display: inline-block}

li{line-height: 13px}

.hr{height: 1px;
width: 100%;
margin-top: 20px;
margin-bottom: 20px}

::-webkit-scrollbar{width:4px}

</style>