for silver

<style>
body {
background-image: url(http://orig11.deviantart.net/1a11/f/2011/158/4/9/fallen_angel_by_bellatrix1901-d3iakmf.jpg);
background-repeat:no-repeat;
background-size:65%;
background-position: 40% 0%;
background-color:black;
color: #DAC2FF;
font-family:Papyrus, serif;
font-size:110%;
}
#profile {
background-color:transparent;
border:none;
}
.pfor {
display:none;
}
#statbox {
position:fixed;
top:5%;
left:2.5%;
height:85%;
width:25%;
border:2px solid #DAC2FF;
background-color:black;
text-align:center;
padding:1%;
opacity:0.9;
line-spacing:100%;
overflow-y:auto;
}
#infobox {
position:fixed;
top:5%;
right:2.5%;
height:80%;
width:30%;
border:2px solid #DAC2FF;
background-image: linear-gradient(gray,black;gray);
background-color:black;
text-align:center;
padding:1%;
opacity:0.9;
}
#Navbar {
position:fixed;
top:92.5%;
right:7.5%;
height:100%;
width:25%;
text-align:center;
opacity:0.9;
}
.tab {
height:100%;
width:100%;
overflow-y:auto;
}
#Navbar a {
border:2px solid #DAC2FF;
background-color:black;
padding:1%;
}
#Navbar a {
color:#DAC2FF;
}
a {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
p {
text-align:center;
text-indent:2%;
}
img {
width:100%;
}
#credit {
text-decoration:none;
color:#007ba7;
position:fixed;
right:1%;
bottom:0%;
font-family: UnifrakturCook, Brush Script MT, script, cursive;
}
</style>

<div id="statbox">
<h2>Name here</h2>
<b>Age:</b> State here
<br>
<br>
<b>Gender:</b> State here
<br>
<br>
<b>Species:</b> State here
<br>
<br>
<b>Height:</b> State here
<br>
<br>
<b>Weight:</b> State here
<br>
<br>
<b>Sexual Orientation:</b> State here
<br>
<br>
<b>Love Interest:</b> State here
</div>

<div id="Navbar">
<a href="#01">About</a>
<a href="#02">Friends</a>
<A href="#03">Gallery</a>
<a href="#04">OOC</a>
</div>

<div id="infobox">
<div style="height:100%;width:100%;overflow-y:hidden;">

<a name="01"></a>
<div class="tab">
<h2>About</h2>
<img src="story image url"/>
<h3><u>Title</u></h3>
<p>
Paragraph one.
</p>
<p>
Paragraph two.
</p>
<p>
Paragraph three.
</p>
</div>

<a name="02"></a>
<div class="tab">
<h2>Friends</h2>
<a href="" target="_blank">Link</a>
</div>

<a name="03"></a>
<div class="tab">
<h2>Gallery</h2>
<img src=""/>
<br>
<img src=""/>
<br>
<img src=""/>
<br>
<img src=""/>
</div>

<a name="04"></a>
<div class="tab">
<h2>Out Of Character</h2>
<ul>
<li>Bullet one.</li>
<li>Bullet two.</li>
<li>Bullet three.</li>
<li>Bullet four.</li>
<li>Bullet five.</li>
<li>Bullet six.</li>
<li>Bullet seven.</li>
<li>Bullet eight.</li>
</ul>
</div>

</div>
</div>

<a href="http://cera-nore.deviantart.com/gallery/57420417/Profile-Layouts" id="credit" target="_blank" title="Firefox 1366x768
Inform me of issues.">Coder</a>