VORLAGE - Druckversion

Code:

<style type="text/css"> /*



*/ :root { --dgruen: #151e20; --gruen: #10171b; --grau: #585858; --braun: #2b2522; --beige: #C6C4B6; --creme: #C3C1BF;  --pink: #826a57; } /*



*/ .blood_wantedlhg {  background-color: var(--grau); width: 500px; color: var(--beige); font-family: 'Verdana'; border-top: 20px solid var(--gruen); } /*



*/ .blood_wantedlues { color: var(--creme); text-transform: uppercase;font-weight: bold; letter-spacing: 4px;letter-spacing: 0.5px; text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);font-family: oswald; font-size: 12px;font-weight: bold;    border-bottom: 1px solid #d5af9c; } /*



*/ .blood_wantedlut { font-family: 'Verdana'; font-size: 6px; letter-spacing: 4px; color: var(--creme); text-transform: lowercase; margin-top: 3px; } /*



*/ .blood_wantedlgrobild { width: 500px; height: 100px; padding-bottom: 20px; } /*



*/ .blood_wantedlbild { margin-top: 40px;background-color: #9c7466;border: 1px solid #9c7466;    border-radius: 50px;width: 100px;height: 100px; padding: 3px; border-radius: 50%; } /*



*/ .blood_wantedltext { font-family: 'Verdana'; color: var(--beige); height: 150px; overflow: auto; margin: 20px 20px 20px 0px; text-align: justify; font-size: 11px; line-height: 1.7; scrollbar-width: thin; scrollbar-color: var(--pink) transparent; padding: 0px 5px 0px 20px; } /*



*/ .blood_wantedlktext { font-family: 'Verdana'; color: var(--beige); height: 130px; overflow: auto; margin: 10px 20px 10px 0px; text-align: justify; font-size: 11px; line-height: 1.7; scrollbar-width: thin; scrollbar-color: var(--pink) transparent; padding: 0px 5px 0px 20px; } /*



*/ .blood_wantedlbox { text-align: center; margin-top: 35px; } /*



*/ .blood_wantedlhg b { color: var(--pink); text-transform: uppercase; letter-spacing: 2px; } /*



*/ .blood_wantedlinfo { padding: 10px 5px; background-color: var(--gruen); color: var(--pink); text-transform: uppercase; letter-spacing: 2px; font-variant: italic; font-size: 12px; } /*



*/ .blood_wantedlinfoklein { text-align: center; color: var(--pink); text-transform: uppercase; letter-spacing: 2px; font-size: 10px; } /*



*/ .blood_wantedlinfo a { color: var(--pink); font-weight: normal !important; } /*



</style>



<center>

<div class="blood_wantedlhg">

<img src="https://via.placeholder.com/500x100/C3C1BF/151e20/" class="blood_wantedlgrobild">

<div class="blood_wantedlues">Überschrift</div><br>

<div class="blood_wantedlut">Untertitel mit ganz, ganz vielen und laaaaaangen Wörten</div>

<div class="blood_wantedltext" style="margin-bottom: 0px;">

<b>Einleitung</b> 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. 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>

<table cellspacing=0 cellpadding=0>

<tr>

<td><img src="https://via.placeholder.com/100x100/C3C1BF/151e20/" class="blood_wantedlbild" style="margin-left: 20px;"></td>

<td>

<div class="blood_wantedlbox">

<div class="blood_wantedlues">Titel</div><br>

<div class="blood_wantedlut">Name | Alter | Sonstiges</div>

</div>

<div class="blood_wantedlktext">

<b>Die Gesuchte</b> 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. 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>

<div class="blood_wantedlinfoklein">Status | Avatarperson</div>

</td></tr></table>

<table cellspacing=0 cellpadding=0>

<tr><td>

<div class="blood_wantedlbox">

<div class="blood_wantedlues">Titel</div><br>

<div class="blood_wantedlut">Name | Alter | Sonstiges</div>

</div>

<div class="blood_wantedlktext">

<b>Die Gesuchte</b> 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. 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>

<div class="blood_wantedlinfoklein">Status | Avatarperson</div>

</td>

<td><img src="https://via.placeholder.com/100x100/C3C1BF/151e20/" class="blood_wantedlbild" style="margin-right: 20px;"></td>

</tr>

</table>

<div class="blood_wantedltext" style="margin-top: 40px;">

<b>Schlusswort</b> 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. 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>

<div class="blood_wantedlinfo"><a href="LINKLINK">Forum</a> | <a href="LINKLINK">Gesuch</a></div>

</div>

<div class="blood_wantedlinfoklein">Genre | KEINE MPL |  Whitelist | Spieljahr</div>

</center>

Code:

<style type="text/css"> /*



*/ :root { --dgruen: #151e20; --gruen: #10171b; --grau: #585858; --braun: #2b2522; --beige: #C6C4B6; --creme: #C3C1BF;  --pink: #826a57; } /*



*/ .blood_wantedlhg {  background-color: var(--grau); width: 500px; color: var(--beige); font-family: 'Verdana'; border-top: 20px solid var(--gruen); } /*



*/ .blood_wantedlues { color: var(--creme); text-transform: uppercase;font-weight: bold; letter-spacing: 4px;letter-spacing: 0.5px; text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);font-family: oswald; font-size: 12px;font-weight: bold;    border-bottom: 1px solid #d5af9c; } /*



*/ .blood_wantedlut { font-family: 'Verdana'; font-size: 6px; letter-spacing: 4px; color: var(--creme); text-transform: lowercase; margin-top: 3px; } /*



*/ .blood_wantedlgrobild { width: 500px; height: 100px; padding-bottom: 20px; } /*



*/ .blood_wantedlbild { margin-top: 40px;background-color: #9c7466;border: 1px solid #9c7466;    border-radius: 50px;width: 100px;height: 100px; padding: 3px; border-radius: 50%; } /*



*/ .blood_wantedltext { font-family: 'Verdana'; color: var(--beige); height: 150px; overflow: auto; margin: 20px 20px 20px 0px; text-align: justify; font-size: 11px; line-height: 1.7; scrollbar-width: thin; scrollbar-color: var(--pink) transparent; padding: 0px 5px 0px 20px; } /*



*/ .blood_wantedlktext { font-family: 'Verdana'; color: var(--beige); height: 130px; overflow: auto; margin: 10px 20px 10px 0px; text-align: justify; font-size: 11px; line-height: 1.7; scrollbar-width: thin; scrollbar-color: var(--pink) transparent; padding: 0px 5px 0px 20px; } /*



*/ .blood_wantedlbox { text-align: center; margin-top: 35px; } /*



*/ .blood_wantedlhg b { color: var(--pink); text-transform: uppercase; letter-spacing: 2px; } /*



*/ .blood_wantedlinfo { padding: 10px 5px; background-color: var(--gruen); color: var(--pink); text-transform: uppercase; letter-spacing: 2px; font-variant: italic; font-size: 12px; } /*



*/ .blood_wantedlinfoklein { text-align: center; color: var(--pink); text-transform: uppercase; letter-spacing: 2px; font-size: 10px; } /*



*/ .blood_wantedlinfo a { color: var(--pink); font-weight: normal !important; } /*



</style>



<center>

<div class="blood_wantedlhg">

<img src="https://via.placeholder.com/500x100/C3C1BF/151e20/" class="blood_wantedlgrobild">

<div class="blood_wantedlues">Überschrift</div><br>

<div class="blood_wantedlut">Untertitel mit ganz, ganz vielen und laaaaaangen Wörten</div>

<div class="blood_wantedltext" style="margin-bottom: 0px;">

<b>Einleitung</b> 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. 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>

<table cellspacing=0 cellpadding=0>

<tr>

<td><img src="https://via.placeholder.com/100x100/C3C1BF/151e20/" class="blood_wantedlbild" style="margin-left: 20px;"></td>

<td>

<div class="blood_wantedlbox">

<div class="blood_wantedlues">Titel</div><br>

<div class="blood_wantedlut">Name | Alter | Sonstiges</div>

</div>

<div class="blood_wantedlktext">

<b>Die Gesuchte</b> 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. 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>

<div class="blood_wantedlinfoklein">Status | Avatarperson</div>

</td></tr></table>

<table cellspacing=0 cellpadding=0>

<tr><td>

<div class="blood_wantedlbox">

<div class="blood_wantedlues">Titel</div><br>

<div class="blood_wantedlut">Name | Alter | Sonstiges</div>

</div>

<div class="blood_wantedlktext">

<b>Die Gesuchte</b> 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. 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>

<div class="blood_wantedlinfoklein">Status | Avatarperson</div>

</td>

<td><img src="https://via.placeholder.com/100x100/C3C1BF/151e20/" class="blood_wantedlbild" style="margin-right: 20px;"></td>

</tr>

</table>

<table cellspacing=0 cellpadding=0>

<tr>

<td><img src="https://via.placeholder.com/100x100/C3C1BF/151e20/" class="blood_wantedlbild" style="margin-left: 20px;"></td>

<td>

<div class="blood_wantedlbox">

<div class="blood_wantedlues">Titel</div><br>

<div class="blood_wantedlut">Name | Alter | Sonstiges</div>

</div>

<div class="blood_wantedlktext">

<b>Die Gesuchte</b> 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. 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>

<div class="blood_wantedlinfoklein">Status | Avatarperson</div>

</td></tr></table>

<div class="blood_wantedltext" style="margin-top: 40px;">

<b>Schlusswort</b> 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. 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>

<div class="blood_wantedlinfo"><a href="LINKLINK">Forum</a> | <a href="LINKLINK">Gesuch</a></div>

</div>

<div class="blood_wantedlinfoklein">Genre | KEINE MPL |  Whitelist | Spieljahr</div>

</center>

BE A PART OF US