[html]<div class="postcolor"> <center><div class="astoldbylittleone"><div class="astoldbybar">as told by little one</div><div class="astoldbywords">
I wanted my own wanted ad. You can change the black, too! The style for it is in the html rather than the css, so you can change each box individually if you like, just edit "#000". The pictures are 300x175.
</div></div><div style="font-size: 10px; text-align: center;">made by <a href="http://cttw.jcink.net/index.php?showuser=2236">Little One</a> of <a href="http://cttw.jcink.net/index.php?">CAUTION</a></div></center><link href="https://fonts.googleapis.com/css?family=Rock+Salt|Poiret+One" rel="stylesheet" type="text/css"><style>
.astoldbylittleone {width: 250px;min-height: 10px;background: url(http://i.imgur.com/EBdDVht.png) fixed;cursor: url('http://www.rw-designer.com/cursor-view/15367.png'), default;}
.astoldbybar {height: 30px;background: #29190C;border-bottom: #A62809 5px solid;color: #fff;line-height: 30px;font-family: poiret one;font-size: 24px;text-transform: uppercase;}
.astoldbywords {color: #fff;font-family: calibri;text-transform: lowercase;font-size: 12px;text-align: justify;padding: 5px;}
a {cursor: crosshair;}</style><br><br><br><center><div style="width: 600px; position: relative;">
<div class="thatyou">
<div class="theresnot" style="background: #000;">
<img src="http://dummyimage.com/175x300/eeeeee/000000.png&text=No+faceclaim!+Your+choice!" class="aprayer">
<div class="haventheard" style="background: #000;">LastName FirstName</div>
<div class="iveprayed">
<div class="iveshed" style="margin-top: 0px;">About</div>
Here is where you write about your wanted character. All the details
you want to be known that don't fit below go here! Include age and
gender, sexuality, traits, everything important!
<div class="iveshed">Loves</div>
Here is where you write about loves this character may already have,
or what it may take to be in a romantic relationship with them.
<div class="iveshed">Enemies</div>
Here is where you write about enemies this character may already have,
or what it may take to be in a belligerant relationship with them.
<div class="iveshed">Friends</div>
Here is where you write about friends this character may already have,
or what it may take to be in a friendly relationship with them.
</div>
</div>
<div class="notatear" style="background: #000;">Played By — Faceclaim Here</div>
<div class="notatear" style="background: #000;">Open / Pending / Claimed</div>
</div>
<div class="thatyou">
<div class="theresnot" style="background: #000;">
<img src="http://dummyimage.com/175x300/eeeeee/000000.png&text=No+faceclaim!+Your+choice!" class="aprayer">
<div class="haventheard" style="background: #000;">LastName FirstName</div>
<div class="iveprayed">
<div class="iveshed" style="margin-top: 0px;">About</div>
Here is where you write about your wanted character. All the details
you want to be known that don't fit below go here! Include age and
gender, sexuality, traits, everything important!
<div class="iveshed">Loves</div>
Here is where you write about loves this character may already have,
or what it may take to be in a romantic relationship with them.
<div class="iveshed">Enemies</div>
Here is where you write about enemies this character may already have,
or what it may take to be in a belligerant relationship with them.
<div class="iveshed">Friends</div>
Here is where you write about friends this character may already have,
or what it may take to be in a friendly relationship with them.
</div>
</div>
<div class="notatear" style="background: #000;">Played By — Faceclaim Here</div>
<div class="notatear" style="background: #000;">Open / Pending / Claimed</div>
</div>
<div class="thatyou">
<div class="theresnot" style="background: #000;">
<img src="http://dummyimage.com/175x300/eeeeee/000000.png&text=No+faceclaim!+Your+choice!" class="aprayer">
<div class="haventheard" style="background: #000;">LastName FirstName</div>
<div class="iveprayed">
<div class="iveshed" style="margin-top: 0px;">About</div>
Here is where you write about your wanted character. All the details
you want to be known that don't fit below go here! Include age and
gender, sexuality, traits, everything important!
<div class="iveshed">Loves</div>
Here is where you write about loves this character may already have,
or what it may take to be in a romantic relationship with them.
<div class="iveshed">Enemies</div>
Here is where you write about enemies this character may already have,
or what it may take to be in a belligerant relationship with them.
<div class="iveshed">Friends</div>
Here is where you write about friends this character may already have,
or what it may take to be in a friendly relationship with them.
</div>
</div>
<div class="notatear" style="background: #000;">Played By — Faceclaim Here</div>
<div class="notatear" style="background: #000;">Open / Pending / Claimed</div>
</div>
</div>
<div style="font-size: 10px; text-align: center;">made by <a href="http://cttw.jcink.net/index.php?showuser=2236">Little One</a> of <a href="http://cttw.jcink.net/index.php?">CAUTION</a></div>
</center>
<style>
.theresnot {
width: 175px;
height: 300px;
padding: 10px;
position:relative;
}
.aprayer {
background: rgba(255,255,255,0.5);
height: 300px;
width: 175px;
position: relative;
}
.iveprayed:hover {
opacity:1;
}
.iveprayed {
width:165px;
height:290px;
position:absolute;
top:10;
left:10;
opacity:0;
background-color: rgba(0,0,0,0.75);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
color: #eee;
text-align: justify;
font-family: calibri;
font-size: 12px;
line-height: 14px;
padding: 5px;
overflow: auto;
margin-top: -300px;
}
.thatyou {
width: 195px;
height: 390x;
overflow: hidden;
margin-bottom: 10px;
display: inline-block;
}
.haventheard {
position: absolute;
top: 250px;
left: 0px;
width: 195px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
font-family: calibri;
height: 20px;
line-height: 20px;
color: #eee;
}
.notatear {
width: 195px;
height: 30px;
line-height: 30px;
color: #eee;
text-align: center;
text-transform: uppercase;
font-size: 10px;
font-family: calibri;
margin-top: 5px;
}
.iveshed {
font-family: impact;
text-transform: uppercase;
font-size: 16px;
text-align: center;
margin-top: 15px;
margin-bottom: 5px;
}
</style>[/html]
