page pack 2 "joey" characters

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- @shayofrp -->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />

    <style type="text/css">

   /*--body--*/


    body{
    font-style:none;
    background-color:#050505;
    font-family:arial;
    font-size:9px;
    }

a { text-decoration:none; color:#cbcdc7; font-size:10px;}
a:hover { text-decoration:underline; color:{color:hover}; }


#content {
width:840px;
font-family:arial;
font-size:10px;
line-height:120%;
margin:90px auto;  }

#abouts {
padding:30px;
position:fixed;
margin-top:-50px;
overflow-y:auto;
height:500px;
display:inline-block;
width:780px;
overflow-x:hidden;
border-bottom:20px solid #e5e5e5;
background-color:#fdfaf2;
text-align:justify;}



#about img{-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}

.image {
text-align:center;
width:60px;}

.image img {
width:60px;
float:left;
margin-top:-2px;
margin-left:20px;
padding:2px 2px 2px 2px;
border-radius:97%;}

.links {
text-align:center;
width:275px;
margin-left:0px;
margin-top:20px;}

.links a{
text-align:left;
display:inline-block;
padding:5px;
padding-left:10px;
background-color:#b7c684;
width:justify;
font-family:arial;
font-weight:bold;
color:#faf4e2;
width:110px;
font-size:9px;
border-left:4px solid #eff8f3;
text-transform:uppercase;
margin-bottom:10px;
margin-right:5px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}

.linkstop a{width:80px;
bottom:0px;
right:0px;
position:fixed;
text-transforM:uppercase;
    background-color:#baca9b;
    font-weight:bold;
    color:#fdf5e5;
    text-align:center;
    display:inline-block;
    padding:5px;
}

/* SCROLLBAR */

::-webkit-scrollbar-thumb {
height:auto;
background-color:#afb251;
}

::-webkit-scrollbar {
height:9px;
width:2px;
background-color:#f3e345;
}

header{
    border-bottom-color:#eff8f3; color:#eff8f3;
font-family: 'Merriweather Sans', sans-serif;
font-weight:normal;
letter-spacing:1px;
font-weight:bold;
font-size:11px;
display:block;
background-color:#f3e343;
text-transform:uppercase;
color:#ffffff;
text-align:left;
padding:5px;
margin:0;
border-bottom-width:2px;
border-bottom-style:solid;}

.paragraph {
padding:10px;
margin:10px;
line-height:150%; }

/*characters*/
/*dont touch*/

#pannel
{width:385px;
height:200px;
padding:5px;
margin-top:-20px;
margin-left:-30px;
margin-bottom:10px;
margin-right:20px;
background-color:#b7c684;
}

#poster
{width:90px;
padding-bottom:4px;
padding-left:4px;
padding-right:4px;
overflow:auto;
padding-top:4px;
float:center;}

#poster img{
    width:90px;
    margin-top:0px;
    Margin-left:0px;}

