Vorlage Schriftrolle

<link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
<div class="deep"><div class="end"><div class="deepend"><div class="dpimg"><img src="https://via.placeholder.com/120x120"></div><div class="dptitle">Schriftrolle <b>von</b> <i>Charaktername</i></div></div>
<div class="dpnote"><b>Eine kleine Info zu deinem Charakter.<span class="sf sf-heart-2"></span></div>
 
HIer kann alles mögliche stehen. Seien es nun die Beziehungen zu anderen Personen ob nun Freunde, Feinde, Familie und so weiter. Aber auch kann hier eine Liste drin stehen von deinen  Plays. Wie die, die fertig sind aber auch noch laufen. Ebenso dient dies als ein kleines Notizbuch für dich.

Wichtig ist, dass diese Vorlage kein zwang ist. Man kann auch seine eigene Vorlage nutzen oder von jemand anderen, dann aber bitte mit Credit vom Ersteller.
 
<div class="dpendd">Hier wird ein Zitat stehen <div class="dpsmt">Zitat</div></div>
</div></div>


<style>:root {--dend: #315672}.deep {background:var(--dend);margin: 0 auto;box-sizing:border-box;width:590px;padding:5px;border-radius:5px;font-family:poppins;font-size:12px;text-align:justify;color:#eee;}.end {background:#1e2224;box-sizing:border-box;padding:30px;border-radius:5px;position:relative;}.deepend {display:flex;flex-wrap:wrap;}.dpimg{border-radius:5px;background:var(--dend);width:150px;height:150px;display:flex;align-items:center;justify-content:center;}.deepend img {border-radius:5px;}.dptitle {font-style: italic;font-size:30px;width:355px;line-height:25px;text-transform:uppercase;box-sizing:border-box;padding:10px;position:absolute;right:10px;}.dptitle b {color:var(--dend);}.dptitle i {-webkit-text-stroke: 1px var(--dend);-webkit-text-fill-color: transparent;}.dpnote {background:#0f0f0f;border:1px solid #000;box-sizing:border-box;border-radius:5px;padding:20px;font-size:10px;margin: 10px 0;position:relative;overflow:hidden;text-align:left;color:#eee;}.dpnote b {color:var(--dend);}.dpnote span {position:absolute;font-size:60px;color:var(--dend);top:15px;opacity:0.5;right:10px;}.dpendd {background:#0f0f0f;border:1px solid #000;box-sizing:border-box;border-radius:5px;padding:5px 15px;font-size:9px;margin:20px 0;margin-bottom:0px;overflow:hidden;position:relative;}.dpendd b {color:Var(--dend)}.dpsmt {position:absolute;background:var(--dend);right:0;top:0;height:25px;display:flex;align-content:center;align-items:center;padding:0 15px;border-top-left-radius:10px;color:white;}.kiwicredit {font-family:poppins;font-size:7px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;}</style>