<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Syncopate);
@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);


.pfor {
display: none; }

#profile {
background-color: transparent;
border: none; }

body {
background-color: #310000;
 background-position: left;
 background-attachment: Fixed;
 background-image:url('http://i.put a cool pic here.png');
background-repeat: repeat;
background-size:; }

::selection {color: #DC394B; background-color:#3F2E49;}
::-moz-selection {color: #DC394B; background-color:#671C28;}

::-webkit-scrollbar { width: 5px; height:0px; }
::-webkit-scrollbar-thumb:vertical {
background-color: #671C28; border: 1px solid #DC394B; }


b, strong { color: #830000; }
i, strong { color: #3FF03E; }

a:active, a:link, a:visited {
color: #850000;
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;
}

h1 {width: 100%; height: auto; font-size: 23px;font-family:Satisfy;margin-top:1px; margin-bottom: 5px; text-align: center; border-bottom: 2px solid #fff; color: #9C1A20;}

#icon {
position:absolute;
left: 1%;
top: 18%;
width: 160px;
height: 160px;
z-index: 10;
background-image: url('http://put a cool pic here .png');
background-size: 100% 100%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:white;
border: 3px solid #000000;
border-radius: 100px;
}


.tab1 { position:absolute;
left: 1%;
top: 18%;
width: 160px;
height: 160px;
z-index: 10;
background-image: url('http://put a cool pic here .png');
background-size: 100% 100%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:white;
border: 3px solid #000000;
border-radius: 100px;}


.tab2 { position:absolute;
left: 10.5%;
top: 18%;
width: 160px;
height: 160px;
z-index: 10;
background-image: url('http://put a cool pic here .png');
background-size: 100% 100%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:white;
border: 3px solid #000000;
border-radius: 100px;}


.tab3 { position:absolute;
left: 5.5%;
top: 0%;
width: 160px;
height: 160px;
z-index: 0;
background-image: url('http://put a cool pic here .png');
background-size: 100% 100%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:white;
border: 3px solid #000000;
border-radius: 100px;}


.tab4 { position:absolute;
left: 83%;
top: 0px;
width: 160px;
height: 160px;
z-index: 10;
background-image: url('http://put a cool pic here .png');
background-size: 100% 100%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:white;
border: 3px solid #000000;
border-radius: 100px;}


.tab5 { position:absolute;
left: 78%;
top: 18%;
width: 160px;
height: 160px;
z-index: 10;
background-image: url('http://put a cool pic here .png');
background-size: 100% 100%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:white;
border: 3px solid #000000;
border-radius: 100px;);
 background-size: 100% 100%;}


.tab6 { position:absolute;
left: 87.5%;
top: 18%;
width: 160px;
height: 160px;
z-index: 10;
background-image: url('http://put a cool pic here .png');
background-size: 100% 100%;
background-repeat:no-repeat;
background-position:center;
background-attachment:absolute;
background-color:white;
border: 3px solid #000000;
border-radius: 100px;}


#rightpic {
 position:fixed;
 z-index: 3;
 width:8%;
 height: 23%;
 right: 0%;
 bottom: 0px;
 font-size:2vh;
 overflow:hidden;
}
#rightpic img {
 width: 100%;
height: 100%}

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


#rightcontainer{
width:25%;
height:30%;
top: -20%;
left: 70%;
background:url('');
background-color: transparent;
background-repeat: no-repeat;
background-size: 60% 100%;
border:3px solid;
border-color:transparent;
}
.rightbox{
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}


.boxright {position: absolute;
z-index: -1;
left: 0%;
top:0%;
border: 9px groove #4D0000;
height:100%;
width:100%;
background-color:#000;
background-image:url('http://put a cool pic here .png');
background-position: center;
background-repeat:repeat;
overflow-x:auto;
overflow-y:auto;
font-family: fangsong;
font-size:13px;
line-height:13px;
padding:3px;
opacity:0;
color:#C50057;
 transition: 0.8s;
 -moz-transition: 0.8s;
 webkit-transition: 0.8s;
 -o-transition: 0.8s;}

.boxright:target{position: absolute;
z-index: 3;
top:63%;
opacity:1;
transition: 0.8s;
-moz-transition: 0.8s;
webkit-transition: 0.8s;
-o-transition: 0.8s;}


#leftcontainer{
width:25%;
height:30%;
top: -20%;
left: -70%;
background:url('');
background-color: transparent;
background-repeat: no-repeat;
background-size: 60% 100%;
border:3px solid;
border-color:transparent;
}
.leftbox{
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}

.boxleft {position: absolute;
z-index: -10;
left: 0%;
top:0%;
border:9px groove #4D0000;
height:100%;
width:100%;
background-color:#000;
background-image:url('http://put a cool pic here .png');
background-position: center;
background-repeat:repeat;
overflow-x:auto;
overflow-y:auto;
font-family: fangsong;
font-size:13px;
line-height:13px;
padding:3px;
opacity:0;
color:#C50057;
 transition: 0.8s;
 -moz-transition: 0.8s;
 webkit-transition: 0.8s;
 -o-transition: 0.8s;}

.boxleft:target{position: absolute;
z-index: 3;
top:63%;
opacity:1;
transition: 0.8s;
-moz-transition: 0.8s;
webkit-transition: 0.8s;
-o-transition: 0.8s;}

