Dragonstriker's original profile

<style>
@import url(http://fonts.googleapis.com/css?family=Lobster+Two);
@import url(http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here);
.pfor {display: none;}
body {background: #FFF; overflow: hidden;}
/* The Supreme @ RPC */
#profile {border: 0px; background: transparent;}
body, a:hover
#whole{position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}

::-webkit-scrollbar {background: transparent; width: 5px}
::-webkit-scrollbar-thumb:vertical {background: #444444;}

::selection {background: #BBBBBB; }
::-moz-selection {background: transparent; }

#box{
position: fixed;
margin: auto;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width: 618px;
height: 380px;
background: #fff;
}

#left{
position: absolute;
width: 140px;
height: 380px;
text-align: left;
}

#right{
position: absolute;
margin-left: 480px;
width: 140px;
height: 380px;
text-align: left;
}

#middle{
position: absolute;
margin-top: 18px;
margin-left: 138px;
width: 340px;
height: 340px;
background: #111111;
border: #333333 1px solid;
overflow: hidden;
text-align: left;
}

.icon{
float: left;
width: 100px;
height: 100px;
background: #FFFFFF;
margin-top: 18px;
margin-left: 18px;
border: #FFFFFF 1px solid;
text-align: left;
}

.icon img{
position: absolute;
margin-top: 10px;
margin-left: 10px;
width: 78px;
border: #333333 1px solid;
box-shadow: 0px 0px 7px #FFF, 0px 0px 7px #FFF;
}

.icon a{
position: absolute;
margin-top: 16px;
margin-left: 16px;
width: 68px;
height: 68px;
opacity: 0;
background-color: rgba(0, 0, 0, 0.9);
color: #BBBBBB;
text-decoration: none;
font-family: Lobster Two;
font-size: 18px;
font-weight: bold;
line-height: 68px;
text-align: center;
transition: opacity 0.5s ease-in-out;
}

.icon a:hover{
opacity: 1;
transition: opacity 0.5s ease-in-out;
}

.text{
position: absolute;
margin-top: 10px;
margin-left: 10px;
padding: 10px;
width: 300px;
height: 300px;
overflow: auto;
background: #000000;
opacity: 0;
color: #0D9CF2;
text-align: justify;
font-family: tahoma;
font-size: 11px;
line-height: 10px;
transition: 0.9s;
}

.text:target{
opacity: 1;
background-color: rgba(0, 0, 0, .9);
transition: 0.9s;
z-index: 1;
}

	a {color:#65B0DD;
	text-decoration: none;
	-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;
	}

	a:hover {color: #0EA4FF;
	text-decoration: none;
	-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: #999;
letter-spacing: 1px;
font-size: 10px;
}

i{
color: #B2B2B2;
letter-spacing: 1px;
font-size: 12px;
}



#sound{
float: left;
width: 280px;
height: 70px;
padding: 10px;
text-align: left;
}

#player{
position: absolute;
width: 70px;
height: 70px;
background: #444444;
overflow: hidden;
text-align: left;
}

.play{
position: absolute;
width: 30px;
height: 70px;
text-align: center;
line-height: 60px;
color: black;
font-size: 50px;
}

.play a{
text-decoration: none;
color: black;
}

.album{
position: absolute;
width: 70px;
height: 70px;
transition: 0.7s;
}

#player:hover .album{
margin-left: 28px;
transition: 0.7s;
}

#track{
position: absolute;
width: 200px;
height: 70px;
padding-left: 5px;
margin-left: 75px;
background: #444444;
font-family: trebuchet ms;
font-size: 10px;
color: #999999;
line-height: 14px;
text-shadow: #000000 2px 2px 3px, #000000 2px 2px 3px, #000000 2px 2px 3px;
box-shadow: inset #666666 0px 0px 0px 1px;
}

</style>

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

<div id="box">
<div id="left">
<div class="icon"><img src="http://i.imgur.com/62nTqR9.jpg"><a href="#001">info</a></div>
<div class="icon"><img src="http://i.imgur.com/d4X4zX1.png"><a href="#002">etc.</a></div>
<div class="icon"><img src="http://i.imgur.com/5EmLhav.jpg"><a href="#003">logs</a></div>
</div>


