Swapfell

<style type="text/css">


@import url(https://fonts.googleapis.com/css?family=Droid+Serif|Open+Sans+Condensed:300|Fjalla+One|Cinzel+Decorative);
@import 'https://fonts.googleapis.com/css?family=Tangerine|Playfair+Display';
@import url(https://fonts.googleapis.com/css?family=Lobster+Two);
@import url(https://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here);
@import url(https://fonts.googleapis.com/css?family=Averia+Sans+Libre);
@import url(https://fonts.googleapis.com/css?family=UnifrakturMaguntia);
@import url(https://fonts.googleapis.com/css?family=Monsieur+La+Doulaise);
@import url(https://fonts.googleapis.com/css?family=Playball);
@import url(https://fonts.googleapis.com/css?family=Play|Arizonia);
@import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);
@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
@import url(https://fonts.googleapis.com/css?family=Amatic+SC);
@import url(https://fonts.googleapis.com/css?family=Wallpoet);
@import url(https://fonts.googleapis.com/css?family=Handlee);
@import url(https://fonts.googleapis.com/css?family=Farsan);
@import url(https://fonts.googleapis.com/css?family=Allura);
@import url(https://fonts.googleapis.com/css?family=Montez);
@import url(https://fonts.googleapis.com/css?family=Satisfy);



::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }
::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #ccc; }

body {
background-image: url("http://i.picpar.com/Lb3c.png");
background-repeat: repeat;
background-color: #000;
background-size: 100% 100%;
background-position: bottom right;
margin: 0;
}

@font-face{
 font-family: 'a Theme for murder';
 src:url(https://dl.dropboxusercontent.com/s/6rxye5rnd2xlgaq/a%20Theme%20for%20murder.ttf);
 }

b, strong { color: #8C0000; }
i, strong { color: #F9FF5A; }

a:active, a:link, a:visited {
color: #F78181;
text-decoration: none;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}

a:hover {
color: #ffffff;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
cursor: url('http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png'), progress;
}

a.tab:active, a.tab:link, a.tab:visited {

background-color: silver;
border: #000000 solid 2px;
border-radius: 0px;
display: inline-block;
height: 7px;
text-decoration: none;
width: 42px;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
box-shadow:inset 0 0 75px 75px #0091FF, 0 0 0 #0091FF

}

a.tab:hover {
background-color: #000000;
border: #000000 2px solid;
box-shadow:inset 0 0 35px 35px transparent, 0 0 75px 50px transparent;

}


#frame {
 z-index: 3;
 background: url(http://i.picpar.com/Db3c.jpg);
 background-size: 100% 100%;
 background-position: bottom left;
 background-repeat: repeat;
 position: absolute;
box-shadow:0px 0px 30px #fff;
background-color:#transparent;
border: 13px groove #590000;
 top: 15%;
 left: 33%;
 height: 70%;
 width: 30%;
opacity: 1;
}

.tab1 { position:absolute;
left: 68%;
top: 58%;
width: 190px;
height: 190px;
z-index: 10;
background-image: url('http://i.picpar.com/Eb3c.jpg');
background-size: 105% 105%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:white;
border: 4px double #590000;
border-radius: 150px 150px 150px 150px;}


.tab2 { position:absolute;
left: 10%;
top: 20%;
width: 190px;
height: 190px;
z-index: 10;
background-image: url('http://i.picpar.com/Hb3c.jpg');
background-size: 105% 105%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:white;
border: 4px double #590000;
border-radius: 150px 150px 150px 150px;}


.tab3 { position:absolute;
left: 15%;
top: 58%;
width: 190px;
height: 190px;
z-index: 0;
background-image: url('http://i.picpar.com/Gb3c.png');
background-size: 105% 105%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:white;
border: 4px double #590000;
border-radius: 150px 150px 150px 150px;}


.tab4 { position:absolute;
left: 73%;
top: 20%;
width: 190px;
height: 190px;
z-index: 10;
background-image: url('http://i.picpar.com/Fb3c.png');
background-size: 105% 105%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:white;
border: 4px double #590000;
border-radius: 150px 150px 150px 150px;}

.boxmid {Position: absolute; Top: 0%; Left: 0%; Height: 99.5%; Width: 99%; Padding: 2px; background-color: #000; transition: 1.5s; -moz-transition: 1.5s; webkit-transition: 1.5s; -o-transition: 1.5s; Font-size: 13.5px; font-family: Play; Color: #8C0000; Opacity: 0; Z-index: 0; overflow-x: hidden; overflow-y: auto;}

.boxmid:target {Opacity: 0.8; Z-index: 2;}

#leftpic {
 position:fixed;
 z-index: 3;
 width:10%;
 height: 30%;
 left: 0%;
 bottom: 0%;
 font-size:2vh;
 overflow:hidden;
}
#leftpic img {
 width: 100%;
height: 100%}


 h1{
font-size: 14px;
width: 100%;
color: #8C0000;
font-family: 'Play', cursive;
font-weight: normal;
line-height: 12px;
text-transform: uppercase;
text-align: left;
border-bottom: 1px solid #FFFFFF;
}


h1:first-letter{
color: #8C0000;
font-size: 16px;
font-weight: bold;
text-shadow: 0px 0px 3px silver;
}


 h2{
font-size: 35px;
width: 100%;
color: #8C0000;
font-family: 'a theme for murder', cursive;
font-weight: normal;
letter-spacing: 10px;
line-height: 12px;
text-transform: uppercase;
text-align: center;
}

</style>

<div id="leftpic">
<a href="#"><img src="http://i.imgur.com/NN3awyS.png"></a>
</div>


<a href="#4"><div class="tab1"></div></a>
<a href="#1"><div class="tab2"></div></a>
<a href="#2"><div class="tab3"></div></a>
<a href="#3"><div class="tab4"></div></a>


<div id="frame">
<div id="1" class="boxmid">
<h2>Dossier</h2>
<h1><i><b>"What, ya have a</b></i> bone <i><b>to pick with me?</b></i></h1>
<span style="float:left;"><b>Name</b></span> <span style="float:right;">Sans.</span><br>
<span style="float:left;"><b>Alias(es)</b></span> <span style="float:right;">Boss.</span><br>
<span style="float:left;"><b>Gender</b></span> <span style="float:right;">Male.</span><br>
<span style="float:left;"><b>Age</b></span> <span style="float:right;">Old enough.</span><br>
<span style="float:left;"><b>Height</b></span> <span style="float:right;">5'1".</span><br>
<span style="float:left;"><b>Weight</b></span> <span style="float:right;">Unknown.</span><br>
<span style="float:left;"><b>Sexuality</b></span> <span style="float:right;">Heterosexual.</span><br>
<span style="float:left;"><b>Paramour</b></span> <span style="float:right;">No. <a target="_blank" href="http://www.thiscrush.com/~bosssans" target="_blank" title="">Why?</a></span><br>
<span style="float:left;"><b>Race</b></span> <span style="float:right;">Monster. </span><br>
<span style="float:left;"><b>Species</b></span> <span style="float:right;">Skeleton.</span><br>
<span style="float:left;"><b>Irises</b></span> <span style="float:right;">Crimson.</span><br>
<span style="float:left;"><b>Handedness</b></span> <span style="float:right;">Left.</span><br>
<span style="float:left;"><b>Alignment</b></span> <span style="float:right;">Neutral Evil.</span><br>
<span style="float:left;"><b>Voice</b></span> <span style="float:right;"><a target="_blank" href="https://www.youtube.com/watch?v=DAykmYbynWs" target="_blank">Here</a>.</span><br><br><br><br><br>


<h1>Behind the Facade of the Fell Comedian.</h1>
He is aggressive with others and quite hateful when seen in Snowdin. This is shown especially when he is around the player. He often teases the player which usually results in Flowey getting very annoyed. The only time he is ever really seen to be hurt is when his brother takes credit for something he has done as he doesn't try very often and feels sad that he can't be acknowledged for what he has done. He is portrayed as sweaty, possibly due to emotional stress or strain, though it might also be a result of his frequent magic usage. He is mentally unstable due to the abuse his brother gives him and does frequently have nightmares, but he doesn't feel like he can tell anyone because he'll get labeled as weak. He is typically ruthless and brutal. His knowledge of the timelines and resets is shared among all AU's (excluding some interpretations of Underswap ) but he hides this information very well. He is not as "evil" as most of the other characters are portrayed, but still believes in the "Kill or Be Killed" motto. Mustard is his favorite food, rather than ketchup. The monsters in Snowdin hate him because he is Papyrus' brother and so they want him dead. He is portrayed to not care but deep down he's always terrified as he knows how easily most could kill him.
</center>
</div>
<div id="2" class="boxmid">
<h2>Abilities</h2>
<h1>Save</h1>
<br><br>

<h1>Load.</h1>
<br><br>

<h1>Reset.</h1>
<br><br>

<h1>True Reset</h1>
<br><br>

<h1>Storage</h1>
Accesses boxes via cell phone.
<br>
Items TBA<br><br>

</div>
<div id="3" class="boxmid">
<h2>The Crew.</h2>
<center>
<a href="profile.php?user=" target="_blank" title="n/a"><img src="" height="120" width="120" align="right"></a> - name -<br>
words.<br>
<i><b>"quote about the person here."</b></i><br><br><br><br>

</div>
<div id="4" class="boxmid">
<h2>Out of Character</h2>
TBA No pming for smut.