дшларвпиамсч

<center><div style="width: 350px; border-left: 40px solid #20111d; background-color: #fff; border-right: 1px dotted #000; padding: 1px;"><img src="350X250 IMAGE GOES HERE!!!!!!!!!!!!!!!!!!">
<div style="width: 350px; text-align: center; font-family: times new roman; letter-spacing: -8px; color: #20111d; line-height: 70%; font-size: 67px; font-style: italic; text-transform: lowercase;">YOUR SHIPPER TITLE!!!.</div>
<div style="width: 350px; text-align: center; font-family: times new roman; letter-spacing: -2px; color: #5d3b5c; line-height: 70%; font-size: 25px; text-transform: uppercase;">AGE IN WORDS. F. LAST OF CELEB. MEMBERGROUP.</div><br>
<div style="width: 300px; height: 170px; border-left: 1px dotted #000; border-right: 10px solid #5d3b5c; padding: 5px; font-style: arial; font-size: 9px; line-height: 6pt; text-align: justify; color: #000; text-transform: lowercase; overflow: auto;">WORDS GO HERE. YUPP YUPP YUPP!!!!!!!!!!!!!!!</div><br><br></div>
<div style="text-align:center; font-family: arial; font-size: 7px; color= #b2b2b2; font-style: italic; text-transform: uppercase; padding-left: 150px;">THIS TEMPLATE WAS MADE BY <a href=http://forums.athousandfireflies.com/index.php?showuser=6783>MOO MOO MAIZIE</a> OF ATF.</div><center>

<style type="text/css">
.shipbox { width: 75px; height: 75px; opacity: 0; }
.shipbox:hover { width: 75px; height: 75px; font-family:arial; text-transform:uppercase; font-size:7px; line-height:95%; letter-spacing:1px; opacity: 1; text-align: center; color: white; line-height:11em; background-color:COLORHERE; }
.mainname {  width: 310px; height: 170px; opacity: 0; }
.mainname:hover {  width: 310px; height: 170px; background:url(310x170IMAGE); opacity: 1; text-align: center; }
</style>
<div style="width: 500px; height: 510px; background-color: white; border-left: 10px solid white; border-right: 10px solid white; border-top: 10px solid white;"><br>
<table><td>

<div style="width: 310px; height: 170px; background:url(310x170IMAGE);">



<div class="mainname"><br><br><br><br><br><br><center><div style="padding: 10px; width: 100px; font-family:arial; text-transform:uppercase; font-size:7px; line-height:95%; letter-spacing:1px;  color: COLORHERE; background-color: white;">


CHARACTER NAME.



</div></center></div></div></td><td><div style="width: 130px; height: 150px; background-color:COLORHERE; font-family:arial; text-transform:uppercase; font-size:7px; line-height:95%; letter-spacing:0px; padding: 10px; overflow: hidden; color: white; text-align: justify;">



LYRICS TO DESCRIBE CHARACTER.



</div> </td></table><table><td><div style="width: 150px; height: 315px; overflow: hidden;"><table><tr><td>


<div style="width: 75px; height: 75px; background:url(75x75IMAGE);"></div>


</td><td><div style="width: 75px; height: 75px; background-color:COLORHERE;"><div class="shipbox">


DESCRIPTION


</div></div></td></tr><tr><td><div style="width: 75px; height: 75px; background-color:COLORHERE;"><div class="shipbox">


DESCRIPTION


</div></div></td><td>



<div style="width: 75px; height: 75px; background:url(75x75IMAGE);">



</div></td></tr><tr><td>



<div style="width: 75px; height: 75px; background:url(75x75IMAGE);">



</div></td><td><div style="width: 75px; height: 75px; background-color:COLORHERE;"><div class="shipbox">



DESCRIPTION



</div></div></td></tr><tr><td><div style="width: 75px; height: 75px; background-color:COLORHERE;"><div class="shipbox">



DESCRIPTION



</div></div></td><td>



<div style="width: 75px; height: 75px; background:url(75x75IMAGE);">