<div id="right">
<div class="icon"><img src="http://i.imgur.com/Fk1nA5I.jpg"><a href="#004">friends</a></div>
<div class="icon"><img src="http://i.imgur.com/yRaXHG1.png"><a href="#005">playlist</a></div>
<div class="icon"><img src="http://i.imgur.com/8eipKg1.png"><a href="#006">ooc</a></div>
</div>

<div id="middle">
<img src="http://i.imgur.com/hMtAHr0.png" style="width: 340px; position: absolute;">

<div id="001" class="text" style="text-align: center;">

<p>-

<p><i>“With every death, comes honor. With honor, redemption.”</i>

<p>-

<p><a target="_blank" href="http://overwatch.gamepedia.com/Hanzo" target="_blank">hanzo shimada</a>. 38.
<br><b>overwatch</b>.

<p>-

<p>[ ow rp only ]

<p>-

<p>art by <a target="_blank" href="http://dilfosaur.tumblr.com" target="_blank">dilfosaur</a>, <a target="_blank" href="http://vimeddiart.tumblr.com" target="_blank">vimeddiee</a>, <a target="_blank" href="http://ssaravinter.tumblr.com" target="_blank">ssaravinter</a>
<br><a target="_blank" href="http://rowenheaven.tumblr.com" target="_blank">júlia de miranda</a> and various artists.

</div>


<div id="002" class="text">

<p>- lightweight; easily drunk
<br>- petty / possessive / jealous binch
<br>- enjoys bubble tea
<br>- owns a kitten
<br>- ghibli snob
<br>- no chill

<p>-

<p>
<center>

• <a target="_blank" href="http://mchanzo.tumblr.com/image/160317596969" target="_blank">the cat</a> •
<br>• <a target="_blank" href="http://swarnpert.tumblr.com/post/160217611530" target="_blank">chillin in bed</a> •
<br>• <a target="_blank" href="http://thetiniestcicada.tumblr.com/post/157470808866/a-silly-comic-about-hanzo-bad-at-making-friends" target="_blank">bad at making friends</a> •
<br>• <a target="_blank" href="http://z-meow.tumblr.com/post/158543772188/zombiescratch-this-was-funnier-in-my-head-zzz" target="_blank">what the fuck are you wearing</a> •
<br>• <a target="_blank" href="https://www.youtube.com/watch?v=N8D2czIKfPs" target="_blank">neutral face of displeasure</a> •
<br>• <a target="_blank" href="http://dilfosaur.tumblr.com/post/159350157218" target="_blank">i deserve this</a> •
<br>• <a target="_blank" href="https://s-media-cache-ak0.pinimg.com/736x/5c/a8/59/5ca8591b6f5caad491e68bd4cdde06f9.jpg" target="_blank">pow</a> •

</center>

<p>-

<p>...and
<br><a target="_blank" href="http://2static.fjcdn.com/pictures/Shimada_4fe7c8_6105811.jpg" target="_blank">noodle dragons</a>.

</div>


<div id="003" class="text" style="text-align: center;">

<p>• [3.11] Shopping with <a target="_blank" href="https://roleplay.chat/profile.php?user=Devi" target="_blank">Symmetra</a> and <a target="_blank" href="https://roleplay.chat/profile.php?user=Liao" target="_blank">Liao</a>.

<p>• [3.13] Drinks with everyone.

<p>• [3.15] Found a kitten. <a target="_blank" href="https://roleplay.chat/profile.php?user=Devi" target="_blank">Symmetra</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Zenyatta" target="_blank">Zenyatta</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Fareeha" target="_blank">Pharah</a> and <a target="_blank" href="https://roleplay.chat/profile.php?user=Jessie McCree" target="_blank">McCree</a> assist.

<p>• [3.??] Drinks with <a target="_blank" href="https://roleplay.chat/profile.php?user=Jesse McCree" target="_blank">McCree</a>.

<p>• [4.17] Taco run with <a target="_blank" href="https://roleplay.chat/profile.php?user=araignee du soir" target="_blank">Widowmaker</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Azucar" target="_blank">Sombra</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Tracer" target="_blank">Tracer</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=La%20Calavera" target="_blank">Reaper</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Zenyatta" target="_blank">Zenyatta</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Shimada Hanzo" target="_blank">younger Hanzo</a> and <a target="_blank" href="https://roleplay.chat/profile.php?user=Jesse McCree" target="_blank">McCree</a>.

