<div class="character-blade01">

<div class="inner">
<div class="overlay">
<div class="pic">
<div class="text">
<p class="ooc"> ooc text </p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus blandit nunc
quis blandit commodo. Sed quis libero neque. Nam nisi lectus, vehicula eget neque
at, eleifend dictum risus. Donec dignissim placerat risus eget sodales. Nam non
consectetur orci. Donec congue nulla et purus feugiat dictum. Integer sed est
luctus, rutrum magna id, commodo elit. Donec ornare vel enim eu scelerisque.
Pellentesque vitae nunc scelerisque, aliquam libero vel, blandit nulla. Ut at orci
quis dolor semper porta. Maecenas pharetra sem varius, bibendum diam et, lacinia
magna.
<p>Sed dictum quam purus, vitae gravida justo consectetur et. Proin leo tellus,
vulputate pretium mattis nec, iaculis in nulla. Integer ut dolor convallis,
eleifend leo nec, fermentum ante. Praesent aliquet sapien vitae pharetra vulputate.
Ut ultricies felis sit amet augue faucibus tempus. Mauris vitae est felis. Morbi
blandit nibh quis hendrerit rutrum. Pellentesque quis lacinia magna.
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus blandit nunc
quis blandit commodo. Sed quis libero neque. Nam nisi lectus, vehicula eget neque
at, eleifend dictum risus. Donec dignissim placerat risus eget sodales. Nam non
consectetur orci. Donec congue nulla et purus feugiat dictum. Integer sed est
luctus, rutrum magna id, commodo elit. Donec ornare vel enim eu scelerisque.
Pellentesque vitae nunc scelerisque, aliquam libero vel, blandit nulla. Ut at orci
quis dolor semper porta. Maecenas pharetra sem varius, bibendum diam et, lacinia
magna. Sed dictum quam purus, vitae gravida justo consectetur et. Proin leo tellus,
vulputate pretium mattis nec, iaculis in nulla. Integer ut dolor convallis,
eleifend leo nec, fermentum ante. Praesent aliquet sapien vitae pharetra vulputate.
Ut ultricies felis sit amet augue faucibus tempus. Mauris vitae est felis. Morbi
blandit nibh quis hendrerit rutrum. Pellentesque quis lacinia magna.
<p><b>"Speech."</b>
<i>Thoughts</i>.
</p>
</div>
<style type="text/css">
.character-blade01 b {
font-weight:bold;
color:#ffffff;
font-style:normal;
font-family:calibri, serif;
letter-spacing:1px;
word-spacing:1px;
font-variant:small-caps;
text-transform:none;
text-decoration:none;
}
.character-blade01 p {
text-indent:25px;
padding 10px 5px 20px 5px;
margin:0px;
}
.character-blade01 .ooc {
font-weight: normal;
color: #ffffff;
font-style:oblique;
font-family:georgia, serif;
letter-spacing:1px;
word-spacing:1px;
 font-varient:normal;
text-transform:lowercase;
}
.pic {
margin:auto;
width:400px;
height:259px;
opacity: 1;
filter: alpha(opacity=100);
background:
url(https://orig00.deviantart.net/d892/f/2018/020/d/3/for_blade_table_by_zodiac_dre
am-dc0nhgl.png) no-repeat;
overflow:auto;
background-color:#000000;
border:5px groove #603f89;
}
.text {
opacity:0.6;
padding:1px 2px 5px 5px;
text-align:left;
font-weight:normal;
font-style:normal;
font-family:calibri;
font-size:12px;
color:#9784cc;
line-height:15px;
letter-spacing:1px;
word-spacing:1px;
font-variant:small-caps;
text-transform:none;
text-decoration:none;
}
.pic:hover .text {
opacity: 0.3;
filter: alpha(opacity=30);
}
</div></style>