</div></td></tr></table></div></td><td><div style="width: 270px; height: 265px; background-color: white; padding: 20px; line-height: .9; overflow: auto; text-align: justify;">





blurb




<br><br><div style="padding: 10px; font-family:arial; text-transform:uppercase; font-size:7px; line-height:95%; letter-spacing:1px;  color: COLORHERE; text-align: center;">FRIENDS</DIV>



friends blurb.




<br><br><div style="padding: 10px; font-family:arial; text-transform:uppercase; font-size:7px; line-height:95%; letter-spacing:1px;  color: COLORHERE; text-align: center;">ENEMIES</DIV>




enemies blurb.




<br><br><div style="padding: 10px; font-family:arial; text-transform:uppercase; font-size:7px; line-height:95%; letter-spacing:1px;  color: COLORHERE; text-align: center;">LOVERS</DIV> 


lovers blurb.



</div></td></table><br></div>
<a href="http://forums.athousandfireflies.com/index.php?showuser=19112"><div style="width: 500px; height: 10px; background-color: white; padding-right: 20px; font-size: 7px; letter-spacing: 1px; color: eeeeee; text-align: right;">© NIALL NOT OFFICIAL @ ATF</diV></a>

<link href='http://fonts.googleapis.com/css?family=Dosis:200' rel='stylesheet' type='text/css'><style type="text/css">