.circle{
border-radius:50%;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
}

.circle:hover{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
}

</style>

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


<div id="rightpic">
<img src="put a pic here">
</div>

<div id="centerpic">
<img src="put a serious pick here">
</div>


<div id="leftcontainer" class="leftbox">
<div id="1" class="boxleft">
<br>
<h1>T Put your title here.</h1>
<font style=float:left><b>True Name:</b></font> <font style=float:right> name here.</font><br>
<font style=float:left><b>Class Name:</b></font> <font style=float:right> .</font><br>
<font style=float:left><b>Alternative Classes:</b></font> <font style=float:right>  .</font><br>
<font style=float:left><b>Race:</b></font> <font style=float:right>  </font><br>
<font style=float:left><b>Gender:</b></font> <font style=float:right>Male.</font><br>
<font style=float:left><b>Apparent Age:</b></font> <font style=float:right>Teens.</font><br>
<font style=float:left><b>Irises:</b></font> <font style=float:right>.</font><br>
<font style=float:left><b>Tresses:</b></font> <font style=float:right>.</font><br>
<font style=float:left><b>Height:</b></font> <font style=float:right>   </font><br>
<font style=float:left><b>Weight:</b></font> <font style=float:right>    </font><br>
<font style=float:left><b>Lenience:</b></font> <font style=float:right><a title=" straight or not etc </a>.</font><br>
<font style=float:left><b>Marital:</b></font> <font style=float:right>Singular.</font><br>
<font style=float:left><b>Interest:</b></font> <font style=float:right>Disinterested.</font><br>
<font style=float:left><b>Moral Compass:</b></font> <font style=float:right>Chaotic Neutral.</font><br>
<font style=float:left><b>Attribute:</b></font> <font style=float:right>Earth.</font><br>
<font style=float:left><b>Traits:</b></font> <font style=float:right><a target="_blank" title="Chaotic, Dragon, Humanoid, Riding, Saberface, Servant, Weak to Enuma Elish">Hover</a>.</font><br>



</div></div>

<div id="leftcontainer" class="leftbox">
<div id="2" class="boxleft">
<br>
<h1>I d e n t i t y</h1>
<br><br>

<br><br>


</div></div>

<div id="leftcontainer" class="leftbox">
<div id="3" class="boxleft">
<br>
<h1>A p p e a r a n c e</h1>
Saber is small in stature, covered completely in thick armor that entirely wraps her small frame. The single mass of steel and her face-covering helm conceal both her race and gender, so those seeing her face are often surprised by her being female. She needs to remove her helm to use her Noble Phantasm, so she cannot help revealing her appearance when utilizing it. Though she has the face of a young girl, Kairi also sees the possibility of her being male when first seeing her face.<br><br>

Due to only having her armor, she cannot remain materialized in public without modern clothing. In Sighisoara, Kairi buys her a tube top that exposes her abdomen and a crimson leather jacket. While not providing enough coverage for the cold autumn season, her status as a Servant makes weather a non-issue for her.

</div></div>

<div id="rightcontainer" class="rightbox">
<div id="4" class="boxright">
<br>
<h1>S e r v a n t S t a t u s.</h1>
<center>
<span style="float:left;"><b>Master:</b></span> <span style="float:right;"><a target="_blank" href="profile.php?user=" target="_blank" title="Words">None.</a></span><br><br>
<b>Strength:</b> B+<br>
<img src="http://i.picpar.com/Uzjc.png"><br>
<b>Endurance:</b> A<br>
<img src="http://i.picpar.com/Bshc.png"><br>
<b>Agility:</b> B<br>
<img src="http://i.picpar.com/Uzjc.png"><br>
<b>Mana:</b> B<br>
<img src="http://i.picpar.com/Uzjc.png"><br>
<b>Luck:</b> D<br>
<img src="http://i.picpar.com/2yhc.png"><br>
<b>Noble Phantasm:</b> A<br>
<img src="http://i.picpar.com/Bshc.png"><br>

<h1>C l a s s S k i l l s.</h1>
<<br><br>
<span style="float:left;"><b>:</b></span><span style="float:right;">B.</span><br>
.<br><br>
<h1>P e r s o n a l S k i l l s.</h1>
<span style="float:left;"><b>what is the skill:</b> </span> <span style="float:right;">C-</span><br>
describe it :</b> </span> <span style="float:right;">B.</span><br>
Battle Continuation is the strength of vitality for predicaments. Also, the ability to withdraw from combat and reach allied territory alive after being defeated.<br><br>


</div></div>

<div id="rightcontainer" class="rightbox">
<div id="5" class="boxright">
<center>
<br>
<h1>T h e W o r t h y .</h1>
<a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>

<h1>T h e E x i l e d .</h1>
<a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="profile.php?user=Friend name " target="_blank" title="Words"><img src="url" class="circle" width="40" height="40" border="1px solid #000000" ></a>
</center>
</div></div>

<div id="rightcontainer" class="rightbox">
<div id="6" class="boxright">
<br>
<h1>O u t o f T r e a c h e r y .</h1>
Alpha.<br>
Ooc stuff break it up with <br><br>.

</div></div>
Saber of Red remastered.txt
Displaying Saber of Red remastered.txt.