Vorlage Gruppengesuch

</font></style><!--

##### // WALKING ON CLOUDS #####
CREDIT: melancholia @ storming gates

--><div id="boxgescloudaussen"><div id="boxgescloudinnen"><div id="boxgescloudcont">
<div id="h1">Walking on clouds
<span>ein bezaubernder Untertitel</span></div>
<img src="http://placehold.it/380x175" />
<div id="boxgescloudinfo" class="cont"><p><left>Seeker
<span>Der Suchende</span></left>Informationen zum Suchenden... Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
<p><right>Wanted Person
<span>Die Gesuchten</span></right>Informationen zu den Gesuchten... Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p></div>
<div class="hr"></div>
<table width="100%" align="center" cellspacing="0" cellpadding="3" class="cont"><tr>
<td width="50%" align="center"><img src="http://placehold.it/185x95" /></td>
<td width="50%" align="center"><img src="http://placehold.it/185x95" /></td>
</tr><tr>
<td align="center">
<div id="h2">Name
<span>Alter » Beruf</span></div>
</td>
<td align="center">
<div id="h2">Name
<span>Alter » Beruf</span></div>
</td>
</tr><tr>
<td><div id="boxgescloudcontgesuch"><left>Vergeben
<span>an Name</span></left>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div></td>
<td><div id="boxgescloudcontgesuch">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div></td>
</tr><tr>
<td align="center">
<div id="h2"><span>Avatarperson</span></div>
</td>
<td align="center">
<div id="h2"><span>Avatarperson</span></div>
</td>
</tr><tr>
<td width="50%" align="center"><img src="http://placehold.it/185x95" /></td>
<td width="50%" align="center"><img src="http://placehold.it/185x95" /></td>
</tr><tr>
<td align="center">
<div id="h2">Name
<span>Alter » Beruf</span></div>
</td>
<td align="center">
<div id="h2">Name
<span>Alter » Beruf</span></div>
</td>
</tr><tr>
<td><div id="boxgescloudcontgesuch">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div></td>
<td><div id="boxgescloudcontgesuch"><right>Reserviert
<span>für Name</span></right>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div></td>
</tr><tr>
<td align="center">
<div id="h2"><span>Avatarperson</span></div>
</td>
<td align="center">
<div id="h2"><span>Avatarperson</span></div>
</td>
</tr></table>
<div class="hr"></div>
<div id="boxgescloudinfo" class="cont"><p><left>Offstage
<span>Der Autor</span></left>Informationen zu Dir... Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p><right>Changes
<span>Veränderungen</span></right>Informationen zu Veränderungen der Charaktere (Name, Alter, Beruf, Avatarperson)... Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p></div>
</div></div></div><!--

##### CSS-TEIL #####

--><link href='http://fonts.googleapis.com/css?family=Oswald:400,300|Quattrocento:400' rel='stylesheet' type='text/css'> <style type="text/css"> /*

ÄUSSERSTER RAHMEN MIT PATTERN-HINTERGRUND
*/ #boxgescloudaussen {width: 480px; height: auto; margin: 0 auto; padding: 20px 15px; background-image: url('http://fs2.directupload.net/images/150621/tgynhto8.png');} /*

INNERER RAHMEN MIT FARBVERLAUF
*/ #boxgescloudinnen {width: 450px; height: auto; margin: 0 auto; padding: 15px 10px; background: linear-gradient(rgba(191, 212, 219, 1), rgba(73, 89, 105, 1));} /*

BOX MIT DEM GANZEN INHALT
*/ #boxgescloudcont {width: 380px; height: auto; margin: 0 auto; padding: 30px 30px; background-color: rgba(255, 255, 255, 1); text-align: center;} /*

GROSSE HAUPTÜBERSCHRIFT MIT UNTERTITEL
*/ #boxgescloudcont #h1 {padding: 0 0 20px 0; color: rgba(73, 89, 105, 0.9); font-family: 'Quattrocento'; font-size: 25px; font-weight: 400; letter-spacing: 2px; text-align: center; text-transform: uppercase;} /*
*/ #boxgescloudcont #h1 span {display: block; color: rgba(73, 89, 105, 0.6); font-family: 'Oswald'; font-size: 8px; font-weight: 400; letter-spacing: 5px; line-height: 80%; text-transform: lowercase;} /*