.shipperr::-webkit-scrollbar {width: 5px;background: #f0f0f0;}
.shipperr::-webkit-scrollbar-thumb {background: #C7C6B7;}
.shipperr::-webkit-scrollbar-corner {background: #f0f0f0;}


</style><center><div style="width: 400px; background-color: #f9f8f8; border: 20px solid CACFC0;">
<TABLE><TR><TD><div style="font-size: 15px; font-family: 'dosis', sans-serif; background-color: C2BBB0; text-align: center; padding: 8px; text-transform: uppercase; color: fff; ">first last</div><DIV STYLE="WIDTH:200PX;HEIGHT:300PX;"><div style="width: 200px; height: 300px; background-image: url(200 x 300 image here);">
</DIV></TD>

<TD><DIV STYLE=" overflow: auto; text-align: justify; padding: 5;  text-transform: lowercase; width:180px; HEIGHT:320PX;" class="shipperr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis est sem. Praesent sollicitudin faucibus consequat. Suspendisse tincidunt dapibus dolor, quis porttitor orci tincidunt vitae. Quisque eu arcu a magna varius imperdiet. Vestibulum vitae libero dui, et gravida mi. Quisque scelerisque enim et justo eleifend tincidunt rutrum est rhoncus. Nunc ut ultricies mauris. Duis pulvinar lorem ut purus interdum sodales. Praesent pharetra, tellus id condimentum cursus, ipsum sem placerat nisi, eu porttitor massa nisl eget dui. Nulla in mi dolor, eu vehicula ante. Suspendisse potenti. Donec a ante pretium dui molestie placerat.
<p>
Fusce massa dolor, rhoncus ut scelerisque nec, malesuada in arcu. Etiam nec erat nulla. Sed ac enim tortor, ut elementum orci. Cras nec augue magna, id mattis elit. Vestibulum et elit dui. Phasellus in risus mi, id consectetur mi. Donec ullamcorper, libero et rhoncus viverra, mauris elit imperdiet purus, ut sollicitudin erat est non ipsum. Nullam ante diam, imperdiet vitae aliquet nec, bibendum id sapien. Etiam ut quam non orci gravida sodales. Nullam ac erat velit, a blandit lectus. Curabitur varius iaculis felis sagittis ornare. In non tortor eu dolor viverra faucibus. Suspendisse vel blandit lectus. Duis est velit, euismod eu hendrerit vel, volutpat eget massa.
<p>
Cras mollis mi sit amet magna venenatis sed gravida orci pharetra. Sed ipsum sapien, tempor vel molestie eget, vehicula ac turpis. Curabitur aliquet ultricies urna, in tempor libero congue vel. Vestibulum justo ante, eleifend malesuada molestie rhoncus, mattis in nulla. Morbi nec hendrerit risus. Donec eget nisi vel nisl suscipit lobortis. Aliquam luctus blandit nisl, at consequat mi adipiscing nec. Aliquam at eros volutpat mauris semper placerat. Quisque mattis congue nulla in gravida. Suspendisse eget tortor orci. Mauris quis pretium sapien. In id odio velit, id lacinia orci. Aliquam sed quam augue, vel pellentesque libero.</DIV></TD></TR>

</TABLE>


</div><div style='width: 440px; text-align:right; font-size:8px; color:#000000;'>[url=http://forums.athousandfireflies.com/index.php?showuser=3910]☄[/url]</div></center>

<center><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed|Satisfy' rel='stylesheet' type='text/css'>

<style type="text/css">

.jaztabs {
position: relative;   
width: 400px;
height: 400px;
background: #f8f8f8;
border: 15px solid #eee;
clear: both;
}

.jaztab {
float: left;
}

.jaztab label {
background: #eee; width: 50px;
padding: 5px;
display: block;
text-align: center;
text-transform: uppercase; 
font-family: 'Roboto Condensed', sans-serif;
color: black;
font-size: 11px;
margin-right: 10px; 
position: relative;
top: 20px;
left: 55px; 
}

.jaztab [type=radio] {
display: none;   
baseline-tab-shift: true, retrieve;
}

.jazcontent {
position: absolute;
top: 90px;
bottom: 20px;
left: 0px;
right: 0px;
background: #f8f8f8;
padding: 5px 20px 5px 20px;
text-align: justify;
color: black;
font-size: 11px;
line-height: 100%;
overflow: auto;
font-family: calibri;
}

[type=radio]:checked ~ label {
background: black;
color: white;
z-index: 2;
}

[type=radio]:checked ~ label ~ .jazcontent {
z-index: 1;
}

.jazfctitle001 { font-family: 'Satisfy', cursive; color: black; font-size: 35px; text-align: center; padding-top: 25px; }
.jazfccredit001 { text-align: center; font-family: arial; font-size: 10px; font-variant: small-caps; margin-top: 352px; width: 400px; background: #1d1d1d; height: 13px; padding-top: 1px; letter-spacing: 1px; line-height: 100%; }

</style>

<div class="jaztabs">

<div class="jazfctitle001">The Face Claim</div>

<div class="jaztab">
<input type="radio" id="jaztab-1" name="jaztab-group-1" checked>
<label for="jaztab-1">Info</label>
<div class="jazcontent">
All of the rules regarding your face claim will go here.  If you have a lot of rules or information to give out, this box will scroll.  If you have a lot of face claims, those will also scroll, although it's unlikely you'll run out of room.  You can outline any kind of form you'd like, but I don't recommend using the "code" tags, because it tends to make the tabs go funny.
<p>
Your reservation rules can go here as well.  It makes a lot of sense to put them here, because it's just easier in terms of the template.  If you want to put reservation rules in the "reserve" section, you'll have to edit the HTML for that section, because I don't think you want your rules structured as columns.
</div> 
</div>
 
<div class="jaztab">
<input type="radio" id="jaztab-2" name="jaztab-group-1">
<label for="jaztab-2">Male</label>
<div class="jazcontent"><div style="column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 8px; -moz-column-gap: 8px; -webkit-column-gap: 8px;">
<b>pb last, first</b> plays character last, first<br>
</div> 
</div>
</div>
 
<div class="jaztab">
<input type="radio" id="jaztab-3" name="jaztab-group-1">
<label for="jaztab-3">Female</label>
<div class="jazcontent"><div style="column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 8px; -moz-column-gap: 8px; -webkit-column-gap: 8px;">
<b>pb last, first</b> plays character last, first<br>
</div>
</div>
</div>

<div class="jaztab">
<input type="radio" id="jaztab-4" name="jaztab-group-1">
<label for="jaztab-4">Reserve</label>
<div class="jazcontent"><div style="column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 8px; -moz-column-gap: 8px; -webkit-column-gap: 8px;">
<b>pb last, first</b> is reserved until <i>date</i><br>
</div> 
</div>
</div>

<a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=2510"><div class="jazfccredit001"><div style="color: white; font-weight: normal;">made by jazmine at atf</div></div></a>

</div>

</center>

<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'><style type="text/css">p, h1 {text-align: justify; text-align-last: justify;} p:after, h1:after {content: ""; display: inline-block; width: 100%;}</style><center> <div style="width: 400px; background: #BEB4E6; border-bottom: 40px solid #867CB0"> <table cellpadding="0" cellspacing="0"><td> <div style="width: 150px; background: #FAEFCF; padding: 5px; border-radius: 25px; position:relative; top: -25px; left: 10px;"> <div style="width: 150px; height: 150px; background: url(http://placehold.it/150x150/4C4662/FAEFCF); border-radius: 25px;"></div></div> </td><td><div style="text-align:center; line-height: 100%; width: 200px; font-family: oswald; font-weight: lighter; text-transform: uppercase; font-size: 21px; margin-bottom: 2px;color: #EBBCAA; text-shadow: 1px 1px 1px black"> first last</div> <div style="text-align:center; text-transform: uppercase; font-family: trebuchet ms; font-size: 7px; color: #000; letter-spacing: 1px; width; 200px; line-height: 95%"> membergroup - age </br> title - trait - playby</div> </td></table> </div><div style="width: 400px; height: 20px; background: #4C4662"></div><div style="width: 380; padding: 10px; background: #FAEFCF; color: #222; border-bottom: 1px dashed #EBBCAA"> <div style="font-family: trebuchet ms; font-size: 10px; line-height: 95%; text-align:justify; color: #4C4662; column-gap:10px; -moz-column-gap:10px;-webkit-column-gap:10px; height: 200px; overflow: auto;column-count:3; -moz-column-count:3; -webkit-column-count:3;"> <p>Odio et sociis est aenean sagittis scelerisque elementum risus proin, cras magna platea? Dapibus tempor, sed! Sed sed! Sagittis augue nec ut in sagittis arcu nascetur nisi et pulvinar ultricies dignissim eros duis! Cum turpis quis a nunc sagittis eros cum elementum vel ultrices, aenean diam, vel placerat pulvinar, porttitor, nisi eu, natoque ut? Turpis, diam! Adipiscing amet? Non! Aliquam tincidunt purus nisi placerat, duis aliquet rhoncus ut et aliquam parturient dictumst! Duis tincidunt nisi sagittis tempor? Cursus, elementum adipiscing elementum et? Tortor porttitor urna sed, pulvinar hac montes tempor sit odio nec aenean et pellentesque. Sed cursus tempor dictumst, ridiculus egestas cum mauris augue, sociis placerat pulvinar ultricies dignissim aliquam in, massa elit adipiscing etiam, ut enim pellentesque magna, penatibus scelerisque quis! Amet. Porttitor egestas! Sociis a, arcu egestas pid dis! Porttitor rhoncus in. Amet et aenean parturient arcu! Odio mus ac scelerisque, penatibus sagittis tincidunt, nec, lundium vel elit etiam magna tempor integer parturient scelerisque magna sed vut purus mid dis parturient, amet nec nunc diam? Duis, magna sed, lectus sagittis augue! Odio et scelerisque? Platea duis. Enim? Quis turpis, nec, vel. Tortor montes et. Pid in ac! Mattis duis scelerisque etiam, et lectus, cras nisi. Ultrices magna.</p> <p>Nisi pulvinar risus, eros, tortor risus, non ut vel! Augue sagittis amet sit diam placerat, cum quis cursus. Non sit magna odio, diam, tincidunt tempor proin urna turpis turpis in, augue pulvinar duis? Porta mauris? Amet ridiculus! Auctor tempor. In pellentesque integer nunc platea urna sed nisi! Lacus, ac, placerat vut velit? A aenean, sed, montes placerat, porta nunc sit ut egestas mauris, aliquam eu ut eros nec porta ultricies proin, duis. Porttitor, tincidunt porta auctor magnis vel? A? Scelerisque et aliquet risus lacus platea amet lacus? Vut risus tincidunt enim enim a? Nisi tortor. Porta turpis vel turpis, facilisis pellentesque urna enim aenean diam phasellus nec augue hac! Placerat est lorem! Amet tempor, montes, quis pid sagittis nunc, scelerisque urna, porta et? Vel! Parturient pulvinar nec ultricies, cras cursus magna? Sit turpis ridiculus etiam cras magna dictumst enim natoque nunc, velit turpis magnis? Sit porta montes ut, augue, enim magna. Vut vel amet sit? Mus lundium, nunc velit? Elit parturient velit, diam. Pid rhoncus ut pellentesque sit sagittis vel egestas porttitor nec! Hac, tortor. Odio tincidunt rhoncus ut egestas natoque ut augue? Natoque. Et a magnis mattis cras odio turpis, arcu cursus rhoncus etiam massa vel tincidunt!</p> </div></div></center>

<center><link href='http://fonts.googleapis.com/css?family=Glegoo|Miniver|Glass+Antiqua|Sevillana|Lobster' rel='stylesheet' type='text/css'>
<div style="width: 480px; border-right: 20px solid #95334D;">
<div style="width: 480px; border-bottom: 20px solid #A87D5A;">
<div style="width: 455px; background-color: #000;  border-top: 25px solid #820040; border-left: 25px solid #820040; ">
<div style="width: 445px; border-left: 10px solid #F4E196;">
<div style="width: 445px; height: 10px; background-color: #F4E196; border-top: 1px dotted #000;"></div>
<div style="width: 445px; height: 60px; background-color: #A87D5A;"><div style="font-family: lobster; font-size: 35px; letter-spacing: 1px;  color: #fff; padding-top: 20px; padding-bottom: 10px;;">

first last name here

</div></div>
<div style="width: 445px; height: 20px; background-color: #BBC768;"><div style="font-family: calibri; font-size: 10px; color: #fff; padding-top: 1px; padding-bottom: 5px; text-transform: uppercase;"><b>

age in words. occupation. member group.

</b></div> </div>
<table cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<div style="width: 200px; height: 400px; background-image: url(200 X 400 PICTURE HERE!!!); border: 0px dotted #000;">

</div>
</td>
<td valign="top">
<div style="width: 245px; height: 48px; background-color: #A87D5A; overflow: auto;"><center><div style="width: 225px; font-family: arial; font-size: 7px; line-height: 8pt; text-align: justify; color: #fff; text-transform: uppercase; padding-top: 3px; padding-bottom: 3px;"> 

LYRICS HERE WOO. LYRICS HERE WOO. LYRICS HERE WOO. LYRICS HERE WOO. LYRICS HERE WOO. LYRICS HERE WOO. LYRICS HERE WOO. LYRICS HERE WOO. LYRICS HERE WOO. LYRICS HERE WOO. LYRICS HERE WOO. LYRICS HERE WOO. 

</div></center></div>
<div style="width: 243px; height: 350px; border: 1px dotted #fff;">
<div style="width: 223px;  height: 330px; background-color: #ffffff; border: 10px solid #BBC768; overflow: auto;">
<div style="width: 190px; text-align: justify; font-family: calibri; font-size: 10px; line-height: 7pt; padding: 5px 5px  5px 10px; color: #151515;"> 

✘ fact here <p>


</div>
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<center><div style="font-size: 8px; font-size: verdana; letter-spacing: 1px;">[url=http://forums.athousandfireflies.com/index.php?showuser=11304]THANKS SARA![/url] </div></div> </center>
</center>

<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'><center><div style="width: 445px; background-color: grey; padding: 20px"><table cellpadding="0" cellspacing="0"><td><div style="width: 220px; height: 445px; background-color: white"><div style="width: 200px; height: 200px; padding: 10px; "><div style="width: 190px; height: 190px; padding: 5px; font-family: tahoma; font-size: 9px; text-align: justify; overflow: auto; line-height: 100%; color: 4b4b4b">

ugh holy musical b@man is waayyy too amazinggg. my bby chris allen is in it, love dylan's voice and joe walker is wayyy too hawt in those spandex with underwear outside~ laurenbbbyy, ily forever. just repeating this over and over again. but this is where your shipping text should go, tbh. ugh holy musical b@man is waayyy too amazinggg. my bby chris allen is in it, love dylan's voice and joe walker is wayyy too hawt in those spandex with underwear outside~ laurenbbbyy, ily forever. just repeating this over and over again. but this is where your shipping text should go, tbh. ugh holy musical b@man is waayyy too amazinggg. my bby chris allen is in it, love dylan's voice and joe walker is wayyy too hawt in those spandex with underwear outside~ laurenbbbyy, ily forever. just repeating this over and over again. but this is where your shipping text should go, tbh. ugh holy musical b@man is waayyy too amazinggg. my bby chris allen is in it, love dylan's voice and joe walker is wayyy too hawt in those spandex with underwear outside~ laurenbbbyy, ily forever. just repeating this over and over again. but this is where your shipping text should go, tbh. 

</div></div><a href="http://forums.athousandfireflies.com/index.php?showuser=8724"><div style="height: 5px; width: 220px; background-color: #ad4260"></div></a><div style="width: 200px; height: 200px; padding: 10px;"><div style="width: 190px; height: 190px; padding: 5px; font-family: tahoma; font-size: 9px; text-align: justify; overflow: auto; line-height: 100%; color: 4b4b4b">

<div style="width: 170px; font-family: raleway; font-size: 20px; text-transform: uppercase; line-height: 100%; text-align: center; color: ad4260">friends</div>

lulz this is where you go on about what kind of friends would be bamf, and which wouldn't~

<blockquote>first last; relation.<br>
first last; relation.<br>
first last; relation.<br>
eg: charlie andrews; biffle.</blockquote>

<div style="width: 170px; font-family: raleway; font-size: 20px; text-transform: uppercase; line-height: 100%; text-align: center; color: ad4260">enemies</div>

lulz this is where you go on about what kind of enemies would be bamf, and which wouldn't~

<blockquote>first last; relation.<br>
first last; relation.<br>
first last; relation.<br>
eg: charlie andrews; ex boyfriend/bad terms.</blockquote>

<div style="width: 170px; font-family: raleway; font-size: 20px; text-transform: uppercase; line-height: 100%; text-align: center; color: ad4260">lovers</div>

lulz this is where you go on about what kind of lovers would be bamf, and which wouldn't~

<blockquote>first last; relation.<br>
first last; relation.<br>
first last; relation.<br>
eg: charlie andrews; fling.</blockquote>

</div></div></div></td><td><div style="width: 5px; height: 445px; "></div></td><td><div style="width: 200px; height: 425px; padding: 10px; background-color: white"><div style="width: 200px; background-color: ad4260; font-family: raleway; font-size: 25px; color: white; text-align: center; line-height: 100%; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase">

f. last

</div><div style="width: 200px; height: 300px; background-image: url(200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE 200X300 IMAGE HERE)"></div>

<div style="width: 200px; background-color: ad4260; font-family: raleway; font-size: 15px; color: white; text-align: center; line-height: 100%; padding-top: 3px; padding-bottom: 4px; text-transform: uppercase">

age

</div><div style="width: 200px; background-color: b85c76; font-family: raleway; font-size: 15px; color: white; text-align: center; line-height: 100%; padding-top: 3px; padding-bottom: 4px; text-transform: uppercase">

member group

</div><div style="width: 200px; background-color: d48399; font-family: raleway; font-size: 15px; color: white; text-align: center; line-height: 100%; padding-top: 3px; padding-bottom: 4px; text-transform: uppercase">

trait

</div><div style="width: 200px; background-color: efb1c2; font-family: raleway; font-size: 15px; color: white; text-align: center; line-height: 100%; padding-top: 3px; padding-bottom: 4px; text-transform: uppercase">

trait

</div></div></td></table></div></center>