Cole - Profile

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Oswald|Staatliches|Cinzel+Decorative|Yeseva+One');

#no {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;}

::-webkit-scrollbar {
width: 1px;}

::-webkit-scrollbar-thumb {
background: transparent;}

::selection {
color: #000;
background: #fff;}

body {
background-color: #100d09;
background-image: url(http://i.imgur.com/wKD2FI0.png);
cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}

h2 {
height: 24px;
background-color: #404040;
text-align: center;
font-family: 'Cinzel Decorative', cursive;
color: #a6a6a6;
font-size: 20px;
line-height: 24px;
letter-spacing: 1px;
text-transform: lowercase;
font-weight: bold;
margin-top: 5px;
margin-bottom: 12px;}

a {
 color: #cccccc;
 text-decoration: none;
 text-transform: uppercase;
 font-family: 'Cinzel Decorative', cursive;
 font-size: 12px;
 letter-spacing: 1;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;}

b {
color:#100d09;
font-family: Oswald, sans-serif;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1;
}

i {
 color:#403831;
 font-family: Oswald, sans-serif;
 text-transform: lowercase;
 font-size: 12px;
 letter-spacing: 1;}

u {
 color:#1a1a1a;
 font-family: Oswald, sans-serif;
 text-transform: lowercase;
 font-size: 12px;
 letter-spacing: 1;}

s {
 color:#FFffff;
 font-family: Oswald, sans-serif;
 text-transform: lowercase;
 font-size: 12px;
 letter-spacing: 1;}

.pic {
position: absolute;
height: 236px;
width: 420px;
background-image: url('https://i.imgur.com/ByekyRA.gif');
background-attachment: absolute;
background-size: 100% 100%;
bottom: 152px;
right: 10px;
border: 1px solid #404040;}

.alpha {
position: fixed;
height: 400px;
width: 760px;
background-image: url(http://i.imgur.com/QDUznb6.png);
background-color: #201a13;
padding: 10px;
overflow: auto;
bottom: 50%;
left: 50%;
margin-left: -270px;
margin-bottom: -290px;
border: 3px solid #404040;}

.con {
position: fixed;
height: 380px;
width: 740px;
background-image: url(http://i.imgur.com/QDUznb6.png);
background-color: #403831;
padding: 10px;
overflow: auto;
bottom: 50%;
left: 50%;
margin-left: -260px;
margin-bottom: -280px;
border: 3px solid #404040;}

.contacts {
position: absolute;
height: 107px;
width: 402px;
font-family: Oswald;
color: #000;
font-size: 13px;
letter-spacing: 0px;
text-transform: none;
background-color: #a6a6a6;
padding: 10px;
line-height: 22px;
text-align: center;
overflow: auto;
top: 270px;
left: 338px;
border: 1px solid #404040;}

.stats {
position: absolute;
height: 330px;
width: 285px;
font-family: Oswald;
color: #000;
font-size: 13px;
letter-spacing: 0px;
text-transform: none;
background-color: #a6a6a6;
padding: 10px;
line-height: 22px;
text-align: justify;
overflow: auto;
top: 20px;
left: 20px;
border: 1px solid #404040;}

.box {
position: absolute;
height: 330px;
width: 285px;
font-family: Oswald;
color: #000;
font-size: 13px;
letter-spacing: 0px;
text-transform: none;
background-color: #a6a6a6;
padding: 10px;
line-height: 22px;
text-align: justify;
overflow: auto;
opacity: 0;
bottom: 50%;
left: 50%;
margin-left: -230px;
margin-bottom: -10000000px;}

.box:target {
opacity: 1;
bottom: 50%;
left: 50%;
margin-left: -248px;
margin-bottom: -238px;}

.navi {
position: absolute;
top: 370px;
left: 20px;}

a.nav:link, a.nav:active, a.nav:visited{
display: inline-block;
font-family: 'Cinzel Decorative', cursive;
color: #403831;
background-color: #a6a6a6;
width: 73px;
font-size: 15px;
letter-spacing: 3px;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
text-align: center;
margin-top: 10px;
cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}

</style>

<div id="no" oncontextmenu="return false;">

<div class="alpha">
<div class="con">
<div class="pic"></div></div>

<div class="contacts">
<h2>connections</h2>
<a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #cccccc; height:45px; width:45px;"></a>

<a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #cccccc; height:45px; width:45px;"></a>

<a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #cccccc; height:45px; width:45px;"></a>

<a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #cccccc; height:45px; width:45px;"></a>

<a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #cccccc; height:45px; width:45px;"></a>

<a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #cccccc; height:45px; width:45px;"></a>

<a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #cccccc; height:45px; width:45px;"></a>

<a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
<img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #cccccc; height:45px; width:45px;"></a>

</div>

<div class="stats">
<h2>Statistics</h2>
<font style=float:left><b>name</b> </font> <font style=float:right>Cole Richard Prescott</font><br>
<font style=float:left><b>alias</b> </font> <font style=float:right>Pres</font><br>
<font style=float:left><b>gender</b> </font> <font style=float:right>Male</font><br>
<font style=float:left><b>birth date</b> </font> <font style=float:right>August 8th / Leo / 23</font><br>
<font style=float:left><b>birthplace</b> </font> <font style=float:right>Saco, Maine</font><br>
<font style=float:left><b>location</b> </font> <font style=float:right>DKE House, NYU</font><br><br>

<font style=float:left><b>occupation</b> </font> <font style=float:right>Junior @ NYU</font><br>
<font style=float:left><b>major</b> </font> <font style=float:right>Political Science</font><br>
<font style=float:left><b>fraternity</b> </font> <font style=float:right>Delta Kappa Epsilon</font><br>
<font style=float:left><b>clubs</b> </font> <font style=float:right>Lacrosse, Baseball</font><br><br>

<font style=float:left><b>marital status</b> </font> <font style=float:right> Single</font><br>
<font style=float:left><b>orientation</b> </font> <font style=float:right>Heterosexual</font><br>
<font style=float:left><b>current mood</b> </font> <font style=float:right>--</font><br><br>

<font style=float:left><b>height</b> </font> <font style=float:right>6'4"</font><br>
<font style=float:left><b>weight</b> </font> <font style=float:right>185 lbs</font><br>
<font style=float:left><b>hair color</b> </font> <font style=float:right>Light Brown</font><br>
<font style=float:left><b>eye color</b> </font> <font style=float:right>Green</font><br>
<font style=float:left><b>scent</b> </font> <font style=float:right>Sandalwood, Almond</font><br>
<font style=float:left><b>allergies</b> </font> <font style=float:right>--</font><br>
</div>

<div class="navi">
<a class="nav" href="#one">I.</a>
<a class="nav" href="#two">II.</a>
<a class="nav" href="#three">III.</a>
<a class="nav" href="#four">IV.</a>
</div>
</div>

<div id="one" class="box">
<h2>History</h2>
this is just an example.<br>
<b>this is just an example.</b><br>
<i>this is just an example.</i><br>
<u>this is just an example.</u><br>
<s>this is just an example.</s><br>
</div>

<div id="two" class="box">
<h2>Head Canons</h2>
</div>

<div id="three" class="box">
<h2>Out of Character</h2>
<b>I.</b> This code was made by <a target="_blank" href="https://roleplay.chat/profile.php?user=Star">Star</a> as a gift for <b>Cole</b>, under the multiple sources of tutelage by far more experienced coders. Please don't bother stealing, I can point you in the direction of those that would be happy to do commissions.<br><br>
<b>II.</b> <br><br>
<b>III.</b> <br><br>
<b>IV.</b> <br><br>
</div></div>