Keith

<style type="text/css">

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

body{
background-color:#000;
background-image:url(http://img06.deviantart.net/a0c5/i/2012/077/f/2/dark_red_02_texture_by_carlbert-d4t6oi8.jpg);
background-position: bottom left;
background-size:100% 100%;
background-repeat:no-repeat;}


@-webkit-keyframes heart {
 0% {opacity: 1; -webkit-transform: translate(0px, 0px) rotateZ(0deg) rotateX(0deg);}
 50% {opacity: 1; -webkit-transform: translate(1300px, 0px) rotateZ(3600deg) rotateX(0deg);}
 100% {opacity: 0; -webkit-transform: translate(2600px, 0px) rotateZ(7200deg) rotateX(0deg);}
 }
 @-webkit-keyframes heart2 {
 0% {opacity: 1; -webkit-transform: translate(0px, 0px) rotateZ(0deg) rotateX(0deg);}
 50% {opacity: 1; -webkit-transform: translate(1200px, 0px) rotateZ(3600deg) rotateX(0deg);}
 100% {opacity: 0; -webkit-transform: translate(2400px, 0px) rotateZ(7200deg) rotateX(0deg);}
 }
 @-webkit-keyframes heart3 {
 0% {opacity: 1; -webkit-transform: translate(0px, 0px) rotateZ(0deg) rotateX(0deg);}
 50% {opacity: 1; -webkit-transform: translate(1000px, 0px) rotateZ(3600deg) rotateX(0deg);}
 100% {opacity: 0; -webkit-transform: translate(2000px, 0px) rotateZ(7200deg) rotateX(0deg);}
 }
 @-webkit-keyframes heart4 {
 0% {opacity: 1; -webkit-transform: translate(0px, 0px) rotateZ(0deg) rotateX(0deg);}
 50% {opacity: 1; -webkit-transform: translate(1400px, 0px) rotateZ(3600deg) rotateX(0deg);}
 100% {opacity: 0; -webkit-transform: translate(2800px, 0px) rotateZ(7200deg) rotateX(0deg);}
 }


 @font-face {
 font-family: Dear Joe Casual;
 src: url(http://static.tumblr.com/rka7seb/9UJn6n511/dj5ctrial.ttf);}
@font-face{
 font-family: 'Ire';
 src:url(https://dl.dropboxusercontent.com/s/xcrka98ux527b1v/Vtks%20Raladeira2.ttf);
 }

 #love {
 position: absolute;
 left: 1%;
 top: 2%;
 color: #9E9999;
 font-family: Segoe Print;
 font-size: 12px;
 text-decoration: none;
 border: 3px solid #9E0707;
 background-color: #000;
 width: 270px;
 height: 440px;
 padding:5px;}

 #love2 {
 position: absolute;
left: 25%;
 top: 2%;
 color: #9E9999;
 font-family: Segoe Print;
 font-size: 12px;
 text-decoration: none;
 border: 3px solid #9E0707;
 background-color: #000;
 width: 270px;
 height: 440px;
 padding:5px;}

 #love3 {
 position: absolute;
 right: 25%;
 bottom: 2%;
 color: #9E9999;
 font-family: Segoe Print;
 font-size: 12px;
 text-decoration: none;
 border: 3px solid #9E0707;
 background-color: #000;
 width: 270px;
 height: 440px;
 padding:5px;}


 #love4 {
 position: absolute;
right: 1%;
 bottom: 2%;
 color: #9E9999;
 font-family: Segoe Print;
 font-size: 12px;
 text-decoration: none;
 border: 3px solid #9E0707;
 background-color: #000;
 width: 270px;
 height: 440px;
 padding:5px;}


 .flip-container {
 perspective: 1000;
 -webkit-perspective: 1000;
 -moz-perspective: 1000;
 }

 .flip-container:hover .flipper, .flip-container.hover .flipper {
 -webkit-transform: rotateY(180deg);
 -moz-transform: rotateY(180deg);
 transform: rotateY(180deg);
 filter: FlipH;
 -ms-filter: "FlipH";
 }

 .flip-container, .front, .back {
 width: 100%;
 height: 440px;

 }

 .flipper {
 -webkit-transition: 0.99s;
 -webkit-transform-style: preserve-3d;
 -moz-transition: 0.99s;
 -moz-transform-style: preserve-3d;
 transition: 0.99s;
 transform-style: preserve-3d;
 position: relative;

 }

 .front, .back {
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 backface-visibility: hidden;
 position: absolute;
 top: 0;
 left: 0;

 }

 .front {

 overflow: hidden;
 }

 .back {

 transform: rotateY(180deg);
 -webkit-transform: rotateY(180deg);
 -moz-transform: rotateY(180deg);
background-color: #000;
 overflow: auto;

 }