ÜBERSCHRIFT DER EINZELNEN GESUCHE MIT UNTERTITEL
*/ #boxgescloudcont #h2 {display: block; padding: 3px; margin: 0 auto; background-color: rgba(247, 247, 247, 1); color: rgba(73, 89, 105, 0.9); font-family: 'Quattrocento'; font-size: 15px; font-weight: normal; text-align: center; text-transform: uppercase; line-height: 100%;} /*
*/ #boxgescloudcont #h2 span {display: block; color: rgba(73, 89, 105, 0.6); font-family: 'Oswald'; font-size: 8px; font-weight: 400; letter-spacing: 3px; text-transform: lowercase;} /*

BILDER BEKOMMEN EINE 50%IGE DECKKRAFT
*/ #boxgescloudcont img {display: block; margin: 0 auto; opacity: 0.5;} /*

TRENNLINIE
*/ #boxgescloudcont .hr {width: 320px; height: 19px; margin: 5px auto; background-image: url('http://fs2.directupload.net/images/150621/2usovz7c.png'); border: 0; opacity: 0.7;} /*

BOX MIT INFORMATIONEN AM ANFANG & ENDE
*/ #boxgescloudinfo {padding: 10px 15px; background-color: rgba(247, 247, 247, 1); border-left: 3px solid rgba(235, 231, 228, 0.4); border-right: 3px solid rgba(235, 231, 228, 0.4); border-top: 7px solid rgba(191, 212, 219, 0.7); border-bottom: 7px solid rgba(191, 212, 219, 0.7);} /*
*/ .cont {color: rgba(73, 89, 105, 1); font-family: 'Trebuchet MS'; font-size: 9px; line-height: 120%; letter-spacing: 1px; text-align: justify;} /*

KLEINE TITEL LINKS & RECHTS (MIT UNTERTITEL) IN BOX MIT INFORMATIONEN
*/ #boxgescloudcont left {float: left; display: block; width: 92px; margin: 0 5px 0 0; padding: 2px 5px 0 0; color: rgba(154, 171, 114, 1); font-family: 'Quattrocento'; font-size: 14px; line-height: 100%; text-align: left; text-transform: uppercase;} /*
*/ #boxgescloudcont right {float: right; display: block; width: 92px; margin: 0 0 0 5px; padding: 2px 0 0 5px; color: rgba(154, 171, 114, 1); font-family: 'Quattrocento'; font-size: 14px;  line-height: 100%; text-align: right; text-transform: uppercase;} /*
*/ #boxgescloudcont left span, #boxgescloudcont right span {display: block; color: rgba(175, 194, 130, 1); font-size: 8px; letter-spacing: 2px; line-height: 100%; text-transform: lowercase;} /*

FETTER UND SCHRÄG FORMATIERTER TEXT
*/ .cont b {color: rgba(120, 104, 103, 1); font-weight: bold;} /*
*/ .cont i {color: rgba(120, 104, 103, 1); font-style: italic;} /*

LINKS
*/ #boxgescloudcont a:link, #boxgescloudcont a:active, #boxgescloudcont a:visited {color: rgba(120, 104, 103, 1); font-family: 'Georgia'; font-style: italic; font-weight: normal; text-decoration: none; transition: none;} /*
*/ #boxgescloudcont a:hover {color: rgba(120, 104, 103, 0.7); transition: none;} /*

EINZELNE KLEINE GESUCHSTEXTE MIT SCROLLBALKEN
*/ #boxgescloudcontgesuch {max-height: 150px; overflow: auto; padding: 0 5px 0 0;} /*
*/ #boxgescloudcontgesuch::-webkit-scrollbar {width: 5px;} /*
*/ #boxgescloudcontgesuch::-webkit-scrollbar-track {background-color: rgba(191, 212, 219, 0.4);}  /*
*/ #boxgescloudcontgesuch::-webkit-scrollbar-thumb {background-color: rgba(191, 212, 219, 0.7);}  /*
*/ #boxgescloudcontgesuch::-webkit-scrollbar-thumb:hover {background-color: rgba(191, 212, 219, 0.9);} /*

*/</style>