Untitled


<html>
<head>
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
<script src="https://roleplay.chat/jquery.tooltipster.js?v=8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<script defer>
window.onload = function() {

};
</script>
<style>
/* Container and background*/

#profile-container {
  background: none;
}

body {
  background: #2C3539;
}

body,
a:hover {
  cursor: url(http://i.imgur.com/cd7ZHDh.png), progress !important;
}

/* Fonts*/

@font-face {
  font-family: title;
  src: url(https://dl.dropbox.com/s/8lb2n168ra294rq/Megrim.ttf?dl=0);
}

@font-face {
  font-family: stattitle;
  src: url(https://dl.dropbox.com/s/8imvn9rmgl8mk38/MANIFESTO.ttf?dl=0);
}

/*name*/

.name {
  z-index: 5;
  position: absolute;
  left: 227px;
  width: 273px;
  text-align: center;
  top: 60px;
  font-size: 30px;
  font-family: title;
  color: #848482
}

/*Pic*/

.pic {
  z-index: 5;
  position: absolute;
  border: 3px solid #848482;
  left: 227px;
  top: 99px;
  width: 270px;
  height: 306px;
  background: url(https://static1.e621.net/data/sample/1d/de/1dde59013eee604cda278a16a3861f99.jpg) center;
  background-size: cover;
}

/*Backs*/

.back {
  z-index: 1;
  position: absolute;
  background: #B6B6B4;
  border: 5px solid #848482;
  height: 400px;
  width: 340px;
  left: 190px;
  top: 50px;
}

.bar1 {
  z-index: 2;
  position: absolute;
  border-left: 5px solid #848482;
  top: 55px;
  left: 210px;
  width: 0px;
  height: 360px;
}

.bar2 {
  z-index: 2;
  position: absolute;
  border-left: 5px solid #848482;
  top: 95px;
  left: 515px;
  width: 0px;
  height: 360px;
}

.box1 {
  z-index: 2;
  position: absolute;
  background: #9BA4A8;
  border: 3px solid #848482;
  width: 15px;
  height: 15px;
  top: 415px;
  left: 202px;
}

.box2 {
  z-index: 2;
  position: absolute;
  background: #9BA4A8;
  border: 3px solid #848482;
  width: 15px;
  height: 15px;
  top: 74px;
  left: 507px;
}

/* Tabs*/

.tabs {
  position: absolute;
  margin: 25px 0px;
}

.tab label {
  top: 390px;
  left: 217px;
  float: left;
  margin-left: 11px;
  height: 15px;
  width: 37px;
  position: relative;
  z-index: 400;
  background: #9BA4A8;
  border: 3px solid #848482;
  cursor: url(https://i.imgur.com/SAa1psh.gif), progress !important;
  -webkit-transition: all .5s ease;
}

.tab label:hover {
  -webkit-transition: all .5s ease;
}

.content {
  position: absolute;
  top: 74px;
  left: 227px;
  width: 260px;
  height: 296px;
  background: #B6B6B4;
  border: 3px solid #B6B6B4;
  padding: 5px;
  color: #59504C;
  font-family: tahoma;
  font-size: 13px;
  overflow: auto;
  z-index: 20;
  opacity: 0;
  -webkit-transition: all .5s ease;
}

[type=radio]:checked~label {
  -webkit-transition: all .5s ease;
}

[type=radio]:checked~label~.content {
  z-index: 30;
  opacity: 1;
  -webkit-transition: all .5s ease;
}

.tab [type=radio] {
  display: none;
}

/* Slection*/

::selection {
  background: #2C3539;
}

/* Table*/

table,
th,
td {
  padding: 4px;
  font-size: 13px;
}

td:nth-child(odd) {
  color: #848482;
  text-align: left;
  font-family: times new roman;
  text-transform: uppercase;
}

td:nth-child(even) {
  color: #59504C;
  text-align: right;
  font-family: tahoma;
}

/*hr*/

hr {
  height: 3px;
  border: none;
  background: #848482;
  width: 80%;
}

/* Headers*/

h1 {
  position: relative;
  text-align: center;
}

h1 span {
  background: #B6B6B4;
  padding: 0 10px;
  position: relative;
  z-index: 1;
  font-family: title;
  color: #848482;
  font-size: 18px;
  text-transform: uppercase;
}

h1:before {
  background: #848482;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 90%;
  left: 5%;
}

/* Scrollbar*/

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  background: #848482;
  border: 1px solid #B6B6B4;
}

::-webkit-scrollbar-track {
  background: #B6B6B4;
}

/*Link*/

a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #848482;
  -webkit-transition: all .5s ease;
}

a:hover {
  color: #59504C;
  text-shadow: -2px 0 #333, 0 1px #333, 2px 0 #333, 0 -1px #333;
  -webkit-transition: all .5s ease;
  cursor: url(https://i.imgur.com/SAa1psh.gif), progress !important;
}

/*Credit*/

.Credit {
  z-index: 0;
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  border-color: #fff;
  border-style: dotted;
  border-width: 2px;
  padding: 5px;
  background: #000;
  font-family: tahoma;
  -webkit-transition: all 1s ease;
}

.Credit:hover {
  background: #fff;
  border-color: #000;
  -webkit-transition: all 1s ease;
}

</style>
</head>
<body>
<div class="name">
 <p>Name Here</p>
</div>
<div class="back">
 <p>&nbsp;</p>
</div>
<div class="bar1">
 <p>&nbsp;</p>
</div>
<div class="bar2">
 <p>&nbsp;</p>
</div>
<div class="box1">
 <p>&nbsp;</p>
</div>
<div class="box2">
 <p>&nbsp;</p>
</div>
<div class="pic">
 <p>&nbsp;</p>
</div>
<div class="tabs">
 <div class="tab">
 <div class="tab"><input id="tab-5" name="tab-group-2" type="radio" /> <label for="tab-5">&nbsp;</label>
 <div class="content">
 <h1><span>Stats</span></h1>
 <table border="0" cellspacing="0" width="259" height="268">
 <tbody>
 <tr>
 <td>Name</td>
 <td> Drew</td>
 </tr>
 <tr>
 <td>Age</td>
 <td>23</td>
 </tr>
 <tr>
 <td>Gender</td>
 <td>Trans/Shemale</td>
 </tr>
 <tr>
 <td>Weight</td>
 <td>Why even ask that? o.o</td>
 </tr>
 <tr>
 <td>Orientation</td>
 <td>Pansexual</td>
 </tr>
 <tr>
 <td>Position</td>
 <td>Switch: Test your luck</td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
 <div class="tab"><input id="tab-4" name="tab-group-2" type="radio" /> <label for="tab-4">&nbsp;</label>
 <div class="content">
 <h1><span>Personality</span></h1>
 <p>Usually shy at first, Drew can be quiet the sweetheart once you get to know her. She tries her best to be kind to others and treat everyone with respect....Even when they do not deserve it sometimes. She will always greet you with a smile and a friendly disposition so do not be afraid to come talk to her.</p>
 <p>&nbsp;</p>
 <p>Now when drinking, Drew's personality can change depending on the alcohol.Some alcohol makes her even more friendly while others may make her more feisty and want to be aggressive towards others. And then there is tequila which makes her feel very frisky but that happens to everyone right? I hope so at least.....</p>

 <h1><span>OOC</span></h1>
 <p>Please have some sort of profile. I know that mine is not the best but please do not approach me if you do not have even a basic profile.</p>
 <p>&nbsp;</p>
 <p>Usually pm approach is best. I do not really do room rp because I find it uncomfortable that everyone can watch and react to me o////o</p>
 <p>&nbsp;</p>
 <p>If you approach me without some sort of brackets or parenthesis, i.e. {} [] (), I will assume youare talking to me in character. I also reserve the right to refuse to roleplay with you and please do not continuously to beg me... You will be blocked. </p>

 </div>
 </div>
 <div class="tab"><input id="tab-1" checked="checked" name="tab-group-2" type="radio" /> <label for="tab-1">&nbsp;</label></div>
 <div class="content">
 <p style="text-align: left;">&nbsp;</p>
 </div>
 </div>
</div>
<div class="Credit">
 <p style="text-align: center;"><a target="_blank" href="https://[FILTERED].tumblr.com/" target="_blank">&spades;</a></p>
</div>

</body>
</html>