#about/*Description*/
{text-align:justify;
padding:10px;
line-height:130%;
padding-top:3px;
margin-top:0px;
margin-left:100px;
margin-right:0px;
margin-bottom:10px;
position:absolute;
width:260px;
font-family:'arial';
height:190px;
opacity:1;
overflow:auto;
font-size:10px;
color:#050505;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;}

/*dont touch's end*/

 trait{text-align:left;
display:inline-block;
padding:2px;
padding-left:10px;
width:justify;
font-family:arial;
font-weight:bold;
color:#050505;
margin-left:3px;
width:106px;
font-size:9px;
border-left:4px solid #fdfaf2;
text-transform:uppercase;
margin-top:5px;
margin-right:1px;

 }


</style>
<div class="linkstop"><a href="http://shayofrp.tumblr.com/">CREDIT</a></div>
<br />
<div id="content">
<div id="abouts">
<div align="center">
<table border="0" cellpadding="0" cellspacing="20" id="all">
<tbody>
<tr><!--start of the pannel-->
<td>
<div id="pannel">
<div id="about"><header>NAME HERE</header>
<trait>aloof</trait><trait>INTERESTING</trait><trait>charmless</trait><trait>loyal</trait><br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis nisi ut varius tristique. Nullam maximus semper volutpat. Mauris tristique lectus non justo hendrerit tincidunt. In aliquam nisl sit amet bibendum fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean neque lectus, iaculis in maximus quis, dapibus et urna. Nunc viverra felis quis purus pulvinar dictum. Morbi quis condimentum nisl, id ornare eros. Donec aliquam risus eget aliquam tristique. Praesent luctus pulvinar justo. Pellentesque quam ipsum, interdum vitae dignissim dignissim, efficitur et nulla. Maecenas eu nunc lectus. Morbi dictum lorem elit, sed varius ante egestas a.</div>
<div id="poster"><!--about--> <img src="https://31.media.tumblr.com/1d76003d5fadabc019de379fea13e604/tumblr_inline_ndnxgyfuQc1reahq0.png" width="90px" /><!--replace this url with the image url you want to use--></div>
<!--poster--></div>
</td>
<!--end of the pannel-->
<td>
<div id="pannel">
<div id="about"><header>NAME HERE</header>
<trait>aloof</trait><trait>INTERESTING</trait><trait>charmless</trait><trait>loyal</trait><br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis nisi ut varius tristique. Nullam maximus semper volutpat. Mauris tristique lectus non justo hendrerit tincidunt. In aliquam nisl sit amet bibendum fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean neque lectus, iaculis in maximus quis, dapibus et urna. Nunc viverra felis quis purus pulvinar dictum. Morbi quis condimentum nisl, id ornare eros. Donec aliquam risus eget aliquam tristique. Praesent luctus pulvinar justo. Pellentesque quam ipsum, interdum vitae dignissim dignissim, efficitur et nulla. Maecenas eu nunc lectus. Morbi dictum lorem elit, sed varius ante egestas a.</div>
<div id="poster"><!--about--> <img src="https://31.media.tumblr.com/1d76003d5fadabc019de379fea13e604/tumblr_inline_ndnxgyfuQc1reahq0.png" width="90px" /><!--replace this url with the image url you want to use--></div>
<!--poster--></div>
</td>
<!--end of the pannel--></tr><tr><!--start of the pannel-->
<td>
<div id="pannel">
<div id="about"><header>NAME HERE</header>
<trait>aloof</trait><trait>INTERESTING</trait><trait>charmless</trait><trait>loyal</trait><br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis nisi ut varius tristique. Nullam maximus semper volutpat. Mauris tristique lectus non justo hendrerit tincidunt. In aliquam nisl sit amet bibendum fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean neque lectus, iaculis in maximus quis, dapibus et urna. Nunc viverra felis quis purus pulvinar dictum. Morbi quis condimentum nisl, id ornare eros. Donec aliquam risus eget aliquam tristique. Praesent luctus pulvinar justo. Pellentesque quam ipsum, interdum vitae dignissim dignissim, efficitur et nulla. Maecenas eu nunc lectus. Morbi dictum lorem elit, sed varius ante egestas a.</div>
<div id="poster"><!--about--> <img src="https://31.media.tumblr.com/1d76003d5fadabc019de379fea13e604/tumblr_inline_ndnxgyfuQc1reahq0.png" width="90px" /><!--replace this url with the image url you want to use--></div>
<!--poster--></div>
</td>
<!--end of the pannel-->
<td>
<div id="pannel">
<div id="about"><header>NAME HERE</header>
<trait>aloof</trait><trait>INTERESTING</trait><trait>charmless</trait><trait>loyal</trait><br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis nisi ut varius tristique. Nullam maximus semper volutpat. Mauris tristique lectus non justo hendrerit tincidunt. In aliquam nisl sit amet bibendum fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean neque lectus, iaculis in maximus quis, dapibus et urna. Nunc viverra felis quis purus pulvinar dictum. Morbi quis condimentum nisl, id ornare eros. Donec aliquam risus eget aliquam tristique. Praesent luctus pulvinar justo. Pellentesque quam ipsum, interdum vitae dignissim dignissim, efficitur et nulla. Maecenas eu nunc lectus. Morbi dictum lorem elit, sed varius ante egestas a.</div>
<div id="poster"><!--about--> <img src="https://31.media.tumblr.com/1d76003d5fadabc019de379fea13e604/tumblr_inline_ndnxgyfuQc1reahq0.png" width="90px" /><!--replace this url with the image url you want to use--></div>
<!--poster--></div>
</td>
<!--end of the pannel--></tr>

<tr><!--start of the pannel-->
<td>
<div id="pannel">
<div id="about"><header>NAME HERE</header>
<trait>aloof</trait><trait>INTERESTING</trait><trait>charmless</trait><trait>loyal</trait><br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis nisi ut varius tristique. Nullam maximus semper volutpat. Mauris tristique lectus non justo hendrerit tincidunt. In aliquam nisl sit amet bibendum fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean neque lectus, iaculis in maximus quis, dapibus et urna. Nunc viverra felis quis purus pulvinar dictum. Morbi quis condimentum nisl, id ornare eros. Donec aliquam risus eget aliquam tristique. Praesent luctus pulvinar justo. Pellentesque quam ipsum, interdum vitae dignissim dignissim, efficitur et nulla. Maecenas eu nunc lectus. Morbi dictum lorem elit, sed varius ante egestas a.</div>
<div id="poster"><!--about--> <img src="https://31.media.tumblr.com/1d76003d5fadabc019de379fea13e604/tumblr_inline_ndnxgyfuQc1reahq0.png" width="90px" /><!--replace this url with the image url you want to use--></div>
<!--poster--></div>
</td>
<!--end of the pannel-->
<td>
<div id="pannel">
<div id="about"><header>NAME HERE</header>
<trait>aloof</trait><trait>INTERESTING</trait><trait>charmless</trait><trait>loyal</trait><br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis nisi ut varius tristique. Nullam maximus semper volutpat. Mauris tristique lectus non justo hendrerit tincidunt. In aliquam nisl sit amet bibendum fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean neque lectus, iaculis in maximus quis, dapibus et urna. Nunc viverra felis quis purus pulvinar dictum. Morbi quis condimentum nisl, id ornare eros. Donec aliquam risus eget aliquam tristique. Praesent luctus pulvinar justo. Pellentesque quam ipsum, interdum vitae dignissim dignissim, efficitur et nulla. Maecenas eu nunc lectus. Morbi dictum lorem elit, sed varius ante egestas a.</div>
<div id="poster"><!--about--> <img src="https://31.media.tumblr.com/1d76003d5fadabc019de379fea13e604/tumblr_inline_ndnxgyfuQc1reahq0.png" width="90px" /><!--replace this url with the image url you want to use--></div>
<!--poster--></div>
</td>
<!--end of the pannel--></tr>

<tr><!--start of the pannel-->
<td>
<div id="pannel">
<div id="about"><header>NAME HERE</header>
<trait>aloof</trait><trait>INTERESTING</trait><trait>charmless</trait><trait>loyal</trait><br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis nisi ut varius tristique. Nullam maximus semper volutpat. Mauris tristique lectus non justo hendrerit tincidunt. In aliquam nisl sit amet bibendum fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean neque lectus, iaculis in maximus quis, dapibus et urna. Nunc viverra felis quis purus pulvinar dictum. Morbi quis condimentum nisl, id ornare eros. Donec aliquam risus eget aliquam tristique. Praesent luctus pulvinar justo. Pellentesque quam ipsum, interdum vitae dignissim dignissim, efficitur et nulla. Maecenas eu nunc lectus. Morbi dictum lorem elit, sed varius ante egestas a.</div>
<div id="poster"><!--about--> <img src="https://31.media.tumblr.com/1d76003d5fadabc019de379fea13e604/tumblr_inline_ndnxgyfuQc1reahq0.png" width="90px" /><!--replace this url with the image url you want to use--></div>
<!--poster--></div>
</td>
<!--end of the pannel-->
<td>
<div id="pannel">
<div id="about"><header>NAME HERE</header>
<trait>aloof</trait><trait>INTERESTING</trait><trait>charmless</trait><trait>loyal</trait><br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis nisi ut varius tristique. Nullam maximus semper volutpat. Mauris tristique lectus non justo hendrerit tincidunt. In aliquam nisl sit amet bibendum fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean neque lectus, iaculis in maximus quis, dapibus et urna. Nunc viverra felis quis purus pulvinar dictum. Morbi quis condimentum nisl, id ornare eros. Donec aliquam risus eget aliquam tristique. Praesent luctus pulvinar justo. Pellentesque quam ipsum, interdum vitae dignissim dignissim, efficitur et nulla. Maecenas eu nunc lectus. Morbi dictum lorem elit, sed varius ante egestas a.</div>
<div id="poster"><!--about--> <img src="https://31.media.tumblr.com/1d76003d5fadabc019de379fea13e604/tumblr_inline_ndnxgyfuQc1reahq0.png" width="90px" /><!--replace this url with the image url you want to use--></div>
<!--poster--></div>
</td>
<!--end of the pannel--></tr>

<!--COPYHERE-->
<tr><!--start of the pannel-->
<td>
<div id="pannel">
<div id="about"><header>NAME HERE</header>
<trait>aloof</trait><trait>INTERESTING</trait><trait>charmless</trait><trait>loyal</trait><br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis nisi ut varius tristique. Nullam maximus semper volutpat. Mauris tristique lectus non justo hendrerit tincidunt. In aliquam nisl sit amet bibendum fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean neque lectus, iaculis in maximus quis, dapibus et urna. Nunc viverra felis quis purus pulvinar dictum. Morbi quis condimentum nisl, id ornare eros. Donec aliquam risus eget aliquam tristique. Praesent luctus pulvinar justo. Pellentesque quam ipsum, interdum vitae dignissim dignissim, efficitur et nulla. Maecenas eu nunc lectus. Morbi dictum lorem elit, sed varius ante egestas a.</div>
<div id="poster"><!--about--> <img src="https://31.media.tumblr.com/1d76003d5fadabc019de379fea13e604/tumblr_inline_ndnxgyfuQc1reahq0.png" width="90px" /><!--replace this url with the image url you want to use--></div>
<!--poster--></div>
</td>
<!--end of the pannel-->
<td>
<div id="pannel">
<div id="about"><header>NAME HERE</header>
<trait>aloof</trait><trait>INTERESTING</trait><trait>charmless</trait><trait>loyal</trait><br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis nisi ut varius tristique. Nullam maximus semper volutpat. Mauris tristique lectus non justo hendrerit tincidunt. In aliquam nisl sit amet bibendum fringilla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean neque lectus, iaculis in maximus quis, dapibus et urna. Nunc viverra felis quis purus pulvinar dictum. Morbi quis condimentum nisl, id ornare eros. Donec aliquam risus eget aliquam tristique. Praesent luctus pulvinar justo. Pellentesque quam ipsum, interdum vitae dignissim dignissim, efficitur et nulla. Maecenas eu nunc lectus. Morbi dictum lorem elit, sed varius ante egestas a.</div>
<div id="poster"><!--about--> <img src="https://31.media.tumblr.com/1d76003d5fadabc019de379fea13e604/tumblr_inline_ndnxgyfuQc1reahq0.png" width="90px" /><!--replace this url with the image url you want to use--></div>
<!--poster--></div>
</td>
<!--end of the pannel--></tr>

<!--TOHERE-->

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