<p>• [4.21] Trip to McDonald’s with <a target="_blank" href="https://roleplay.chat/profile.php?user=Hana Song" target="_blank">D.Va</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Zenyatta" target="_blank">Zenyatta</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Tracer Rounds" target="_blank">Tracer</a> and <a target="_blank" href="https://roleplay.chat/profile.php?user=Jesse McCree" target="_blank">McCree</a>.

<p>• [4.23] Discussion about love and accountability with <a target="_blank" href="https://roleplay.chat/profile.php?user=Devi" target="_blank">Symmetra</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Fareeha" target="_blank">Pharah</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Zenyatta" target="_blank">Zenyatta</a> and <a target="_blank" href="https://roleplay.chat/profile.php?user=Jesse McCree" target="_blank">McCree</a>.

<p>• [4.24] Selfies with <a target="_blank" href="https://roleplay.chat/profile.php?user=Hana Song" target="_blank">D.Va</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Cyborg Ninja" target="_blank">Genji</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Zenyatta" target="_blank">Zenyatta</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Devi" target="_blank">Symmetra</a> and <a target="_blank" href="https://roleplay.chat/profile.php?user=Jesse McCree" target="_blank">McCree</a>. (Thank you, <a target="_blank" href="https://roleplay.chat/profile.php?user=Cosette" target="_blank">Cosette</a>.)

<p>• [4.25] DTR discussion with <a target="_blank" href="https://roleplay.chat/profile.php?user=Jesse McCree" target="_blank">McCree</a>.

<p>• [5.7] Serenaded by <a target="_blank" href="https://roleplay.chat/profile.php?user=Jesse McCree" target="_blank">McCree</a>.

<p>• [5.8] Bought a child from <a target="_blank" href="https://roleplay.chat/profile.php?user=Jamison" target="_blank">Junkrat</a>.

</div>


<div id="004" class="text" style="text-align: center;">

<p>
<a href="profile.php?user=Shimada Genji" target="_blank">
<img src="http://i.imgur.com/0otgnsB.gif" style="width: 50px; height: 50px;">
</a>
<a href="profile.php?user=Devi" target="_blank">
<img src="http://i.imgur.com/CNx4r3x.gif" style="width: 50px; height: 50px;">
</a>
<a href="profile.php?user=Jesse McCree" target="_blank">
<img src="http://i.imgur.com/EjcMZRX.jpg" style="width: 50px; height: 50px;">
</a>
<a href="profile.php?user=Zenyatta" target="_blank">
<img src="http://i.imgur.com/mTFjGcG.gif" style="width: 50px; height: 50px;">
</a>

<a href="profile.php?user=Fareeha" target="_blank">
<img src="http://i.imgur.com/F2vZTQW.jpg" style="width: 50px; height: 50px;">
</a>
<a href="profile.php?user=barmherzig" target="_blank">
<img src="http://i.imgur.com/1JZqffr.gif" style="width: 50px; height: 50px;">
</a>
<a href="profile.php?user=cauchemar" target="_blank">
<img src="http://i.imgur.com/zDbQrby.gif" style="width: 50px; height: 50px;">
</a>
<a href="profile.php?user=Azucar" target="_blank">
<img src="http://i.imgur.com/yc65Nni.gif" style="width: 50px; height: 50px;">
</a>

<a href="profile.php?user=Tracer Rounds" target="_blank">
<img src="http://i.imgur.com/lWxHow7.gif" style="width: 50px; height: 50px;">
</a>


</div>


<div id="005" class="text">

<div id="sound">
<div id="player">
<div class="play"><a href="LINK" target="_blank">▸</a></div>
<div class="album"><img src="IMAGE" width="70" height="70"></div>
</div>

<div id="track"><br>
<b>TRACK:</b> title<br>
<b>ARTIST:</b> artist<br>
<b>ALBUM:</b> <i>album</i><br>
</div>
</div>

</div>


<div id="006" class="text" style="text-align: center;">

<p>-

<p><b>ooc</b>

<p>-

<p>• PM friendly–
<br>as in I'm always up for a chat.
<br>• No Shimadacest pls but I wish you well.
<br>• I do not want your McCree.
<br>I have my own.
<br>Relax.

<p>-

<p>[ <b>timezone:</b> eastern daylight ]

</div>


</div>
</div>