Ryuji Code

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }

::-webkit-scrollbar {
	width: 3px;
	height: 0px;
	background:;
	}

	::-webkit-scrollbar-thumb {
	background-color:black;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}


@import url(http://fonts.googleapis.com/css?family=Great+Vibes);


body {

background-color: #fff;
background-image: url(http://i.picpar.com/w99.png);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: auto;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}


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

	a:hover {color: grey;
	text-decoration: line-through;
	cursor:
url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
	}

	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}

#pictureone { position:fixed; left:290px; top:165px; border: double 3px #fff; }
#picturetwo { position:fixed; left:835px; top:165px; border: double 3px #fff; }

.abox {background-color:#fff; color: #000; font-size: 12px; font-family: Calibri; text-align: justify; position: absolute; width:240; height:128; left: 555; top:165; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double black;}

.bbox {background-color:#fff; color: #000; font-size: 12px; font-family: Calibri; text-align: justify; position: absolute; width:240; height:128; left: 555; top:365; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double black; z-index: 2;}

.navbar {Background-color: white; Position: absolute; Height: 13px; Width: 243px; Left: 292; Top: 485; padding: 4px; z-index: 100;}

.link1 {Position: absolute; Left: 20px; Border: solid 1px #000; Height: 10px; Width: 60px; }

.link2 {Position: absolute; Left: 94px; Border: solid 1px #000; Height: 10px; Width: 60px; }

.link3 {Position: absolute; Left: 170px; Border: solid 1px #000; Height: 10px; Width: 60px; }

.link1:hover {Background-color: #000;}
.link2:hover {Background-color: #000;}
.link3:hover {Background-color: #000;}


.slide {Position: fixed; Height: 555555; Width: 555555; Top: -100px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
	#title {position:absolute;
	color: black;
	font-size:70;
	font-family:Freestyle Script;
	left:230;
	top:140;
	}


a {color: #B30000; z-index: 5;
	text-decoration: none;
	}

	a:hover {color: black;
	text-decoration: line-through;
	cursor:
url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
	}

	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}

.Name{
position: fixed;
top: 310px;
left: 563px;
color: #FEFEFE;
font-size: 25px;
line-height: 80px;
letter-spacing: 3px;
font-family: 'Great Vibes';
text-shadow: #B30000 2px 3px 4px;
}

.NameTwo{
position: fixed;
top: 310px;
left: 563px;
color: #FEFEFE;
font-size: 25px;
line-height: 80px;
letter-spacing: 3px;
font-family: 'Great Vibes';
text-shadow: #B30000 2px 3px 4px;
}

I{Color: #fff; font-size: 25px; font-family: French Script MT; text-shadow: 2px 3px 4px #8800FF , 1px -1px 1px #8800FF , -1px 1px 1px #8800FF , -1px -1px 1px #8800FF ;}

h2 {

position: fixed;
right: 10px;
bottom: 0px;
font-family: Arial;
font-variant: normal;
font-weight: normal;
font-size: 100%;
color: #FFFFFF;}

a.tooltip {outline:none; z-index: 73;}
a.tooltip:hover {text-decoration:none; z-index: 43;}
a.tooltip span {position: relative;
display:none;
padding:5px;
margin-top:0px;
margin-left:10px;
width:100px;
height: 50px;
line-height:14px;
}

a.tooltip:hover span{
display:inline;
position:fixed;
color:#000;
font-size:12px;
height: 100px;
width: 150px;
text-align:justify;
line-height:14px;
font-family:georgia;
background: #c30400;
border-radius:6px;

}


</style>

<h2>Layout © <a target="_blank" href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#B30000">A Bad Bitch</font></a></h2>

<div class="navbar">
<a class="link1" href="#1"></a>
<a class="link2" href="#2"></a>
<a class="link3" href="#3"></a>
</div>

<div id="pictureone">
<img src="http://i.imgur.com/0RWtaMv.png" class="image" width="250px;" height="350px;">
</div>

<div id="picturetwo">
<img src="http://i.imgur.com/RkZVNeD.png" class="image" width="250px;" height="350px;">
</div>


<div id="1" class="slide">
<div class="abox">

<b>Name</b>: Ryuji Sakamoto <br>
<b>Alias</b>: Skull <br>
<b>Age</b>: 16 <br>
<b>Affiliation</b>: Phantom Thieves of Hearts <br>
<b>Weapon</b>: Bludgeons/Shotguns <br>
<b>Arcana</b>: Chariot <br>
<b>Persona</b>: Captain Kidd <br>
<b>Orientation</b>: Heterosexual <br>
<b>Status</b>: <a href=profile.php?user=Futaba%20Sakura target=_blank>Mine.</a><br><br>
<b><u>Out of Character</b></u> <br><br>
PM friendly. Not limited to the Persona universe! I'll be the best Ryuji I can be, as it is with such little info. Third person, semi to multi para poster. Smut? Sure, but if he has a partner it's non-canon, PM only and shouldn't be spoken of. Adultery is off the table. Thanks!

</div>

<div class="Name">Phantom Thieve's
</div>

<div class="bbox">

Ryuji is a transfer student and classmate of the protagonist and Anne Takamaki who joins them in their heists. Ryuji is regarded as a juvenile delinquent in the school for incidents involving verbal and physical violence. He appears to be the first to discover and enter the Palace alongside the protagonist. His relationship with the protagonist is that of a "bad influence". He helps start the Phantom Thieves of Hearts alongside the protagonist. He wishes to reform society and make their names infamous around the world.
</div>
</div>


<div id="2" class="slide">
<div class="abox">

Ryuji is described as a 'delinquent' and a 'bad influence' on the protagonist, and seems to have the motive of reforming society in some way and making the names of the Phantom Thieves infamous around the world. <br><br>
<b><u>HEADCANON</b></u> <br><br>
Ryuji tends to be violent and threatening towards strangers. However, around his friends and partners, he seems to retain only a small bit of his violent nature, instead putting on a cheerful and somewhat playful persona. Like most guys his age, he's a bit of a flirt, but he's more confident than most due to having lost his virginity to a gyaru at 15, and being sexually active since then. Ryuji most often walks everywhere, and doesn't really care for his fashion on off days, or living conditions for that matter. His face is recognizable in his neighborhood, and so people don't question what he does in fear of getting beaten. Highly loyal and somewhat protective, the delinquent is honest with himself and others, and would never betray any of his friends or fellow thieves.

</center></div>

<div class="NameTwo">Delinquent Bruiser
</div>

<div class="bbox">

<b><u>Accomplices</b></u> <br><br>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Futaba+Sakura" class="tooltip">
Futaba Sakura
<span>
I'm gonna put a ring on this, yeah boy!</span></a><br>
<a target="_blank" href="https://roleplay.chat/profile.php?user=The%20Phantom%20Thief" class="tooltip">
Protagonist
<span>
A nerd, but a nerd I can trust.</span></a><br><a target="_blank" href="#" class="tooltip">
Another Name
<span>
Just testing to make sure this works!</span></a>

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