welcome guest, are you  sinner or saint?

welcome

Willkommen im Sinner & Saints, ein Crossover Forum in dem alles möglich ist. Eine Welt beherrscht von den 7 Todsünden, die das hier als kleinen Spielplatz sehen. Schau dich um, aber sei vorsichtig, nicht das die Habgier dir bereits folgt!


Links
Wiki
User
Avas
Discord
Sinners & Saints Wanteds Gesuchsvorlage

CROSSOVER | L3S3V3 | SZENENTRENNUNG | W & B LIST

Sinners Saints

Lot to confess, fuck it, worry 'bout it some day
Thema geschlossen 
Baumstrukturmodus
Gesuchsvorlage
PLAYED BY

Lilith

She | Sie
as old as humanity
ALTER
Sin
RASSE
Religion
LORE
Complicated
BEZIEHUNG
Sin
JOB
GRUPPE

Shortcut

Shortcut nicht für Gäste sichtbar.

Aktivität

Nicht für Gäste sichtbar.

Postingpräferenzen

Nicht für Gäste sichtbar.
 
Invidia
61 Posts 28 Threads OFFLINE
#1
02.03.2024, 00:27
Sinners
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.

Max Mustermann
Fact 1
Fact 2
Fact 3
Fact 4


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.



Max Mustermann
Fact 1
Fact 2
Fact 3
Fact 4
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.




Wish
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.




Code: alles auswählen
<div class="sinner_wrap">
  <div class="sin_canoninfo">TEXT.</div>
  <!--CHAR START BILD LINKS-->
  <charhlinea>NAME</charhlinea>
  <div class="sin_shortfacts"><sin_fact>Fact 1</sin_fact>
    <sin_fact>Fact 2</sin_fact>
    <sin_fact>Fact 3</sin_fact>
    <sin_fact>Fact 4</sin_fact>
  </div>
  <div class="sin_char"><!--BILD 150 x 200-->
    <img src="BILDLINK">
    <div class="sin_shcut">TEXT</div>
  </div>
  <!--CHAR ENDE-->
  
   <!--CHAR START BILD RECHTS-->
  <charhlineb>NAME</charhlineb>
  <div class="sin_shortfacts"><sin_fact>Fact 1</sin_fact>
    <sin_fact>Fact 2</sin_fact>
    <sin_fact>Fact 3</sin_fact>
    <sin_fact>Fact 4</sin_fact>
  </div>
  <div class="sin_char">
    <div class="sin_shcut">TEXT</div><!--BILD 150 x 200-->
     <img src="BILDLINK">
  </div>
  <!--CHAR ENDE-->

<div class="sin_canoninfo"><div class="f">Wish</div>TEXT</div>  

</div>

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.2/css/all.css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css"><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bokor&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<style>:root{ --sinbg: #232323; --sinbgtr: #23232380; --sinbg1: #171717; --sinbg1tr: #17171730 --sinbg2: #272727; --sintext: #777777; --sinaccent: #2c5828; --sinbgimg: url('https://sinners-saints.de/images/invidia/bgmain.png'); } * { box-sizing: border-box; margin: 0; padding: 0; }.sinner_wrap { max-width: 500px; box-sizing:border-box; background-image:var(--sinbgimg);color: var(--sintext); outline:5px solid var(--sinbgtr); padding:30px; margin:10px auto; font-family: Raleway; font-weight: 600; } .sinner_wrap .sin_canoninfo { width:100%; aspect-ratio: 1.5; background:var(--sinbgtr); margin: auto; padding:10px; text-align:justify; overflow: auto; font-size:16px; } .sin_canoninfo .f { float:left; height:60px; line-height:50px; padding:10px; font-family: Bokor; font-size: 70px; color: var(--sinaccent); } .sinner_wrap charhlinea, .sinner_wrap charhlineb { font-weight: 700; font-size: 17px; font-family: 'raleway'; line-height: 9px; text-transform: uppercase; letter-spacing: 2px; color: var(--sinaccent); display: flex; gap: 20px; align-items: center; margin: 30px 0px 10px 0px; } .sinner_wrap charhlinea::after { content: ''; display: block; height: 1px; background-color: var(--sintext); flex-grow: 1; } .sinner_wrap charhlineb::before { content: ''; display: block; height: 1px; background-color: var(--sintext); flex-grow: 1; } .sinner_wrap .sin_shortfacts { margin: 10px auto; width: 100%; display:flex; justify-content: start; gap:10px; } .sin_shortfacts sin_fact { background: var(--sinbgtr); flex-grow:1; padding:10px; font-weight: bold; color: var(--sintext);text-align:center; } .sinner_wrap .sin_char { width: 100%; display:flex; flex-wrap: nowrap; gap:10px; } .sinner_wrap .sin_char img { width:150px; height:200px; border: 5px solid var(--sinbg); } .sinner_wrap .sin_char .sin_shcut { flex-grow: 1; max-height:200px; overflow: auto; padding: 3px; text-align:justify; background:var(--sinbgtr); font-size:14px; line-height:16px; } .sin_shcut::-webkit-scrollbar, .sin_canoninfo::-webkit-scrollbar {display:none;}</style>



  
Thema geschlossen 



Deutsche Übersetzung: MyBB.de, Powered by MyBB, © 2002-2024 MyBB Group.