Altria v1

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Baumans);
@import url(https://fonts.googleapis.com/css?family=Alegreya);
@import url('https://fonts.googleapis.com/css?family=Ceviche+One');
@import url('https://fonts.googleapis.com/css?family=Yesteryear');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');

body { background-color: #fff; background-image: url(http://i.picpar.com/w99.png); background-attachment: fixed; background-position: center center; background-repeat: repeat; background-size: auto;}

 ::-webkit-scrollbar-track {background-color:;}
::-webkit-scrollbar-thumb {background-color:;}
::-webkit-scrollbar {width:2px;height:5px;}

a {color: #87add1; text-decoration: none; }
a:hover {color: black; text-decoration: line-through;cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png'); -webkit-filter: blur(0.9px); text-decoration: none;}
*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}

.img { position: absolute; top: 210px; left: 800px; height: 250px; width: 250px; background-image: url("https://s3.zerochan.net/Saber.Alter.240.2084953.jpg"); background-size: 100% 100%; background-position: center center; border: 1px solid #fff; overflow: hidden; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1.5s ease-in-out; transition: all 1s ease-in-out;}

.img:hover { position: absolute; height: 250px; width: 250px; border: 1px solid #fff; background-image:url(https://cdna.artstation.com/p/assets/images/images/002/538/494/large/charlton-cordoba-saber-alte3r.jpg?1462892087); background-position: center center; background-repeat: no-repeat; filter: alpha(opacity=3); opacity: 3; overflow: auto; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.quote { position:fixed; top: 200px; left: 490px; text-align: left; font-family: 'Yesteryear'; text-shadow: -1px 0px 0px #F0EDE8, 0px 1px 0px #F0EDE8, 1px 0px 0px #F0EDE8, 0px -1px 0px #F0EDE8; font-size: 40px; color: #B46B82; z-index:999; text-align: center;}

.ooc { position: fixed; background-color: #F0EDE8; overflow: auto; width: 320; height: 180; top: 248px; left: 470px; padding: 2px; text-align: justify; font-size: 11px; font-family: 'Baumans'; color: #8a8790; line-height: 13px; border: 1px solid white; z-index: 1000; }

#statbox { position: absolute; top: 212px; left: 352px; width: 117px; height: 80px; line-height: 25px; overflow: hidden; z-index: 2000;}
#statbox2 { position: absolute; top: 287px; left: 352px; width: 117px; height: 80px; line-height: 25px; overflow: hidden; z-index: 2000;}
#statbox3 { position: absolute; top: 362px; left: 352px; width: 117px; height: 80px; line-height: 25px; overflow: hidden; z-index: 2000;}

#stats{ width: 110px; height: 174px; }

.stat{ float: left; width: 110px; height: 18px; border: 2px #fff solid; overflow: hidden; }
.stat:hover .top{ margin-top: -18px; }

.top{ float: left; width: 110px; height: 18px; background: #F0EDE8; color: #8a8790; font-family: Baumans; font-size: 11px; line-height: 19px; text-align: center; letter-spacing: 1px; -webkit-transition: 0s; }
.bot{ float: left; width: 110px; height: 18px; background: #F0EDE8; color: #8a8790; font-family: Baumans; font-size: 11px; line-height: 19px; text-align: center; letter-spacing: 1px; overflow: hidden; }

.abox { background-color: #F0EDE8; color: #8a8790; font-size: 11px; font-family: Baumans; text-align: justify; position: absolute; width: 318; height: 178; left: 469; top: 247; letter-spacing: .3px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #fff; z-index: 3;}

.navbar {Background-color: transparent; Position: absolute; Left: 352px; top: 438px; z-index: 2000; }

.link1 {Position: absolute; Border: solid 1px #fff; Height: 22px; Width: 90px; background-color: #F0EDE8; }

.link2 {Position: absolute; Left: 100px; Border: solid 1px #fff; Height: 22px; Width: 90px; background-color: #F0EDE8; }

.link3 {Position: absolute; Left: 200px; Border: solid 1px #fff; Height: 22px; Width: 90px; background-color: #F0EDE8; }

.link4 {Position: absolute; Left: 300px; Border: solid 1px #fff; Height: 22px; Width: 90px; background-color: #F0EDE8; }

.link1:hover {Background-color: #B46B82;}
.link2:hover {Background-color: #B46B82;}
.link3:hover {Background-color: #B46B82;}
.link4:hover {Background-color: #B46B82;}

.slide {Position: fixed; Height: 555555; Width: 555555; Top: 0px; Left: 200px; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.slide:target {Left: 0; Opacity: 1; Z-index: 1000; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.musicplayer{ position: fixed; top: 438; left: 750; height: 12; width: 34px; padding: 5px; padding-top: 5; overflow: hidden; z-index: 2000; background-color: #F0EDE8; text-align: center; border: 1px solid white; }

.song{ float: center; margin-top: -23px; margin-left: -1px; height: 40px; width: 40px; overflow: hidden; opacity: 0; }

h1 { Color: #8a8790; font-family: 'Baumans'; border-bottom: 1px solid #8a8790; font-size: 13px; text-align: center; Margin-top: 1px; letter-spacing: 1; text-transform: uppercase;}

.credit { position: fixed; Bottom: 10px; Right: 10px; font-size: 15px; font-family: Yanone Kaffeesatz; text-align: justify; color: #fff; z-index: 7000; text-align: center; line-height: 25px;}

</style>

<div class="img"></div>

<div class="quote">Saber Alter</div>

<div id="statbox">
<div id="stats">
<div class="stat">
<div class="top">Namesake</div>
<div class="bot">Artoria Pendragon</div>
</div>
<br>
<div class="stat">
<div class="top">Nickname</div>
<div class="bot">King Arthur</div>
</div>
<br>
<div class="stat">
<div class="top">Birthdate</div>
<div class="bot">Unknown</div>
</div>
</div></div></div>
<div id="statbox2">
<div id="stats">
<div class="stat">
<div class="top">Height / Weight</div>
<div class="bot">5ft / 92 lbs</div>
</div>
<br>
<div class="stat">
<div class="top">Class</div>
<div class="bot">Saber</div>
</div>
<br>
<div class="stat">
<div class="top">Alignment</div>
<div class="bot">Evil</div>
</div>
</div></div></div>
<div id="statbox3">
<div id="stats">
<div class="stat">
<div class="top">Master</div>
<div class="bot"><a target="_blank" href="https://roleplay.chat/profile.php?user=Ryoto" target="_blank">Ryoto</a></div>
</div>
<br>
<div class="stat">
<div class="top">Orientation</div>
<div class="bot">Heterosexual</div>
</div>
<br>
<div class="stat">
<div class="top">Marital</div>
<div class="bot">Uninterested</div>
</div>
</div></div></div>

<div class="ooc">

<h1>Personality</h1>

Saber Alter's personality changes vastly from her normal self upon being corrupted by Angra Mainyu, but she cannot be called a villain. She is more of a dark hero who is still an idealist clinging to her own values even after being blackened. A behavior without futility, a cold-headed personality that makes Artoria seems like a different person, but if one is to carefully come in contact with her, he might notice that what lies at the basis is still the same. While alive, Artoria did not fall into the path of evil even once, but she too had doubts, inner conflicts, hatred towards herself and grief towards the surroundings. This figure is something that raised such issues to the surface by means of a curse and caused her "policy" to go inverse. There is no change in her goals, ideals themselves. The usual Artoria persisted in being chaste for the sake of her ideals, but this Artoria approves tyrannical rule for the sake of her ideals. After taking in the hatred of the curse, she comes to the realization that the duty of a hero is to be hated and ostracized, that a hero's only duty is to cut down foes using all their strength. She believes that she was prepared for such an outcome upon drawing Caliburn, and decides to entrust her blade to All the World's Evils. While she still takes her duty as king seriously, believing it is her obligation to those whose lives were lost because of her, she no longer believes in the ideals set for herself and her people. The end was concluded long ago, after all her prayers and glory vanished on the hill in Camlann.<br><br>

<center><b>Bold</b> <i>Italic</i> <u>Underline</u> <a href="">Link</a></center>

</div>

<div class="navbar">
<a class="link1" href="#1"></a>
<a class="link2" href="#2"></a>
<a class="link3" href="#3"></a>
<a class="link4" href="#4"></a>
</div></div>

<div id="1" class="slide">
<div class="abox">
A tyrant that persisted in being heartless.<br>

Having been violated by the curse of the Holy Grail, this is the side of the King of Knights that persists in being heartless.<br>
Maybe, the "ideal king" that King Arthur pursued was something like that after all.<br>

Artoria used to contain her own power, but in this condition she wields powerful magical energy without hesitation.<br>

Because the armor was dyed jet black and grew in weight, the power has increased more than normally.<br>
On the other hand, it seems like agility has decreased.<br>
A behavior without futility, a cold-headed personality that makes Artoria seems like a different person, but if one is to carefully come in contact with her, he might notice that what lies at the basis is still the same.<br>

While alive, Artoria did not fall into the path of evil even once, but she too had doubts, inner conflicts, hatred towards herself and grief towards her surroundings.<br>
This figure is something that raised such issues to the surface by means of a curse and caused her "policy" to go inverse.<br>
There is no change in her goals, ideals themselves.<br>
The usual Artoria persisted in being chaste for the sake of her ideals, but this Artoria approves tyrannical rule for the sake of her ideals.<br>
<br>
Maybe because her magic reactor goes outside the scale, at any rate she is a Servant that eats a lot.<br>
Even her food preferences, which could be regarded as her identity, have changed: she spits out cooking with courteous, elaborate, abstruse tastes as bad and chews down large quantities of junk-food.<br>
Awful eating habits, but she herself seems greatly satisfied, so maybe this can be called a form of happiness.
</div></div>

<div id="2" class="slide">
<div class="abox">
Friends or stuff here.
</div></div>

<div id="3" class="slide">
<div class="abox">
<b>OOC</b>
<br><br>
 This profile was made for me, don't take it.<br>
<b>02</b>: Mostly clean profile, so no smut.<br>
<b>03</b>: Profile Preferred.<br>
<b>04</b>: Correct Grammar is adored.<br>
<b>05</b>: Do not attempt to seduce me, you will be stabbed.<br>

</div></div>

<div class="musicplayer">
<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif">
<div class="song">
<audio controls>
<source src="http://k003.kiwi6.com/hotlink/2y52xqdhzk/Fire_Emblem_Awakening.mp3">
</audio>
</div></div>

<div class="credit">Layout ©<a href="https://pastebin.com/u/A_Bad_Bitch" target="_blank">A Bad Bitch</div>