code: 1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43: 44: 45: 46: 47: 48: 49: 50: 51: 52: 53: 54: 55: 56: 57: 58: 59: 60: 61: 62: 63: 64: 65: 66: 67: 68: 69: 70: 71: 72: 73: 74: 75: 76: 77: 78: 79: 80: 81: 82: 83: 84: 85: 86: 87: 88: 89: 90: 91: 92: 93: 94: 95: 96: 97: 98: 99: 100: 101: 102: 103: <link href="https://fonts.googleapis.com/css2?family=Limelight&family=Roboto&display=swap" rel="stylesheet"> <style type="text/css">/* --- by BlackRose @ Storming Gates --- */ :root { --rainsp: #3e0000; --rainsm: #7a0000; } /* */ .rainsuescont { box-sizing: border-box; height: 40px; margin-bottom: 5px; overflow: hidden; line-height: 1.4; } /* */ .rainsues { font-family: "Limelight"; font-size: 50px; text-transform: lowercase; color: var(--rainsp); letter-spacing: 2px; } /* */ .rainsues:first-letter { color: var(--rainsm); } /* */ .rainsut { font-family: 'Roboto'; font-size: 8px; text-transform: uppercase; letter-spacing: 3px; color: var(--rainsm); } /* */ .rainsut::before { content: ""; display: inline-block; background: var(--rainsm); width: 30px; height: 1px; margin-right: 5px; position: relative; top: -2px; } /* */ .rainsut::after { content: ""; display: inline-block; background: var(--rainsm); width: 30px; height: 1px; margin-left: 5px; position: relative; top: -2px; } /* */ .rainslinien { margin-top: 10px; display: flex; } /* */ .rainslinien div { height: 10px; } /* */ .rainslinie1 { background-color: var(--rainsp); width: 30%; margin-right: 5px; } /* */ .rainslinie2 { background-color: var(--rainsm); width: 70%; } /* */ .rainspost { text-align: justify; } /* */ .rainspost:first-letter { font-family: "Limelight"; font-size: 55px; color: var(--rainsp); float: left; padding: 7px 12px 0px 0px; } /* */ .rainspost .sprache { color: var(--rainsm); } /* */ .rainspost .sprache::before { content: "»"; color: var(--rainsm); } /* */ .rainspost .sprache::after{ content: "«"; color: var(--rainsm); } /* */ .rainspost .gedanken { font-style: italic; color: var(--rainsm); } /* </style> <center><img src="https://weneverdieout.de/Arts/Steckiebild.png"><center> <center> <div class="rainsuescont"><div class="rainsues">Name Vor&Nachname</div></div> <div class="rainsut">Zitat</div> <div class="rainslinien"> <div class="rainslinie1"></div> <div class="rainslinie2"></div> </div> </center> <div class="titel"><h3>Allgemeine Informationen</h3></div><div class="untertitel">Die wichtigsten Sachen, welche man wissen muss</div> <div class="textfeld"><strong>NAME:</strong> XXX <strong>VORNAME:</strong> XXX <strong>KOSENAME:</strong> XXX <strong>GEBURTSTAG:</strong> XXX <strong>ALTER:</strong> XXX <strong>GEBURTSORT:</strong> XXX <strong>WOHNORT:</strong> XXX <strong>RASSE:</strong> XXX <strong>GESINUNG:</strong> XXX<br> <div class="titel"><h3>Charakterstudie</h3></div><div class="untertitel">Zeig uns wie du bist</div><div class="textfeld"><strong>CHARAKTER:</strong>  <div class="kleintext">Du hast die Wahl ob du den Cahrakter als Fliesstext schreibst oder jeweils mindestens 6 Stärken und 6 Schwächen auflistest</div> <strong>VORLIEBEN:</strong>  <div class="kleintext">mind. 6 Vorlieben <i>ist kein muss nur wenn, du magst</i></div> <strong>ABNEIGUNGEN:</strong>  <div class="kleintext">mind. 6 Abneigungen <i>ist kein muss nur wenn, du magst</i></div> <strong>HOBBYS:</strong>  <div class="kleintext">mind. 3 Hobbys <i>ist kein muss nur wenn, du magst</i></div> </div> <div class="titel"><h3>Märchenstunde</h3></div><div class="untertitel">Es war einmal vor langer Zeit ...</div> <div class="textfeld"><strong>WAS SIND DIE NÄCHSTEN PUNKTE IN DEINEM LEBEN UND WORAN MÖCHTEST DU ARBEITEN?:</strong> <div class="kleintext">Wie ist Dein Charakter aufgewachsen? Wo Lebt er? Was macht er so? Eben alles was in einem Lebenslauf so rein gehört kommt hier rein. </div> </div> <div class="titel"><h3>der nervende Papierkram</h3></div><div class="untertitel">Noch ein paar kleine Dinge</div> <strong>ZWEITCHARAKTERE:</strong> XXX <strong>ALTER:</strong> XXX <strong>AVATARPERSON:</strong> WER IST DEINE AVAPERSON? <strong>GESUCH:</strong> JA/NEIN <i>wenn, ja verlinken!!!</i> <strong>STECKBRIEFWEITERGABE:</strong> JA/NEIN <strong>SETWEITERGABE:</strong> JA/NEIN <strong>WIE DÜRFEN WIR DICH NENNEN? :</strong>  XXX </div>