b {
color: #9E0707;
font-family: ire;
font-size: 20px;
font-weight:normal;
letter-spacing: 1px;
}

a {
 color: #E00202;
 font-family:Gabriola;
 font-size: 18px;
 text-decoration: none;
 transition: all 0.8s ease-in-out;
 -moz-transition: all 0.8s ease-in-out;
 -webkit-transition: all 0.8s ease-in-out;}
a:hover {
 color: #ffffff;
 font-family: Gabriola;
 font-size: 18px;
 text-decoration: none;
 transition: all 0.6s ease-in-out;
 -moz-transition: all 0.6s ease-in-out;
 -webkit-transition: all 0.6s ease-in-out;}

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

.circle:hover{
border-radius:0px;
-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);

}



 .about {overflow="auto"}

::-webkit-scrollbar-thumb {
 width: 0px;
 background-color: transparent;}
::-webkit-scrollbar {
 width: 0px;
 background-color: transparent;}

#noclick{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;}

 </style>
<div id="noclick" oncontextmenu="return false;">



 <div id="heart_v1">
 </div>
 <div id="heart2_v2">
 </div>
 <div id="heart3_v3">
 </div>
 <div id="heart4_v4">
 </div>






 <div id="love">
 <div class="flip-container">
 <div class="flipper">
 <div class="front">
 <img src="http://41.media.tumblr.com/86bc8c9e430f6a86003876d9ad5b9a46/tumblr_nne2quj7Rf1rk4kmuo5_400.jpg" width="270" height="440" style="float:left;">
 </div>
 <div class="back">
 <div align="left">
<center> <b><u>Dossier</b></u></center>
<br>
<b>Name:</b>
<br><b>Alias:</b>
<br><b>Age:</b>
<br><b>Species:</b>
<br><b>Gender:</b>
<br><b>Hair:</b>
<br><b>Eyes:</b>
<br><b>Height:</b>
<br><b>Weight:</b>
<br><b>Occupation:</b>
<br><b>Sexuality:</b>
<br><b>Relationship Status:</b>
 </div>
 </div>
 </div>
 </div>
 </div>


 <div id="love2">
 <div class="flip-container">
 <div class="flipper">
 <div class="front">
 <img src="http://img2.timeinc.net/people/i/2005/specials/emmys05/photobooth/mfox.jpg" width="270" height="440" style="float:left;">
 </div>
 <div class="back">
 <div align="left">
<center><b><u>Story</b></u></center>
<br>
Words here

 </div>
 </div>
 </div>
 </div>
 </div>




 <div id="love3">
 <div class="flip-container">
 <div class="flipper">
 <div class="front">
 <img src="http://img14.deviantart.net/d098/i/2009/273/d/4/dante_in_devil_may_cry_4_by_xiaofeihui.png" width="270" height="440" style="float:left;">
 </div>
 <div class="back">
 <div overflow="auto">
<center><b><u>Pictures</b></u></center>
<br>
<a href="http://i.imgur.com/UMwnq2q.jpg"><img src="http://i.imgur.com/UMwnq2q.jpg" class="circle" width="70" height="70" border="1px solid #000000" ></a>
<a href="http://i.imgur.com/UMwnq2q.jpg"><img src="http://i.imgur.com/UMwnq2q.jpg" class="circle" width="70" height="70" border="1px solid #000000" ></a>
<a href="http://i.imgur.com/UMwnq2q.jpg"><img src="http://i.imgur.com/UMwnq2q.jpg" class="circle" width="70" height="70" border="1px solid #000000" ></a>
<a href="http://i.imgur.com/UMwnq2q.jpg"><img src="http://i.imgur.com/UMwnq2q.jpg" class="circle" width="70" height="70" border="1px solid #000000" ></a>
<a href="http://i.imgur.com/UMwnq2q.jpg"><img src="http://i.imgur.com/UMwnq2q.jpg" class="circle" width="70" height="70" border="1px solid #000000" ></a>
 </div>
 </div>
 </div>
 </div>
 </div>




 <div id="love4">
 <div class="flip-container">
 <div class="flipper">
 <div class="front">
 <img src="http://vignette2.wikia.nocookie.net/swfanon/images/0/0a/Dante.png/revision/latest?cb=20070519061628" width="270" height="440" style="float:left;">
 </div>
 <div class="back">
 <center><b><u>OOC</b></u></center>
<br>
~ This profile code was made for me by <a href="profile.php?user=Nichi" target="_blank">Nichi</a>. Don't touch it. Don't be an ass.</br>

</div>
</div>
</div>