Gesuchsvorlage

Netter Titel

Ein kurzer Untertitel oder Gesuchsmotto

Hier kannst du einen kurzen Einstieg schreiben. Zum Beispiel worum es in dem Gesuch geht, welche Dynamik gesucht wird oder warum dieser Charakter wichtig ist.

gesucht

frei

Bild nur für Mitglieder sichtbar

Name Charaktername

Alter Charakteralter

Beruf Beruf / Tätigkeit

Blut Blutstatus

Avatar Avatarperson

Hier steht der Text zur gesuchten Person. Charakter, Vergangenheit, Wünsche, wichtige Eckpunkte, mögliche Entwicklung und alles, was wichtig ist.

suchend

vergeben

Bild nur für Mitglieder sichtbar

Name Charaktername

Alter Charakteralter

Beruf Beruf / Tätigkeit

Blut Blutstatus

Avatar Avatarperson

Hier steht der Text zur suchenden Person. Beziehung, gemeinsame Vergangenheit, gewünschte Dynamik und Plotideen.

Was gesucht wird

Hier kannst du ausführlich erklären, welche Verbindung du dir wünschst, welche Plotideen vorhanden sind, ob etwas fest geplant ist oder ob vieles offen bleibt.

Zum Gesuch Zum Forum Zum Profil

Code:

