<div id="cass-stars-container">
<div id="cass-stars-header">
<div class="cass-stars-tagline"><div class="headline2">Blood and Loyalty</div></div>
<div class="headline1">The Weight of Trust, A Matter of Duty and the Prince's Burden</div>
</div>
<div id="main">
<section class="cass-stars-character cass-stars-left">
<div class="cass-stars-title">wanted</div>
<div class="cass-stars-borderelement">
<div class="cass-stars-img"><img src="https://trial-by-fire.de/images/gesuche/valentin.png"></div>
</div>
<div class="headline1">Gesuchter</div>
<div class="cass-stars-fakten">
<ul>
<li>25 -27 years</li>
<li>Mensch</li>
<li>Markgraf</li>
<li>Kleinseite /Prag</li>
</ul>
</div>
<div class="cass-stars-info cass-stars-text">Seit siebzehn Jahren kenne ich dich. Ich kenne deine Stärken ebenso wie deine Fehler. Ich weiß, wann du lügst. Ich weiß, wann du Angst hast. Ich weiß, wann die Last deiner Stellung dich zu erdrücken droht.
Du bist Markgraf. Sohn eines angesehenen Hauses. Ein Mann, von dem erwartet wird, die richtigen Entscheidungen zu treffen.Und doch vertraust du ausgerechnet mir.
Als Prinzessin Anna Maria nach Prag geschickt wurde, damit sie auf ihren zukünftigen Ehemann wartet, lag ihre Sicherheit plötzlich in deinen Händen. Du wurdest zu ihrem Vormund. Ein ehrenvoller Auftrag. Ein gefährlicher Auftrag.
Du hättest einen erfahrenen Offizier auswählen können. Einen unauffälligen Diener. Einen Mann ohne Fehltritte.
Stattdessen hast du mich gewählt. Den Freund, den du seit deiner Kindheit kennst. Den Mann, der zu viel trinkt, zu schnell handelt und zu selten über die Folgen nachdenkt.
Vielleicht, weil ich der Einzige bin, dem du wirklich vertraust. Vielleicht, weil du glaubst, dass ich sie beschützen würde, selbst wenn ich mich selbst ins Verderben stürze. Vielleicht auch, weil du keinen anderen mehr hast.
Sollte Anna Maria etwas zustoßen, wird man nicht mich zur Verantwortung ziehen.
Man wird dich fragen, warum du den Bock zum Gärtner gemacht hast.
</div>
</section> <section class="cass-stars-character cass-stars-right">
<div class="cass-stars-title">wanted by</div>
<div class="cass-stars-borderelement">
<div class="cass-stars-img"><img src="https://i.postimg.cc/Ssh4RRD7/gesuch-ales.png"></div>
</div>
<div class="headline1">Aleksandr Levín </div>
<div class="cass-stars-fakten">
<ul>
<li>26 years</li>
<li>Mensch</li>
<li>Adjutant</li>
<li>single</li>
<li>Kleinseite / Prag</li>
<li>Henry Cavill</li>
</ul>
</div>
<div class="cass-stars-info cass-stars-text"> Ich bin Aleš, 26 Jahre und deine rechte Hand. Der Sohn eines reichen Kaufmanns, aber ich wuchs an deiner Seite auf. wir kennen uns seit unserer Kindheit, sind Freunde, fast wie Brüder. Ich bin impulsiv, charmant, und ja, rücksichtslos. Geübt im Schwertkampf, clever im Umgang mit Menschen, aber ich gebe zu: manchmal gefährlich unvorsichtig.
Ich überschreite Grenzen, die andere nicht wagen würden. Schlafe mit den falschen Frauen, provoziere die falschen Männer. Bisher kam ich immer durch, weil er mich deckt. Immer.
Ich bin ihm loyal bis ins Mark. Aber meine Arroganz und Impulsivität machen mich zu einem Pulverfass. Irgendwann mache ich einen Fehler, der zu groß ist. Dann muss du dich entscheiden: Freundschaft oder Pflicht.
Ich hoffe, dass dieser Tag nicht kommt.</div>
</section>
<section class="cass-stars-more">
<div class="cass-stars-tags">
<ul>
<li>Fandom: Dark Fantasy</li>
<li>Frei ab 18 Jahren</li>
<li>Prag, 1629</li>
<li>Keine Mindestpostinglänge</li>
</ul>
</div>
<div class="cass-stars-tagline"><div class="headline2">more information</div></div>
<div class="cass-stars-text">Ich suche einen engagierten Spieler, der diesen Charakter mit Leben füllt und langfristig aktiv am Inplay teilnimmt. Der Spieler hat die Freiheit, den Charakter nach eigenen Vorstellungen zu entwickeln, einschließlich der Wahl eines passenden Avatars und Namens. Das Team behält sich jedoch das Recht vor, bei der Auswahl des Avatars und Namens ein Veto einzulegen, falls diese nicht zum Charakter oder zum Gesamtbild des Spiels passen.
Das Bild dient lediglich der Veranschaulichung. Der Avatar und Name sind also völlig flexibel, solange sie die Authentizität und den Kontext des Charakters respektieren.</div>
</section>
</div>
<div id="cass-stars-footer">
<div class="cass-stars-stars2"><img src="https://cassiopeiasdream.de/templates/writteninthestars_stars2.png"></div>
<a href="https://fireandblood.thinking-out-loud.de" class="cass-stars-button">Forum</a>
<a href="https://fireandblood.thinking-out-loud.de/showthread.php?tid=229" class="cass-stars-button">Gesuch</a>
</div>
</div>
</div>
<a href="https://storming-gates.de/showthread.php?tid=1045937">✿</a>
<style> /** written in the stars code by cassiopeia // headerimage based on photo by alex simpson on unsplash **/ @import @import url('https://fonts.googleapis.com/css2?family=Almendra:ital,wght@0,400;0,700;1,400;1,700&family=Karla:ital,wght@0,300..800;1,300..800&display=swap'); #cass-stars-template { width: 100%; box-sizing: border-box; line-height: 12px; font-size: 12px; font-weight: 300; color: var(--lightgray); font-family: "Karla", sans-serif; --display: "Almendra", serif; --gold: #bba169; --darkgold: #947a40; --lightgray: #bfc4ba; --lightblue: #61916e; --midblue: #202020; --darkblue: #202f24; --black: #21211c; } #cass-stars-template *::-webkit-scrollbar { width: 8px; height: 8px; } #cass-stars-template *::-webkit-scrollbar-track { background: none; } #cass-stars-template *::-webkit-scrollbar-thumb { background: var(--black); box-shadow: none; } #cass-stars-template a:link { color: var(--lightgray); text-decoration: none; font-size: 0.8rem; font-weight: 300; transition: background 0.3s ease; } #cass-stars-template strong { color: var(--gold); text-decoration: none; } #cass-stars-template em { color: var(--lightblue); letter-spacing: 0.1rem; text-decoration: none; } #cass-stars-container { background: var(--midblue); width: 600px; height: auto; margin: 0 auto;border: 1px solid var(--darkgold); } #cass-stars-header { width: auto; height: 200px; border-top: 1px solid var(--darkgold); border-bottom: 1px solid var(--darkgold); background: url('https://i.postimg.cc/YCtDTRpv/writteninthestars-bg1.png') no-repeat center; display: flex; flex-flow: row nowrap; justify-content: left; align-items: flex-end; margin-bottom: 30px; } #cass-stars-template .headline1 { color: var(--gold); font-family: var(--display); font-weight: 400; margin: 0; } #cass-stars-header .headline1 { font-size: 3.5rem; line-height: 3rem; padding: 20px; } .cass-stars-tagline { width: 100px; height: 200px; border-right: 1px solid var(--darkgold); overflow: visible; text-wrap: nowrap; } .cass-stars-tagline .headline2 { position: relative; top: 120px; left: 30px; transform: rotate(270deg); font-weight: 300; font-size: 0.65rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.2rem; margin: 0; } #cass-stars-main { margin: 10px 0; } .cass-stars-character { height: 550px; width: auto; margin: 0px 20px; display: grid; } .cass-stars-left { grid-template-columns: 148px 74px 338px; grid-template-rows: 122px 60px 140px 1fr 60px; } .cass-stars-right { grid-template-columns: 338px 74px 148px; grid-template-rows: 122px 60px 140px 1fr 60px; } .cass-stars-borderelement { box-sizing: border-box; width: 220px; height: 320px; border: 1px solid var(--darkgold); border-radius: 110px 110px 0 0; padding: 10px; overflow: hidden; } .cass-stars-left .cass-stars-borderelement { grid-area: 1 / 1 / 2 / span 2; } .cass-stars-right .cass-stars-borderelement { grid-area: 1 / 2 / 2 / span 2; } .cass-stars-borderelement .cass-stars-img { width: 200px; height: 300px; border-radius: 100px 100px 0 0; overflow: hidden; } .cass-stars-img img { max-width: 220px; } .cass-stars-stars1 { grid-area: 4 / 2 / span 1 / span 1; margin-left: -90px; margin-top: -40px; z-index: 10; } .cass-stars-stars1 img { max-width: 220px; } .cass-stars-moon1 { grid-area: 4 / 2 / span 1 / span 2; margin-left: 35px; margin-top: -40px; z-index: 5; } #cass-stars-template section .headline1 { z-index: 10; font-size: 3rem; line-height: 2.5rem; margin: 0; text-wrap: nowrap; } .cass-stars-left .headline1 { grid-area: 2 / 2 / span 1 / span 2; } .cass-stars-right .headline1 { grid-area: 2 / 1 / span 1 / span 2; text-align: right; } .cass-stars-text { font-size: 0.9rem; line-height: 1.2rem; text-align: justify; } .cass-stars-info { background: var(--darkblue); border: solid var(--darkblue); border-width: 20px 10px; padding: 0 10px; overflow: auto; z-index: 5; } .cass-stars-left .cass-stars-info { grid-area: 3 / 3 / span 2 / span 2; margin-left: 10px; } .cass-stars-right .cass-stars-info { grid-area: 3 / 1 / span 2 / span 1; margin-right: 10px; } .cass-stars-fakten { padding-top: 10px; display: flex; flex-flow: column nowrap; z-index: 5; } .cass-stars-left .cass-stars-fakten { grid-area: 4 / 1 / span 2 / span 2; align-items: flex-end; text-align: right; } .cass-stars-right .cass-stars-fakten { grid-area: 4 / 2 / span 2 / span 2; align-items: flex-start; text-align: left; } .cass-stars-fakten ul { margin: 0; padding: 0; } .cass-stars-fakten li { list-style: none; font-family: var(--display); color: var(--gold);font-size: 1.3rem; line-height: 1.1rem; margin-bottom: 10px; } .cass-stars-title { color: var(--lightblue); font-size: 0.7rem; line-height: 1rem; text-transform: uppercase; letter-spacing: 0.2rem; margin: 5px 0 0 0; } .cass-stars-left .cass-stars-title { grid-area: 4 / 1 / span 1 / span 1; } .cass-stars-right .cass-stars-title { grid-area: 4 / 3 / span 1 / span 1; text-align: right; } .cass-stars-more { box-sizing: border-box; width: auto; height: 250px; border-top: 1px solid var(--darkgold); border-bottom: 1px solid var(--darkgold); background: url('https://i.postimg.cc/YCtDTRpv/writteninthestars-bg1.png') no-repeat center; display: flex; flex-flow: row nowrap; justify-content: left; align-items: center; padding: 0px; } .cass-stars-more .cass-stars-text { max-height: 210px; padding: 0 10px; overflow: auto; z-index: 5; } .cass-stars-more .cass-stars-tagline { width: 50px; height: 100%; } .cass-stars-more .cass-stars-tagline .headline2 { top: 160px; left: 10px; } .cass-stars-more .cass-stars-tags { box-sizing: border-box; width: 160px; height: 100%; display: flex; flex-flow: column nowrap; gap: 10px; justify-content: center; padding: 20px; border-right: 1px solid var(--darkgold); } .cass-stars-tags ul { margin: 0; padding: 0; } .cass-stars-tags li { list-style: none; text-transform: uppercase; font-family: var(--text); font-size: 0.8rem; letter-spacing: 0.1rem; color: var(--gold); margin-bottom: 10px; text-align: center; } .cass-stars-tags li:last-child { margin: 0; } .cass-stars-button { height: fit-content; background: var(--darkgold); padding: 5px 10px; text-align: center; text-transform: uppercase; font-size: 0.8rem; line-height: 0.8rem; letter-spacing: 0.1rem; color: var(--black); text-decoration: none; outline: 1px solid var(--darkgold); outline-offset: 3px; margin: 3px; transition: background 0.3s ease; } .cass-stars-button:hover { background: var(--gold); } #cass-stars-footer { box-sizing: border-box; height: 60px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; gap: 10px; padding: 20px; border-bottom: 1px solid var(--darkgold); } .cass-stars-stars2 { height: 100px; overflow: visible; z-index: 0; margin-top: -210px; margin-left: -20px; transform: rotate(340deg); } .cass-stars-stars2 img { width: 80%; } </style>