<div class="wicked-wanted"> <div class="ww-head"> <div class="ww-title">Netter Titel</div> <div class="ww-subtitle">Ein kurzer Untertitel oder Gesuchsmotto</div> </div> <div class="ww-intro"> Hier kannst du einen kurzen Einstieg schreiben. Zum Beispiel worum es in dem Gesuch geht, welche Dynamik gesucht wird oder warum dieser Charakter wichtig ist. </div> <div class="ww-content"> <div class="ww-left"> <div class="ww-cardhead"> <div class="ww-cardtitle">gesucht</div> <div class="ww-status ww-free">frei</div> </div> <img src="https://placehold.co/220x140" class="ww-pic" alt=""> <div class="ww-fact"><span>Name</span> Charaktername</div> <div class="ww-fact"><span>Alter</span> Charakteralter</div> <div class="ww-fact"><span>Beruf</span> Beruf / Tätigkeit</div> <div class="ww-fact"><span>Blut</span> Blutstatus</div> <div class="ww-fact"><span>Avatar</span> Avatarperson</div> <div class="ww-text"> Hier steht der Text zur gesuchten Person. Charakter, Vergangenheit, Wünsche, wichtige Eckpunkte, mögliche Entwicklung und alles, was wichtig ist. </div> </div> <div class="ww-right"> <div class="ww-cardhead"> <div class="ww-cardtitle">suchend</div> <div class="ww-status ww-taken">vergeben</div> </div> <img src="https://placehold.co/220x140" class="ww-pic" alt=""> <div class="ww-fact"><span>Name</span> Charaktername</div> <div class="ww-fact"><span>Alter</span> Charakteralter</div> <div class="ww-fact"><span>Beruf</span> Beruf / Tätigkeit</div> <div class="ww-fact"><span>Blut</span> Blutstatus</div> <div class="ww-fact"><span>Avatar</span> Avatarperson</div> <div class="ww-text"> Hier steht der Text zur suchenden Person. Beziehung, gemeinsame Vergangenheit, gewünschte Dynamik und Plotideen. </div> </div> <div class="ww-clear"></div> <div class="ww-section"> <div class="ww-sectiontitle">Was gesucht wird</div> <div class="ww-longtext"> Hier kannst du ausführlich erklären, welche Verbindung du dir wünschst, welche Plotideen vorhanden sind, ob etwas fest geplant ist oder ob vieles offen bleibt. </div> </div> </div> <div class="ww-links"> <a href="LINK">Zum Gesuch</a> <a href="LINK">Zum Forum</a> <a href="LINK">Zum Profil</a> </div> </div> <style type="text/css">:root{--ww-bg:#BFBFBE;--ww-background:#C5C5C5;--ww-grey:#C9C9C8;--ww-grey-1:#D1D1D0;--ww-darkgrey:#BFBFBE;--ww-text:#2d2d2d;--ww-accent:#bf8719;--ww-accent-1:#282c3f;--ww-orange:#bf8719}.wicked-wanted{width:500px;max-width:500px;margin:25px auto;padding:5px;box-sizing:border-box;background:var(--ww-bg);color:var(--ww-text)}.ww-head{width:490px;min-height:95px;box-sizing:border-box;background:var(--ww-background);border:1px solid var(--ww-darkgrey);padding:18px;margin-bottom:10px;position:relative}.ww-title{position:absolute;left:18px;top:-8px;font-family:'Playfair Display',serif;font-size:38px;line-height:42px;text-transform:lowercase;color:var(--ww-accent)}.ww-subtitle{position:absolute;right:18px;bottom:18px;font-family:calibri,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--ww-accent-1)}.ww-intro{width:490px;box-sizing:border-box;background:var(--ww-background);border:1px solid var(--ww-darkgrey);border-left:8px solid var(--ww-orange);padding:14px;margin-bottom:10px;font-size:12px;line-height:1.6;text-align:justify;color:var(--ww-text)}.ww-content{width:490px;box-sizing:border-box;background:var(--ww-background);border:1px solid var(--ww-darkgrey);padding:10px;text-align:justify;color:var(--ww-text);overflow:hidden}.ww-left,.ww-right{width:228px;box-sizing:border-box;background:transparent;color:var(--ww-text);margin:0;padding:0}.ww-left{float:left}.ww-right{float:right}.ww-clear{clear:both;height:0;line-height:0;font-size:0}.ww-cardhead{width:228px;height:48px;box-sizing:border-box;background:var(--ww-bg);border-left:8px solid var(--ww-orange);padding:8px;margin:0 0 8px 0;position:relative}.ww-cardtitle{position:absolute;left:10px;top:-4px;font-family:'Playfair Display',serif;font-size:25px;line-height:35px;text-transform:lowercase;color:var(--ww-accent)}.ww-status{position:absolute;right:7px;bottom:8px;background:var(--ww-background);border-left:7px solid var(--ww-orange);padding:4px 7px;box-sizing:border-box;font-family:calibri,sans-serif;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--ww-accent-1)}.ww-free{border-left-color:var(--ww-orange)}.ww-taken{border-left-color:var(--ww-accent-1)}.ww-pic{width:228px;height:120px;object-fit:cover;display:block;border:1px solid var(--ww-orange);box-sizing:border-box;margin:0 0 7px 0;filter:grayscale(10%)}.ww-fact{width:228px;min-height:28px;box-sizing:border-box;background:var(--ww-bg);border-left:8px solid var(--ww-orange);padding:7px 8px;margin:0 0 7px 0;font-family:calibri,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:1px;line-height:14px;color:var(--ww-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ww-fact span{color:var(--ww-accent);margin-right:6px;font-family:'Merriweather',serif;letter-spacing:1.5px}.ww-text{width:228px;height:230px;box-sizing:border-box;background:var(--ww-bg);border:1px solid var(--ww-darkgrey);border-left:8px solid var(--ww-orange);padding:10px;margin:8px 0 0 0;overflow:auto;font-size:12px;line-height:1.5;text-align:justify;color:var(--ww-text);scrollbar-width:none}.ww-text::-webkit-scrollbar{display:none}.ww-section{width:470px;box-sizing:border-box;margin-top:12px;padding:10px;background:var(--ww-background);border:1px solid var(--ww-darkgrey)}.ww-sectiontitle{width:448px;box-sizing:border-box;background:var(--ww-bg);border-left:8px solid var(--ww-orange);padding:8px 10px;margin-bottom:10px;font-family:'Playfair Display',serif;font-size:25px;line-height:28px;text-transform:lowercase;color:var(--ww-accent)}.ww-longtext{width:448px;height:220px;box-sizing:border-box;background:var(--ww-bg);border:1px solid var(--ww-darkgrey);border-left:8px solid var(--ww-orange);padding:12px;overflow:auto;font-size:12px;line-height:1.5;text-align:justify;color:var(--ww-text);scrollbar-width:none}.ww-longtext::-webkit-scrollbar{display:none}.ww-links{width:490px;box-sizing:border-box;background:var(--ww-background);border:1px solid var(--ww-darkgrey);padding:10px;margin-top:10px;text-align:center}.ww-links a{display:inline-block;background:var(--ww-bg);color:var(--ww-accent-1);border:1px solid var(--ww-darkgrey);border-left:8px solid var(--ww-orange);padding:6px 10px;margin:2px;font-family:calibri,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:1px;text-decoration:none}.ww-links a:hover{background:var(--ww-orange);color:var(--ww-accent-1);text-decoration:none}.wicked-wanted a{color:var(--ww-accent);text-decoration:none;font-weight:bold}.wicked-wanted a:hover{color:var(--ww-orange);text-decoration:none}.wicked-wanted ::-webkit-scrollbar{width:4px}.wicked-wanted ::-webkit-scrollbar-track{background:var(--ww-grey-1)}.wicked-wanted ::-webkit-scrollbar-thumb{background:var(--ww-orange)}</style>