<![CDATA[Wonderland - Bewerbungen]]> https://wonderland.stecktvollergeheimnisse.de/ Fri, 17 Apr 2026 15:39:30 +0000 MyBB <![CDATA[Anleitung zur Bewerbung]]> https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=7829 Sun, 01 Mar 2020 10:53:15 +0100 https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=7829
1. Füllt euer Charakterprofil vollständig aus
2. Ein Avatar ist Pflicht
3. Postet dann in einem neuen Thread diese Vorlage und füllt sie aus.
- Wenn ihr einen Steckbrief schreiben wollt könnt ihr das natürlich gern tun.
4. Hängt an dieser Vorlage bzw Steckbrief dann die Relations und das Tagebuch an.
- Bei den Relations tragt ihr bitte die Fakten zu eurer Familie ein bzw falls ihr schon Bezug zu einem Chara im Play habt könnt ihr dies gern schon eintragen. Benötigt ihr Grafiken findet ihr sie unter der Vorlage. Die anderen Beiträge könnt ihr bis zum Inplayeinstieg erstmal blanko lassen und dann ergänzen.

Für Götter/Halbgötter/Paida




CHARAKTERNAME
Kind von ....

Persönliche Daten
Das wichtigste zuerst

Charakterübersicht
Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Rasse, Abstammung, Fähigkeit, Alter und was dir sonst noch wichtig erscheint.

Name der Fähigkeit
Beschreibe deine Fähigkeit doch einfach mal ein bisschen näher, was genau kann dein Charakter eigentlich bewirken. (Achtung: Das Team behält sich hier das Recht vor, dass Fähigkeiten gemildert werden müssen, wenn sie zu hart werden.

Waffe
Schwert/Bogen/Peitsche/Fächer/Speer.... Mit welcher Waffe kannst du am besten umgehen? Welche Waffe liegt dir überhaupt nicht? Und wie sieht es im Nahkampf aus?

Sonstiges
Wurde dein Charakter schon von seinem göttlichen Elternteil anerkannt? Gibt es sonst noch Wissenswertes über sein Leben im Camp? Hier kannst du dazu etwas schreiben. Ansonsten bitte herauslöschen.

Adminstuff
Avatarperson:
Pairingpartner: falls vorhanden
Spielername:
Geburtstag des Charakters:
Beruf:

Zweitchara:
Über 18: Ja/Nein
Regeln gelesen: Ja/Nein

THX



Code:
<link href='https://fonts.googleapis.com/css?family=Graduate' rel='stylesheet' type='text/css'><style type="text/css"> /*

--- LIKE WE ARE RENEGADES by rubyRED.DIAMOND @ Storming Gates

---- HINTERGRUND-BOX */ #r-steckbrief {width: 480px; height: 500px; background: #dedede; border: 10px solid #131b27; overflow: hidden; text-align: justify; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/1ibnfiY.png');} /*

---- HOVER */ #r-steckbrief #whitebox {width: 780px; height: 500px; position: relative; right: 330px; transition: 0.9s; float: left; transition-delay: 0.8s;} #r-steckbrief:hover #whitebox {right: 0px; transition: 0.9s;} /*

---- BILD */ #r-bild {width: 100px; height: 480px; float: left; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/end.png');} /*

---- RECHTE SEITE (SICHTBAR) */ .r-boxrechts {width: 430px; height: 480px; margin-left: 20px; float: right;} /*

---- TITEL & UNTERTITEL */ .r-titel {width: 330px; padding: 5px 15px; font-family: Graduate; font-size: 33px; line-height: 33px; color: #2a4163; font-weight: bold; text-transform: uppercase; text-align: center; float: right; margin-top: 140px; box-sizing: border-box;} .r-subtitel {width: 330px; font-family: Graduate; font-size: 12px; line-height: 12px; color: #41222b; text-transform: uppercase; text-align: center; float: right; box-sizing: border-box;} /*

---- STRICHE */ .r-titel:before, .r-subtitel:after {content:""; display: block; width: 200px; height: 1px; background: #41222b; margin: 20px auto;}  /*

---- LINKE SEITE (STECKI) */ .r-boxlinks {width: 330px; height: 480px; overflow: auto; background: #f6f6f6; padding: 20px 10px; float: left; box-sizing: border-box;} /*

---- SCROLLLEISTE */ .r-boxlinks.scroll::-webkit-scrollbar {width:6px;} .r-boxlinks.scroll::-webkit-scrollbar-track-piece {background-color:#dcdcdc;} .r-boxlinks.scroll::-webkit-scrollbar-thumb:vertical {height:10px; background-color:#122758;} /*

---- STECKBRIEF-KATEGORIE */ .r-kat {font-family: Graduate; font-size: 25px; color: #2a4163; font-weight: bold; text-transform: uppercase; border-bottom: 1px double #6f4f58; text-align: center; padding-bottom: 4px;} /*

---- KATEGORIE-BESCHREIBUNG */ .r-desc {width: 200px; background: #2a4163; font-family: calibri; font-size: 9px; color: #e8e8e8; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding: 2px 5px; margin: -8px auto 0px auto;} /*

---- TEXTBOX */ .r-textbox {background: #dedede; font-family: calibri; font-size: 12px; line-height: 13px; color: #161616; text-align: justify; padding: 10px;} /*

---- TEXTBOX BOLD */ .r-textbox b {color: #000000; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px #e8e8e8;} /*

---- STECKBRIEF-PUNKT (LINKS & RECHTS) */ .r-fact-l {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 8px; display: inline-block; margin: 3px 10px 3px 0px; float: left;} .r-fact-r {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 5px; display: inline-block; margin: 3px 0px 3px 10px; float: right;} /*

---- SHORTFACTS */ .r-shortfacts {background: #2a4163; font-family: arial; font-size: 9px; line-height: 12px; color: #161616; font-weight: bold; text-transform: uppercase; word-spacing: 2px; text-align: center; padding: 5px;} /*

--- CREDITS */ .creditrrd {font-family: calibri; font-size: 9px; color: #000000; font-weight: bold; display: inline;} #rrd {display: inline-block; border-style: solid; border-color: transparent transparent #4d0000 transparent; border-width: 0 3px 3px 3px; height: 0; width: 6px; position: relative; margin: 2px 0 6px 0;} #rrd:after {content: ""; position: absolute; position: absolute; top: 3px; left: -3px; width: 0; height: 0; border-style: solid; border-color: #4d0000 transparent transparent transparent; border-width: 9px 6px 0 6px;}</style>

<center>
<div id="r-steckbrief"><div id="whitebox">
<div class="r-boxrechts">
<div id="r-bild"></div>
<div class="r-titel">CHARAKTERNAME</div>
<div class="r-subtitel">Kind von ....</div>
</div>

<div class="r-boxlinks scroll">
<div class="r-kat">Persönliche Daten</div>
<div class="r-desc">Das wichtigste zuerst</div>

<div class="r-fact-r">Charakterübersicht</div>
Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Rasse, Abstammung, Fähigkeit, Alter und was dir sonst noch wichtig erscheint.

<div class="r-fact-l">Name der Fähigkeit</div>
Beschreibe deine Fähigkeit doch einfach mal ein bisschen näher, was genau kann dein Charakter eigentlich bewirken. (Achtung: Das Team behält sich hier das Recht vor, dass Fähigkeiten gemildert werden müssen, wenn sie zu hart werden.

<div class="r-fact-r">Waffe</div> Schwert/Bogen/Peitsche/Fächer/Speer.... Mit welcher Waffe kannst du am besten umgehen? Welche Waffe liegt dir überhaupt nicht? Und wie sieht es im Nahkampf aus?

<div class="r-fact-l">Sonstiges</div>  Wurde dein Charakter schon von seinem göttlichen Elternteil anerkannt? Gibt es sonst noch Wissenswertes über sein Leben im Camp? Hier kannst du dazu etwas schreiben. Ansonsten bitte herauslöschen.

<div class="r-fact-r">Adminstuff</div>
Avatarperson:
Pairingpartner: falls vorhanden
Spielername:
Geburtstag des Charakters:
Beruf:

Zweitchara:
Über 18: Ja/Nein
Regeln gelesen: Ja/Nein
</div>

<div class="creditrrd">THX <a href="https://storming-gates.de/member.php?action=profile&uid=71" target="_blank"><div id="rrd"></a></div></div>

</div>
</div></div>
</center>

--------------------------

Für alle anderen

Bewerbung
Einwohnertext
Schreib hier bitte einen kurzen Text für die Einwohnerliste, der deine Figur zusammenfassend darstellt.
Wichtige Punkte: Name, Alter, Wohnort, Rasse, Zugehörigkeit, Fähigkeit... alles was dir wichtig erscheint

Adminstuff
Avatarperson:
Pairingpartner: falls vorhanden
Spielername:
Geburtstag des Charakters:
Beruf:

Zweitchara:
Über 18: Ja/Nein
Regeln gelesen: Ja/Nein




©| Das sind Auszüge aus dem Buch der Familie Winchester


thx.



Code:
</font><link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
        <div id="fs-frame">
            <div id="fs-tab">Bewerbung</div>
            <div id="fs-left">
                <div class="fs-flip"><a href="#Verhoer">Wichtig</a></div>
            </div>
            <div id="fs-main">
                <div class="fs-hor">
<div class="fs-page" id="Verhoer">
                        <div class="fs-text">
                            <div class="fs-title">Einwohnertext</div>
Schreib hier bitte einen kurzen Text für die Einwohnerliste, der deine Figur zusammenfassend darstellt.
Wichtige Punkte: Name, Alter, Wohnort, Rasse, Zugehörigkeit, Fähigkeit... alles was dir wichtig erscheint

<div class="fs-title">Adminstuff</div>
Avatarperson:
Pairingpartner: falls vorhanden
Spielername:
Geburtstag des Charakters:
Beruf:

Zweitchara:
Über 18: Ja/Nein
Regeln gelesen: Ja/Nein
                        </div>
                    </div>

                  
                    
                </div>
            </div>
            
            <div id="fs-bottom">&copy;| Das sind Auszüge aus dem Buch der Familie Winchester</div>


        </div>
        <div class="fs-credit"><a href="http://storming-gates.de/member.php?action=profile&uid=125" target="blank" title="coded by serendipity @ SG">thx.</a></div>
<style type="text/css"> /*
            ### "Error: unrecognized file format" ###
            ### coded by serendipity @ storming gates ###
            äußere Aktenmappe
            */ #fs-frame { margin: 0 auto; margin-top: 35px; box-sizing: border-box; width: 480px; height: 600px; position: relative; background: #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-size: 11px; line-height: 1.2; text-align: left; border-radius: 0px 15px 15px 15px; box-shadow: 2px 2px 2px #808080; position: relative; } /*
            Aktenverzeichnis (Name/Titel)
            */ #fs-frame:before { content: ""; width: 220px; height: 30px; border-radius: 10px 10px 0px 0px; position: absolute; top: -30px; left: 0px; background: #523410; } /*
            Listenformatierung (nur margin & padding angepasst)
            */ #fs-frame ul { margin: 10px; padding: 0px; } /*
            
            */ #fs-frame li { margin: 5px; padding: 0px; } /*
            Text (aka Titel) der Akte (oben links)
            */ #fs-frame #fs-tab { box-sizing: border-box; width: 220px; height: 30px; position: absolute; top: -30px; left: 0px; font-size: 15px; color: #f4ede6; padding: 5px 10px;  } /*
            Erster Buchstabe Formatierung im Aktentab (oben links)
            */ #fs-frame #fs-tab:first-letter { font-size: 17px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            linke Spalte, aka Pseudo-Aktentabs
            */ #fs-frame #fs-left { box-sizing: border-box; width: 400px; height: 20px; position: absolute; top: 10px; left: 50px; background: transparent; transform-origin: 0 0; transform: rotate(90deg); } /*
            einzelne "Pseudo-Tabs"
            */ #fs-frame .fs-flip { box-sizing: border-box; height: 20px; width: 100px; border-radius: 5px 5px 0px 0px; background: #f4ede6; color: #523410; display: inline-block; margin: 0px -6px 0px 0px; padding: 2px 3px; transform: rotate(180deg); box-shadow: -2px 2px 2px #808080; overflow: hidden; } /*
            Haupttextfeld - äußerer Rahmen
            */ #fs-frame #fs-main { box-sizing: border-box; width: 400px; height: 500px; position: absolute; top: 20px; left: 50px; background: #f4ede6; padding: 10px 0px; overflow: scroll; box-shadow: 2px 2px 2px #808080; } /*
            unsichtbare, Textbox, die so breit ist wie Seiten in der Akte, d.h. Y x 400px -> scrollt horizontal
            */ #fs-frame #fs-main .fs-hor { box-sizing: border-box; height: 380px; width: 1600px; display: table; background: #f4ede6;} /*
            einzelne Seite in der Akte
            */ #fs-frame .fs-page { box-sizing: border-box; width: 400px; height: 350px; display: table-cell; background: #f4ede6; padding: 0px; margin: 0px; } /*
            Text auf jeder einzelnen Seite - scrollt vertikal
            */ #fs-frame .fs-text { box-sizing: border-box; width: 400px; height: 380px; overflow: auto; background: #f4ede6; border-top: 5px solid #f4ede6; border-bottom: 5px solid #f4ede6; padding: 0px 20px; margin: 0px; font-size: 11px; color: #3b3937; text-align: justify;} /*
            Titelformatierung auf einzelner Seite
            */ #fs-frame .fs-text .fs-title { box-sizing: border-box; border-bottom: 2px solid #3b3937; font-size: 18px; letter-spacing: 1px; margin-bottom: 5px; } /*
            
            */ #fs-frame .fs-text .fs-title:first-letter { font-size: 20px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            Untertitel/Abschnittstitel
            */ #fs-frame .fs-text .fs-subt, #fs-frame #fs-facts .fs-subt { font-size: 14px; text-align: right; letter-spacing: 1px; background: #3b3937; color: #fff; padding: 2px 5px; margin-bottom: 5px; } /*
            Post-It in der rechten oberen Ecke
            */ #fs-frame #fs-facts { box-sizing: border-box; width: 265px; height: 200px; overflow: auto; border-top: 5px solid #f4f2cc; border-bottom: 5px solid #f4f2cc; padding: 10px; background: #f4f2cc; color: #3b3937; position: absolute; top: -15px; left: 190px; transform: rotate(0deg); box-shadow: 2px 2px 2px #808080; } /*
            Fett, kursiv und unterstrichen
            */ #fs-frame #fs-main b, #fs-frame #fs-facts b, #fs-frame #fs-main i, #fs-frame #fs-facts i, #fs-frame #fs-main u, #fs-frame #fs-facts u { color: #c41616; letter-spacing: 1px; } /*
            Bild links oben
            */ #fs-frame #fs-pic { box-sizing: border-box; width: 170px; height: 170px; border-width: 10px 10px 30px 10px; border-color: #fff; border-style: solid; background: url('http://placehold.it/150x130/000/fff/') #000; position: absolute; top: 5px; left: 10px; transform: rotate(350deg); overflow: hidden; box-shadow: 2px 2px 2px #808080; } /*
            Linkformatierung in der Haupttextbox, in der linken Spalte und im Post-It
            */ #fs-frame #fs-main a, #fs-frame #fs-facts a, #fs-frame #fs-left a { color: #c41616 !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-main a:hover, #fs-frame #fs-facts a:hover, #fs-frame #fs-left a:hover { color: #f4f2cc !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #c41616; padding: 0px 2px; } /*
            Text rechts am Rand
            */ #fs-frame #fs-right { box-sizing: border-box; height: 20px; width: 580px; position: absolute; bottom: 10px; left: 460px; color: #f4ede6; font-size: 10px; transform-origin: 0 0; transform: rotate(270deg); overflow: hidden; } /*
            Text unten am Rand
            */ #fs-frame #fs-bottom { box-sizing: border-box; height: 20px; width: 440px; position: absolute; bottom: 0px; left: 20px; color: #f4ede6; font-size: 10px; text-align: center; overflow: hidden; } /*
            Links für Text am Rand (unten & rechts)
            */ #fs-frame #fs-right a, #fs-frame #fs-bottom a { color: #f4f2cc !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-right a:hover, #fs-frame #fs-bottom a:hover { color: #523410 !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #f4ede6; padding: 0px 2px; } /*
            Tabellenformatierung (Lebenslauf)
            */ #fs-frame .fs-table, #fs-frame .fs-table td { background: #f4ede6; color: #3b3937; border-collapse: collapse; border-bottom: 1px dotted #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-style: normal; font-size: 11px; line-height: 1.2; padding: 5px; } /*
            
            */ #fs-frame .fs-table td:nth-child(even) { border-left: 1px dotted #523410; }/*
            Webkit-Scrollbar (Große Textbox -> horizontale Scrollbar)
            */ #fs-frame #fs-main::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb { background: #523410; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb:vertical { width: 0px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar (einzelne "Seiten" in der großen Textbox -> vertikal)
             */ #fs-frame .fs-text::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-thumb { background: #3b3937; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar im gelben Post-It (vertikal)
            */ #fs-frame #fs-facts::-webkit-scrollbar { width: 5px; background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-thumb { background: #c41616; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-track { background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-corner { background: #f4f2cc; } /*
            */ .fs-credit { margin: 0 auto; box-sizing: border-box; width: 480px; padding: 2px 10px; font-family: 'Roboto Mono', "Courier New", monospace;  font-size: 11px; text-align: right; } /*
        */ </style>
]]>
1. Füllt euer Charakterprofil vollständig aus
2. Ein Avatar ist Pflicht
3. Postet dann in einem neuen Thread diese Vorlage und füllt sie aus.
- Wenn ihr einen Steckbrief schreiben wollt könnt ihr das natürlich gern tun.
4. Hängt an dieser Vorlage bzw Steckbrief dann die Relations und das Tagebuch an.
- Bei den Relations tragt ihr bitte die Fakten zu eurer Familie ein bzw falls ihr schon Bezug zu einem Chara im Play habt könnt ihr dies gern schon eintragen. Benötigt ihr Grafiken findet ihr sie unter der Vorlage. Die anderen Beiträge könnt ihr bis zum Inplayeinstieg erstmal blanko lassen und dann ergänzen.

Für Götter/Halbgötter/Paida




CHARAKTERNAME
Kind von ....

Persönliche Daten
Das wichtigste zuerst

Charakterübersicht
Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Rasse, Abstammung, Fähigkeit, Alter und was dir sonst noch wichtig erscheint.

Name der Fähigkeit
Beschreibe deine Fähigkeit doch einfach mal ein bisschen näher, was genau kann dein Charakter eigentlich bewirken. (Achtung: Das Team behält sich hier das Recht vor, dass Fähigkeiten gemildert werden müssen, wenn sie zu hart werden.

Waffe
Schwert/Bogen/Peitsche/Fächer/Speer.... Mit welcher Waffe kannst du am besten umgehen? Welche Waffe liegt dir überhaupt nicht? Und wie sieht es im Nahkampf aus?

Sonstiges
Wurde dein Charakter schon von seinem göttlichen Elternteil anerkannt? Gibt es sonst noch Wissenswertes über sein Leben im Camp? Hier kannst du dazu etwas schreiben. Ansonsten bitte herauslöschen.

Adminstuff
Avatarperson:
Pairingpartner: falls vorhanden
Spielername:
Geburtstag des Charakters:
Beruf:

Zweitchara:
Über 18: Ja/Nein
Regeln gelesen: Ja/Nein

THX



Code:
<link href='https://fonts.googleapis.com/css?family=Graduate' rel='stylesheet' type='text/css'><style type="text/css"> /*

--- LIKE WE ARE RENEGADES by rubyRED.DIAMOND @ Storming Gates

---- HINTERGRUND-BOX */ #r-steckbrief {width: 480px; height: 500px; background: #dedede; border: 10px solid #131b27; overflow: hidden; text-align: justify; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/1ibnfiY.png');} /*

---- HOVER */ #r-steckbrief #whitebox {width: 780px; height: 500px; position: relative; right: 330px; transition: 0.9s; float: left; transition-delay: 0.8s;} #r-steckbrief:hover #whitebox {right: 0px; transition: 0.9s;} /*

---- BILD */ #r-bild {width: 100px; height: 480px; float: left; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/end.png');} /*

---- RECHTE SEITE (SICHTBAR) */ .r-boxrechts {width: 430px; height: 480px; margin-left: 20px; float: right;} /*

---- TITEL & UNTERTITEL */ .r-titel {width: 330px; padding: 5px 15px; font-family: Graduate; font-size: 33px; line-height: 33px; color: #2a4163; font-weight: bold; text-transform: uppercase; text-align: center; float: right; margin-top: 140px; box-sizing: border-box;} .r-subtitel {width: 330px; font-family: Graduate; font-size: 12px; line-height: 12px; color: #41222b; text-transform: uppercase; text-align: center; float: right; box-sizing: border-box;} /*

---- STRICHE */ .r-titel:before, .r-subtitel:after {content:""; display: block; width: 200px; height: 1px; background: #41222b; margin: 20px auto;}  /*

---- LINKE SEITE (STECKI) */ .r-boxlinks {width: 330px; height: 480px; overflow: auto; background: #f6f6f6; padding: 20px 10px; float: left; box-sizing: border-box;} /*

---- SCROLLLEISTE */ .r-boxlinks.scroll::-webkit-scrollbar {width:6px;} .r-boxlinks.scroll::-webkit-scrollbar-track-piece {background-color:#dcdcdc;} .r-boxlinks.scroll::-webkit-scrollbar-thumb:vertical {height:10px; background-color:#122758;} /*

---- STECKBRIEF-KATEGORIE */ .r-kat {font-family: Graduate; font-size: 25px; color: #2a4163; font-weight: bold; text-transform: uppercase; border-bottom: 1px double #6f4f58; text-align: center; padding-bottom: 4px;} /*

---- KATEGORIE-BESCHREIBUNG */ .r-desc {width: 200px; background: #2a4163; font-family: calibri; font-size: 9px; color: #e8e8e8; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding: 2px 5px; margin: -8px auto 0px auto;} /*

---- TEXTBOX */ .r-textbox {background: #dedede; font-family: calibri; font-size: 12px; line-height: 13px; color: #161616; text-align: justify; padding: 10px;} /*

---- TEXTBOX BOLD */ .r-textbox b {color: #000000; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px #e8e8e8;} /*

---- STECKBRIEF-PUNKT (LINKS & RECHTS) */ .r-fact-l {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 8px; display: inline-block; margin: 3px 10px 3px 0px; float: left;} .r-fact-r {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 5px; display: inline-block; margin: 3px 0px 3px 10px; float: right;} /*

---- SHORTFACTS */ .r-shortfacts {background: #2a4163; font-family: arial; font-size: 9px; line-height: 12px; color: #161616; font-weight: bold; text-transform: uppercase; word-spacing: 2px; text-align: center; padding: 5px;} /*

--- CREDITS */ .creditrrd {font-family: calibri; font-size: 9px; color: #000000; font-weight: bold; display: inline;} #rrd {display: inline-block; border-style: solid; border-color: transparent transparent #4d0000 transparent; border-width: 0 3px 3px 3px; height: 0; width: 6px; position: relative; margin: 2px 0 6px 0;} #rrd:after {content: ""; position: absolute; position: absolute; top: 3px; left: -3px; width: 0; height: 0; border-style: solid; border-color: #4d0000 transparent transparent transparent; border-width: 9px 6px 0 6px;}</style>

<center>
<div id="r-steckbrief"><div id="whitebox">
<div class="r-boxrechts">
<div id="r-bild"></div>
<div class="r-titel">CHARAKTERNAME</div>
<div class="r-subtitel">Kind von ....</div>
</div>

<div class="r-boxlinks scroll">
<div class="r-kat">Persönliche Daten</div>
<div class="r-desc">Das wichtigste zuerst</div>

<div class="r-fact-r">Charakterübersicht</div>
Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Rasse, Abstammung, Fähigkeit, Alter und was dir sonst noch wichtig erscheint.

<div class="r-fact-l">Name der Fähigkeit</div>
Beschreibe deine Fähigkeit doch einfach mal ein bisschen näher, was genau kann dein Charakter eigentlich bewirken. (Achtung: Das Team behält sich hier das Recht vor, dass Fähigkeiten gemildert werden müssen, wenn sie zu hart werden.

<div class="r-fact-r">Waffe</div> Schwert/Bogen/Peitsche/Fächer/Speer.... Mit welcher Waffe kannst du am besten umgehen? Welche Waffe liegt dir überhaupt nicht? Und wie sieht es im Nahkampf aus?

<div class="r-fact-l">Sonstiges</div>  Wurde dein Charakter schon von seinem göttlichen Elternteil anerkannt? Gibt es sonst noch Wissenswertes über sein Leben im Camp? Hier kannst du dazu etwas schreiben. Ansonsten bitte herauslöschen.

<div class="r-fact-r">Adminstuff</div>
Avatarperson:
Pairingpartner: falls vorhanden
Spielername:
Geburtstag des Charakters:
Beruf:

Zweitchara:
Über 18: Ja/Nein
Regeln gelesen: Ja/Nein
</div>

<div class="creditrrd">THX <a href="https://storming-gates.de/member.php?action=profile&uid=71" target="_blank"><div id="rrd"></a></div></div>

</div>
</div></div>
</center>

--------------------------

Für alle anderen

Bewerbung
Einwohnertext
Schreib hier bitte einen kurzen Text für die Einwohnerliste, der deine Figur zusammenfassend darstellt.
Wichtige Punkte: Name, Alter, Wohnort, Rasse, Zugehörigkeit, Fähigkeit... alles was dir wichtig erscheint

Adminstuff
Avatarperson:
Pairingpartner: falls vorhanden
Spielername:
Geburtstag des Charakters:
Beruf:

Zweitchara:
Über 18: Ja/Nein
Regeln gelesen: Ja/Nein




©| Das sind Auszüge aus dem Buch der Familie Winchester


thx.



Code:
</font><link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
        <div id="fs-frame">
            <div id="fs-tab">Bewerbung</div>
            <div id="fs-left">
                <div class="fs-flip"><a href="#Verhoer">Wichtig</a></div>
            </div>
            <div id="fs-main">
                <div class="fs-hor">
<div class="fs-page" id="Verhoer">
                        <div class="fs-text">
                            <div class="fs-title">Einwohnertext</div>
Schreib hier bitte einen kurzen Text für die Einwohnerliste, der deine Figur zusammenfassend darstellt.
Wichtige Punkte: Name, Alter, Wohnort, Rasse, Zugehörigkeit, Fähigkeit... alles was dir wichtig erscheint

<div class="fs-title">Adminstuff</div>
Avatarperson:
Pairingpartner: falls vorhanden
Spielername:
Geburtstag des Charakters:
Beruf:

Zweitchara:
Über 18: Ja/Nein
Regeln gelesen: Ja/Nein
                        </div>
                    </div>

                  
                    
                </div>
            </div>
            
            <div id="fs-bottom">&copy;| Das sind Auszüge aus dem Buch der Familie Winchester</div>


        </div>
        <div class="fs-credit"><a href="http://storming-gates.de/member.php?action=profile&uid=125" target="blank" title="coded by serendipity @ SG">thx.</a></div>
<style type="text/css"> /*
            ### "Error: unrecognized file format" ###
            ### coded by serendipity @ storming gates ###
            äußere Aktenmappe
            */ #fs-frame { margin: 0 auto; margin-top: 35px; box-sizing: border-box; width: 480px; height: 600px; position: relative; background: #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-size: 11px; line-height: 1.2; text-align: left; border-radius: 0px 15px 15px 15px; box-shadow: 2px 2px 2px #808080; position: relative; } /*
            Aktenverzeichnis (Name/Titel)
            */ #fs-frame:before { content: ""; width: 220px; height: 30px; border-radius: 10px 10px 0px 0px; position: absolute; top: -30px; left: 0px; background: #523410; } /*
            Listenformatierung (nur margin & padding angepasst)
            */ #fs-frame ul { margin: 10px; padding: 0px; } /*
            
            */ #fs-frame li { margin: 5px; padding: 0px; } /*
            Text (aka Titel) der Akte (oben links)
            */ #fs-frame #fs-tab { box-sizing: border-box; width: 220px; height: 30px; position: absolute; top: -30px; left: 0px; font-size: 15px; color: #f4ede6; padding: 5px 10px;  } /*
            Erster Buchstabe Formatierung im Aktentab (oben links)
            */ #fs-frame #fs-tab:first-letter { font-size: 17px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            linke Spalte, aka Pseudo-Aktentabs
            */ #fs-frame #fs-left { box-sizing: border-box; width: 400px; height: 20px; position: absolute; top: 10px; left: 50px; background: transparent; transform-origin: 0 0; transform: rotate(90deg); } /*
            einzelne "Pseudo-Tabs"
            */ #fs-frame .fs-flip { box-sizing: border-box; height: 20px; width: 100px; border-radius: 5px 5px 0px 0px; background: #f4ede6; color: #523410; display: inline-block; margin: 0px -6px 0px 0px; padding: 2px 3px; transform: rotate(180deg); box-shadow: -2px 2px 2px #808080; overflow: hidden; } /*
            Haupttextfeld - äußerer Rahmen
            */ #fs-frame #fs-main { box-sizing: border-box; width: 400px; height: 500px; position: absolute; top: 20px; left: 50px; background: #f4ede6; padding: 10px 0px; overflow: scroll; box-shadow: 2px 2px 2px #808080; } /*
            unsichtbare, Textbox, die so breit ist wie Seiten in der Akte, d.h. Y x 400px -> scrollt horizontal
            */ #fs-frame #fs-main .fs-hor { box-sizing: border-box; height: 380px; width: 1600px; display: table; background: #f4ede6;} /*
            einzelne Seite in der Akte
            */ #fs-frame .fs-page { box-sizing: border-box; width: 400px; height: 350px; display: table-cell; background: #f4ede6; padding: 0px; margin: 0px; } /*
            Text auf jeder einzelnen Seite - scrollt vertikal
            */ #fs-frame .fs-text { box-sizing: border-box; width: 400px; height: 380px; overflow: auto; background: #f4ede6; border-top: 5px solid #f4ede6; border-bottom: 5px solid #f4ede6; padding: 0px 20px; margin: 0px; font-size: 11px; color: #3b3937; text-align: justify;} /*
            Titelformatierung auf einzelner Seite
            */ #fs-frame .fs-text .fs-title { box-sizing: border-box; border-bottom: 2px solid #3b3937; font-size: 18px; letter-spacing: 1px; margin-bottom: 5px; } /*
            
            */ #fs-frame .fs-text .fs-title:first-letter { font-size: 20px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            Untertitel/Abschnittstitel
            */ #fs-frame .fs-text .fs-subt, #fs-frame #fs-facts .fs-subt { font-size: 14px; text-align: right; letter-spacing: 1px; background: #3b3937; color: #fff; padding: 2px 5px; margin-bottom: 5px; } /*
            Post-It in der rechten oberen Ecke
            */ #fs-frame #fs-facts { box-sizing: border-box; width: 265px; height: 200px; overflow: auto; border-top: 5px solid #f4f2cc; border-bottom: 5px solid #f4f2cc; padding: 10px; background: #f4f2cc; color: #3b3937; position: absolute; top: -15px; left: 190px; transform: rotate(0deg); box-shadow: 2px 2px 2px #808080; } /*
            Fett, kursiv und unterstrichen
            */ #fs-frame #fs-main b, #fs-frame #fs-facts b, #fs-frame #fs-main i, #fs-frame #fs-facts i, #fs-frame #fs-main u, #fs-frame #fs-facts u { color: #c41616; letter-spacing: 1px; } /*
            Bild links oben
            */ #fs-frame #fs-pic { box-sizing: border-box; width: 170px; height: 170px; border-width: 10px 10px 30px 10px; border-color: #fff; border-style: solid; background: url('http://placehold.it/150x130/000/fff/') #000; position: absolute; top: 5px; left: 10px; transform: rotate(350deg); overflow: hidden; box-shadow: 2px 2px 2px #808080; } /*
            Linkformatierung in der Haupttextbox, in der linken Spalte und im Post-It
            */ #fs-frame #fs-main a, #fs-frame #fs-facts a, #fs-frame #fs-left a { color: #c41616 !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-main a:hover, #fs-frame #fs-facts a:hover, #fs-frame #fs-left a:hover { color: #f4f2cc !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #c41616; padding: 0px 2px; } /*
            Text rechts am Rand
            */ #fs-frame #fs-right { box-sizing: border-box; height: 20px; width: 580px; position: absolute; bottom: 10px; left: 460px; color: #f4ede6; font-size: 10px; transform-origin: 0 0; transform: rotate(270deg); overflow: hidden; } /*
            Text unten am Rand
            */ #fs-frame #fs-bottom { box-sizing: border-box; height: 20px; width: 440px; position: absolute; bottom: 0px; left: 20px; color: #f4ede6; font-size: 10px; text-align: center; overflow: hidden; } /*
            Links für Text am Rand (unten & rechts)
            */ #fs-frame #fs-right a, #fs-frame #fs-bottom a { color: #f4f2cc !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-right a:hover, #fs-frame #fs-bottom a:hover { color: #523410 !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #f4ede6; padding: 0px 2px; } /*
            Tabellenformatierung (Lebenslauf)
            */ #fs-frame .fs-table, #fs-frame .fs-table td { background: #f4ede6; color: #3b3937; border-collapse: collapse; border-bottom: 1px dotted #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-style: normal; font-size: 11px; line-height: 1.2; padding: 5px; } /*
            
            */ #fs-frame .fs-table td:nth-child(even) { border-left: 1px dotted #523410; }/*
            Webkit-Scrollbar (Große Textbox -> horizontale Scrollbar)
            */ #fs-frame #fs-main::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb { background: #523410; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb:vertical { width: 0px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar (einzelne "Seiten" in der großen Textbox -> vertikal)
             */ #fs-frame .fs-text::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-thumb { background: #3b3937; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar im gelben Post-It (vertikal)
            */ #fs-frame #fs-facts::-webkit-scrollbar { width: 5px; background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-thumb { background: #c41616; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-track { background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-corner { background: #f4f2cc; } /*
            */ .fs-credit { margin: 0 auto; box-sizing: border-box; width: 480px; padding: 2px 10px; font-family: 'Roboto Mono', "Courier New", monospace;  font-size: 11px; text-align: right; } /*
        */ </style>
]]> <![CDATA[Vorlage für das Tagebuch]]> https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=7061 Sat, 06 Apr 2019 17:26:08 +0200 https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=7061
Tagebuch
Meine Erlebnisse

Datum | Playparter | Ort
Was ist geschehen?

Datum | Playparter | Ort
Was ist geschehen?

Datum | Playparter | Ort
Was ist geschehen?




Meine Abenteuer

Kurzer Text, ein paar Sätze zu dir .. tob dich aus

©| Das sind Auszüge aus dem Buch der Familie Winchester


thx.



Code:
</font><link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
        <div id="fs-frame">
            <div id="fs-tab">Tagebuch</div>
            <div id="fs-left">
                <div class="fs-flip"><a href="#tag">Memories</a></div>
            </div>
            <div id="fs-main">
                <div class="fs-hor">
<div class="fs-page" id="fam">
                        <div class="fs-text">
                            <div class="fs-title">Meine Erlebnisse</div>

[b][u]Datum | Playparter | Ort[/u][/b]
Was ist geschehen?

[b][u]Datum | Playparter | Ort[/u][/b]
Was ist geschehen?

[b][u]Datum | Playparter | Ort[/u][/b]
Was ist geschehen?

                        </div>
                    </div>


                    
                </div>
            </div>
            <div id="fs-facts">
                <div class="fs-subt">Meine Abenteuer</div>
                
Kurzer Text, ein paar Sätze zu dir .. tob dich aus
                      
            </div>
            <div id="fs-pic"></div>
            <div id="fs-bottom">&copy;| Das sind Auszüge aus dem Buch der Familie Winchester</div>


        </div>
        <div class="fs-credit"><a href="http://storming-gates.de/member.php?action=profile&uid=125" target="blank" title="coded by serendipity @ SG">thx.</a></div>
<style type="text/css"> /*
            ### "Error: unrecognized file format" ###
            ### coded by serendipity @ storming gates ###
            äußere Aktenmappe
            */ #fs-frame { margin: 0 auto; margin-top: 35px; box-sizing: border-box; width: 480px; height: 600px; position: relative; background: #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-size: 11px; line-height: 1.2; text-align: left; border-radius: 0px 15px 15px 15px; box-shadow: 2px 2px 2px #808080; position: relative; } /*
            Aktenverzeichnis (Name/Titel)
            */ #fs-frame:before { content: ""; width: 220px; height: 30px; border-radius: 10px 10px 0px 0px; position: absolute; top: -30px; left: 0px; background: #523410; } /*
            Listenformatierung (nur margin & padding angepasst)
            */ #fs-frame ul { margin: 10px; padding: 0px; } /*
            
            */ #fs-frame li { margin: 5px; padding: 0px; } /*
            Text (aka Titel) der Akte (oben links)
            */ #fs-frame #fs-tab { box-sizing: border-box; width: 220px; height: 30px; position: absolute; top: -30px; left: 0px; font-size: 15px; color: #f4ede6; padding: 5px 10px;  } /*
            Erster Buchstabe Formatierung im Aktentab (oben links)
            */ #fs-frame #fs-tab:first-letter { font-size: 17px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            linke Spalte, aka Pseudo-Aktentabs
            */ #fs-frame #fs-left { box-sizing: border-box; width: 400px; height: 20px; position: absolute; top: 166px; left: 50px; background: transparent; transform-origin: 0 0; transform: rotate(90deg); } /*
            einzelne "Pseudo-Tabs"
            */ #fs-frame .fs-flip { box-sizing: border-box; height: 20px; width: 100px; border-radius: 5px 5px 0px 0px; background: #f4ede6; color: #523410; display: inline-block; margin: 0px -6px 0px 0px; padding: 2px 3px; transform: rotate(180deg); box-shadow: -2px 2px 2px #808080; overflow: hidden; } /*
            Haupttextfeld - äußerer Rahmen
            */ #fs-frame #fs-main { box-sizing: border-box; width: 400px; height: 400px; position: absolute; top: 170px; left: 50px; background: #f4ede6; padding: 10px 0px; overflow: scroll; box-shadow: 2px 2px 2px #808080; } /*
            unsichtbare, Textbox, die so breit ist wie Seiten in der Akte, d.h. Y x 400px -> scrollt horizontal
            */ #fs-frame #fs-main .fs-hor { box-sizing: border-box; height: 380px; width: 1600px; display: table; background: #f4ede6;} /*
            einzelne Seite in der Akte
            */ #fs-frame .fs-page { box-sizing: border-box; width: 400px; height: 350px; display: table-cell; background: #f4ede6; padding: 0px; margin: 0px; } /*
            Text auf jeder einzelnen Seite - scrollt vertikal
            */ #fs-frame .fs-text { box-sizing: border-box; width: 400px; height: 380px; overflow: auto; background: #f4ede6; border-top: 5px solid #f4ede6; border-bottom: 5px solid #f4ede6; padding: 0px 20px; margin: 0px; font-size: 11px; color: #3b3937; text-align: justify;} /*
            Titelformatierung auf einzelner Seite
            */ #fs-frame .fs-text .fs-title { box-sizing: border-box; border-bottom: 2px solid #3b3937; font-size: 18px; letter-spacing: 1px; margin-bottom: 5px; } /*
            
            */ #fs-frame .fs-text .fs-title:first-letter { font-size: 20px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            Untertitel/Abschnittstitel
            */ #fs-frame .fs-text .fs-subt, #fs-frame #fs-facts .fs-subt { font-size: 14px; text-align: right; letter-spacing: 1px; background: #3b3937; color: #fff; padding: 2px 5px; margin-bottom: 5px; } /*
            Post-It in der rechten oberen Ecke
            */ #fs-frame #fs-facts { box-sizing: border-box; width: 265px; height: 200px; overflow: auto; border-top: 5px solid #f4f2cc; border-bottom: 5px solid #f4f2cc; padding: 10px; background: #f4f2cc; color: #3b3937; position: absolute; top: -15px; left: 190px; transform: rotate(0deg); box-shadow: 2px 2px 2px #808080; } /*
            Fett, kursiv und unterstrichen
            */ #fs-frame #fs-main b, #fs-frame #fs-facts b, #fs-frame #fs-main i, #fs-frame #fs-facts i, #fs-frame #fs-main u, #fs-frame #fs-facts u { color: #c41616; letter-spacing: 1px; } /*
            Bild links oben
            */ #fs-frame #fs-pic { box-sizing: border-box; width: 170px; height: 170px; border-width: 10px 10px 30px 10px; border-color: #fff; border-style: solid; background: url('http://placehold.it/150x130/000/fff/') #000; position: absolute; top: 5px; left: 10px; transform: rotate(350deg); overflow: hidden; box-shadow: 2px 2px 2px #808080; } /*
            Linkformatierung in der Haupttextbox, in der linken Spalte und im Post-It
            */ #fs-frame #fs-main a, #fs-frame #fs-facts a, #fs-frame #fs-left a { color: #c41616 !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-main a:hover, #fs-frame #fs-facts a:hover, #fs-frame #fs-left a:hover { color: #f4f2cc !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #c41616; padding: 0px 2px; } /*
            Text rechts am Rand
            */ #fs-frame #fs-right { box-sizing: border-box; height: 20px; width: 580px; position: absolute; bottom: 10px; left: 460px; color: #f4ede6; font-size: 10px; transform-origin: 0 0; transform: rotate(270deg); overflow: hidden; } /*
            Text unten am Rand
            */ #fs-frame #fs-bottom { box-sizing: border-box; height: 20px; width: 440px; position: absolute; bottom: 0px; left: 20px; color: #f4ede6; font-size: 10px; text-align: center; overflow: hidden; } /*
            Links für Text am Rand (unten & rechts)
            */ #fs-frame #fs-right a, #fs-frame #fs-bottom a { color: #f4f2cc !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-right a:hover, #fs-frame #fs-bottom a:hover { color: #523410 !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #f4ede6; padding: 0px 2px; } /*
            Tabellenformatierung (Lebenslauf)
            */ #fs-frame .fs-table, #fs-frame .fs-table td { background: #f4ede6; color: #3b3937; border-collapse: collapse; border-bottom: 1px dotted #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-style: normal; font-size: 11px; line-height: 1.2; padding: 5px; } /*
            
            */ #fs-frame .fs-table td:nth-child(even) { border-left: 1px dotted #523410; }/*
            Webkit-Scrollbar (Große Textbox -> horizontale Scrollbar)
            */ #fs-frame #fs-main::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb { background: #523410; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb:vertical { width: 0px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar (einzelne "Seiten" in der großen Textbox -> vertikal)
             */ #fs-frame .fs-text::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-thumb { background: #3b3937; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar im gelben Post-It (vertikal)
            */ #fs-frame #fs-facts::-webkit-scrollbar { width: 5px; background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-thumb { background: #c41616; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-track { background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-corner { background: #f4f2cc; } /*
            */ .fs-credit { margin: 0 auto; box-sizing: border-box; width: 480px; padding: 2px 10px; font-family: 'Roboto Mono', "Courier New", monospace;  font-size: 11px; text-align: right; } /*
        */ </style>
]]>
Tagebuch
Meine Erlebnisse

Datum | Playparter | Ort
Was ist geschehen?

Datum | Playparter | Ort
Was ist geschehen?

Datum | Playparter | Ort
Was ist geschehen?




Meine Abenteuer

Kurzer Text, ein paar Sätze zu dir .. tob dich aus

©| Das sind Auszüge aus dem Buch der Familie Winchester


thx.



Code:
</font><link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
        <div id="fs-frame">
            <div id="fs-tab">Tagebuch</div>
            <div id="fs-left">
                <div class="fs-flip"><a href="#tag">Memories</a></div>
            </div>
            <div id="fs-main">
                <div class="fs-hor">
<div class="fs-page" id="fam">
                        <div class="fs-text">
                            <div class="fs-title">Meine Erlebnisse</div>

[b][u]Datum | Playparter | Ort[/u][/b]
Was ist geschehen?

[b][u]Datum | Playparter | Ort[/u][/b]
Was ist geschehen?

[b][u]Datum | Playparter | Ort[/u][/b]
Was ist geschehen?

                        </div>
                    </div>


                    
                </div>
            </div>
            <div id="fs-facts">
                <div class="fs-subt">Meine Abenteuer</div>
                
Kurzer Text, ein paar Sätze zu dir .. tob dich aus
                      
            </div>
            <div id="fs-pic"></div>
            <div id="fs-bottom">&copy;| Das sind Auszüge aus dem Buch der Familie Winchester</div>


        </div>
        <div class="fs-credit"><a href="http://storming-gates.de/member.php?action=profile&uid=125" target="blank" title="coded by serendipity @ SG">thx.</a></div>
<style type="text/css"> /*
            ### "Error: unrecognized file format" ###
            ### coded by serendipity @ storming gates ###
            äußere Aktenmappe
            */ #fs-frame { margin: 0 auto; margin-top: 35px; box-sizing: border-box; width: 480px; height: 600px; position: relative; background: #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-size: 11px; line-height: 1.2; text-align: left; border-radius: 0px 15px 15px 15px; box-shadow: 2px 2px 2px #808080; position: relative; } /*
            Aktenverzeichnis (Name/Titel)
            */ #fs-frame:before { content: ""; width: 220px; height: 30px; border-radius: 10px 10px 0px 0px; position: absolute; top: -30px; left: 0px; background: #523410; } /*
            Listenformatierung (nur margin & padding angepasst)
            */ #fs-frame ul { margin: 10px; padding: 0px; } /*
            
            */ #fs-frame li { margin: 5px; padding: 0px; } /*
            Text (aka Titel) der Akte (oben links)
            */ #fs-frame #fs-tab { box-sizing: border-box; width: 220px; height: 30px; position: absolute; top: -30px; left: 0px; font-size: 15px; color: #f4ede6; padding: 5px 10px;  } /*
            Erster Buchstabe Formatierung im Aktentab (oben links)
            */ #fs-frame #fs-tab:first-letter { font-size: 17px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            linke Spalte, aka Pseudo-Aktentabs
            */ #fs-frame #fs-left { box-sizing: border-box; width: 400px; height: 20px; position: absolute; top: 166px; left: 50px; background: transparent; transform-origin: 0 0; transform: rotate(90deg); } /*
            einzelne "Pseudo-Tabs"
            */ #fs-frame .fs-flip { box-sizing: border-box; height: 20px; width: 100px; border-radius: 5px 5px 0px 0px; background: #f4ede6; color: #523410; display: inline-block; margin: 0px -6px 0px 0px; padding: 2px 3px; transform: rotate(180deg); box-shadow: -2px 2px 2px #808080; overflow: hidden; } /*
            Haupttextfeld - äußerer Rahmen
            */ #fs-frame #fs-main { box-sizing: border-box; width: 400px; height: 400px; position: absolute; top: 170px; left: 50px; background: #f4ede6; padding: 10px 0px; overflow: scroll; box-shadow: 2px 2px 2px #808080; } /*
            unsichtbare, Textbox, die so breit ist wie Seiten in der Akte, d.h. Y x 400px -> scrollt horizontal
            */ #fs-frame #fs-main .fs-hor { box-sizing: border-box; height: 380px; width: 1600px; display: table; background: #f4ede6;} /*
            einzelne Seite in der Akte
            */ #fs-frame .fs-page { box-sizing: border-box; width: 400px; height: 350px; display: table-cell; background: #f4ede6; padding: 0px; margin: 0px; } /*
            Text auf jeder einzelnen Seite - scrollt vertikal
            */ #fs-frame .fs-text { box-sizing: border-box; width: 400px; height: 380px; overflow: auto; background: #f4ede6; border-top: 5px solid #f4ede6; border-bottom: 5px solid #f4ede6; padding: 0px 20px; margin: 0px; font-size: 11px; color: #3b3937; text-align: justify;} /*
            Titelformatierung auf einzelner Seite
            */ #fs-frame .fs-text .fs-title { box-sizing: border-box; border-bottom: 2px solid #3b3937; font-size: 18px; letter-spacing: 1px; margin-bottom: 5px; } /*
            
            */ #fs-frame .fs-text .fs-title:first-letter { font-size: 20px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            Untertitel/Abschnittstitel
            */ #fs-frame .fs-text .fs-subt, #fs-frame #fs-facts .fs-subt { font-size: 14px; text-align: right; letter-spacing: 1px; background: #3b3937; color: #fff; padding: 2px 5px; margin-bottom: 5px; } /*
            Post-It in der rechten oberen Ecke
            */ #fs-frame #fs-facts { box-sizing: border-box; width: 265px; height: 200px; overflow: auto; border-top: 5px solid #f4f2cc; border-bottom: 5px solid #f4f2cc; padding: 10px; background: #f4f2cc; color: #3b3937; position: absolute; top: -15px; left: 190px; transform: rotate(0deg); box-shadow: 2px 2px 2px #808080; } /*
            Fett, kursiv und unterstrichen
            */ #fs-frame #fs-main b, #fs-frame #fs-facts b, #fs-frame #fs-main i, #fs-frame #fs-facts i, #fs-frame #fs-main u, #fs-frame #fs-facts u { color: #c41616; letter-spacing: 1px; } /*
            Bild links oben
            */ #fs-frame #fs-pic { box-sizing: border-box; width: 170px; height: 170px; border-width: 10px 10px 30px 10px; border-color: #fff; border-style: solid; background: url('http://placehold.it/150x130/000/fff/') #000; position: absolute; top: 5px; left: 10px; transform: rotate(350deg); overflow: hidden; box-shadow: 2px 2px 2px #808080; } /*
            Linkformatierung in der Haupttextbox, in der linken Spalte und im Post-It
            */ #fs-frame #fs-main a, #fs-frame #fs-facts a, #fs-frame #fs-left a { color: #c41616 !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-main a:hover, #fs-frame #fs-facts a:hover, #fs-frame #fs-left a:hover { color: #f4f2cc !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #c41616; padding: 0px 2px; } /*
            Text rechts am Rand
            */ #fs-frame #fs-right { box-sizing: border-box; height: 20px; width: 580px; position: absolute; bottom: 10px; left: 460px; color: #f4ede6; font-size: 10px; transform-origin: 0 0; transform: rotate(270deg); overflow: hidden; } /*
            Text unten am Rand
            */ #fs-frame #fs-bottom { box-sizing: border-box; height: 20px; width: 440px; position: absolute; bottom: 0px; left: 20px; color: #f4ede6; font-size: 10px; text-align: center; overflow: hidden; } /*
            Links für Text am Rand (unten & rechts)
            */ #fs-frame #fs-right a, #fs-frame #fs-bottom a { color: #f4f2cc !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-right a:hover, #fs-frame #fs-bottom a:hover { color: #523410 !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #f4ede6; padding: 0px 2px; } /*
            Tabellenformatierung (Lebenslauf)
            */ #fs-frame .fs-table, #fs-frame .fs-table td { background: #f4ede6; color: #3b3937; border-collapse: collapse; border-bottom: 1px dotted #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-style: normal; font-size: 11px; line-height: 1.2; padding: 5px; } /*
            
            */ #fs-frame .fs-table td:nth-child(even) { border-left: 1px dotted #523410; }/*
            Webkit-Scrollbar (Große Textbox -> horizontale Scrollbar)
            */ #fs-frame #fs-main::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb { background: #523410; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb:vertical { width: 0px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar (einzelne "Seiten" in der großen Textbox -> vertikal)
             */ #fs-frame .fs-text::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-thumb { background: #3b3937; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar im gelben Post-It (vertikal)
            */ #fs-frame #fs-facts::-webkit-scrollbar { width: 5px; background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-thumb { background: #c41616; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-track { background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-corner { background: #f4f2cc; } /*
            */ .fs-credit { margin: 0 auto; box-sizing: border-box; width: 480px; padding: 2px 10px; font-family: 'Roboto Mono', "Courier New", monospace;  font-size: 11px; text-align: right; } /*
        */ </style>
]]> <![CDATA[Vorlage für Relations]]> https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=7060 Sat, 06 Apr 2019 17:23:09 +0200 https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=7060
Relations
Familie
Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander

Freunde

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander


Bekannte

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander


Feinde

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander


Erinnerungen

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander



Meine Begegnungen

Kurzer Text, ein paar Sätze zu dir .. tob dich aus

©| Das sind Auszüge aus dem Buch der Familie Winchester


thx.



Code:
</font><link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
        <div id="fs-frame">
            <div id="fs-tab">Relations</div>
            <div id="fs-left">
                <div class="fs-flip"><a href="#fam">Familie</a></div>
                <div class="fs-flip"><a href="#freu">Freunde</a></div>  
                <div class="fs-flip"><a href="#beka">Bekannte</a></div>  
                <div class="fs-flip"><a href="#fei">Feinde</a></div>
                <div class="fs-flip"><a href="#eri">Erinnerungen</a></div>
            </div>
            <div id="fs-main">
                <div class="fs-hor">
<div class="fs-page" id="fam">
                        <div class="fs-text">
                            <div class="fs-title">Familie</div>
[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

                        </div>
                    </div>
<div class="fs-page" id="freu">
                        <div class="fs-text">
                            <div class="fs-title">Freunde</div>
                            
[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

                        </div>
                    </div>

<div class="fs-page" id="beka">
                        <div class="fs-text">
                            <div class="fs-title">Bekannte</div>
                            
[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

                        </div>
                    </div>

<div class="fs-page" id="fei">
                        <div class="fs-text">
                            <div class="fs-title">Feinde</div>
                            
[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

                        </div>
                    </div>

<div class="fs-page" id="eri">
                        <div class="fs-text">
                            <div class="fs-title">Erinnerungen</div>
                            
[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

                        </div>
                    </div>

                    
                </div>
            </div>
            <div id="fs-facts">
                <div class="fs-subt">Meine Begegnungen</div>
                
Kurzer Text, ein paar Sätze zu dir .. tob dich aus
                      
            </div>
            <div id="fs-pic"></div>
            <div id="fs-bottom">&copy;| Das sind Auszüge aus dem Buch der Familie Winchester</div>


        </div>
        <div class="fs-credit"><a href="http://storming-gates.de/member.php?action=profile&uid=125" target="blank" title="coded by serendipity @ SG">thx.</a></div>
<style type="text/css"> /*
            ### "Error: unrecognized file format" ###
            ### coded by serendipity @ storming gates ###
            äußere Aktenmappe
            */ #fs-frame { margin: 0 auto; margin-top: 35px; box-sizing: border-box; width: 480px; height: 600px; position: relative; background: #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-size: 11px; line-height: 1.2; text-align: left; border-radius: 0px 15px 15px 15px; box-shadow: 2px 2px 2px #808080; position: relative; } /*
            Aktenverzeichnis (Name/Titel)
            */ #fs-frame:before { content: ""; width: 220px; height: 30px; border-radius: 10px 10px 0px 0px; position: absolute; top: -30px; left: 0px; background: #523410; } /*
            Listenformatierung (nur margin & padding angepasst)
            */ #fs-frame ul { margin: 10px; padding: 0px; } /*
            
            */ #fs-frame li { margin: 5px; padding: 0px; } /*
            Text (aka Titel) der Akte (oben links)
            */ #fs-frame #fs-tab { box-sizing: border-box; width: 220px; height: 30px; position: absolute; top: -30px; left: 0px; font-size: 15px; color: #f4ede6; padding: 5px 10px;  } /*
            Erster Buchstabe Formatierung im Aktentab (oben links)
            */ #fs-frame #fs-tab:first-letter { font-size: 17px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            linke Spalte, aka Pseudo-Aktentabs
            */ #fs-frame #fs-left { box-sizing: border-box; width: 400px; height: 20px; position: absolute; top: 166px; left: 50px; background: transparent; transform-origin: 0 0; transform: rotate(90deg); } /*
            einzelne "Pseudo-Tabs"
            */ #fs-frame .fs-flip { box-sizing: border-box; height: 20px; width: 100px; border-radius: 5px 5px 0px 0px; background: #f4ede6; color: #523410; display: inline-block; margin: 0px -6px 0px 0px; padding: 2px 3px; transform: rotate(180deg); box-shadow: -2px 2px 2px #808080; overflow: hidden; } /*
            Haupttextfeld - äußerer Rahmen
            */ #fs-frame #fs-main { box-sizing: border-box; width: 400px; height: 400px; position: absolute; top: 170px; left: 50px; background: #f4ede6; padding: 10px 0px; overflow: scroll; box-shadow: 2px 2px 2px #808080; } /*
            unsichtbare, Textbox, die so breit ist wie Seiten in der Akte, d.h. Y x 400px -> scrollt horizontal
            */ #fs-frame #fs-main .fs-hor { box-sizing: border-box; height: 380px; width: 1600px; display: table; background: #f4ede6;} /*
            einzelne Seite in der Akte
            */ #fs-frame .fs-page { box-sizing: border-box; width: 400px; height: 350px; display: table-cell; background: #f4ede6; padding: 0px; margin: 0px; } /*
            Text auf jeder einzelnen Seite - scrollt vertikal
            */ #fs-frame .fs-text { box-sizing: border-box; width: 400px; height: 380px; overflow: auto; background: #f4ede6; border-top: 5px solid #f4ede6; border-bottom: 5px solid #f4ede6; padding: 0px 20px; margin: 0px; font-size: 11px; color: #3b3937; text-align: justify;} /*
            Titelformatierung auf einzelner Seite
            */ #fs-frame .fs-text .fs-title { box-sizing: border-box; border-bottom: 2px solid #3b3937; font-size: 18px; letter-spacing: 1px; margin-bottom: 5px; } /*
            
            */ #fs-frame .fs-text .fs-title:first-letter { font-size: 20px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            Untertitel/Abschnittstitel
            */ #fs-frame .fs-text .fs-subt, #fs-frame #fs-facts .fs-subt { font-size: 14px; text-align: right; letter-spacing: 1px; background: #3b3937; color: #fff; padding: 2px 5px; margin-bottom: 5px; } /*
            Post-It in der rechten oberen Ecke
            */ #fs-frame #fs-facts { box-sizing: border-box; width: 265px; height: 200px; overflow: auto; border-top: 5px solid #f4f2cc; border-bottom: 5px solid #f4f2cc; padding: 10px; background: #f4f2cc; color: #3b3937; position: absolute; top: -15px; left: 190px; transform: rotate(0deg); box-shadow: 2px 2px 2px #808080; } /*
            Fett, kursiv und unterstrichen
            */ #fs-frame #fs-main b, #fs-frame #fs-facts b, #fs-frame #fs-main i, #fs-frame #fs-facts i, #fs-frame #fs-main u, #fs-frame #fs-facts u { color: #c41616; letter-spacing: 1px; } /*
            Bild links oben
            */ #fs-frame #fs-pic { box-sizing: border-box; width: 170px; height: 170px; border-width: 10px 10px 30px 10px; border-color: #fff; border-style: solid; background: url('http://placehold.it/150x130/000/fff/') #000; position: absolute; top: 5px; left: 10px; transform: rotate(350deg); overflow: hidden; box-shadow: 2px 2px 2px #808080; } /*
            Linkformatierung in der Haupttextbox, in der linken Spalte und im Post-It
            */ #fs-frame #fs-main a, #fs-frame #fs-facts a, #fs-frame #fs-left a { color: #c41616 !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-main a:hover, #fs-frame #fs-facts a:hover, #fs-frame #fs-left a:hover { color: #f4f2cc !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #c41616; padding: 0px 2px; } /*
            Text rechts am Rand
            */ #fs-frame #fs-right { box-sizing: border-box; height: 20px; width: 580px; position: absolute; bottom: 10px; left: 460px; color: #f4ede6; font-size: 10px; transform-origin: 0 0; transform: rotate(270deg); overflow: hidden; } /*
            Text unten am Rand
            */ #fs-frame #fs-bottom { box-sizing: border-box; height: 20px; width: 440px; position: absolute; bottom: 0px; left: 20px; color: #f4ede6; font-size: 10px; text-align: center; overflow: hidden; } /*
            Links für Text am Rand (unten & rechts)
            */ #fs-frame #fs-right a, #fs-frame #fs-bottom a { color: #f4f2cc !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-right a:hover, #fs-frame #fs-bottom a:hover { color: #523410 !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #f4ede6; padding: 0px 2px; } /*
            Tabellenformatierung (Lebenslauf)
            */ #fs-frame .fs-table, #fs-frame .fs-table td { background: #f4ede6; color: #3b3937; border-collapse: collapse; border-bottom: 1px dotted #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-style: normal; font-size: 11px; line-height: 1.2; padding: 5px; } /*
            
            */ #fs-frame .fs-table td:nth-child(even) { border-left: 1px dotted #523410; }/*
            Webkit-Scrollbar (Große Textbox -> horizontale Scrollbar)
            */ #fs-frame #fs-main::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb { background: #523410; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb:vertical { width: 0px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar (einzelne "Seiten" in der großen Textbox -> vertikal)
             */ #fs-frame .fs-text::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-thumb { background: #3b3937; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar im gelben Post-It (vertikal)
            */ #fs-frame #fs-facts::-webkit-scrollbar { width: 5px; background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-thumb { background: #c41616; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-track { background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-corner { background: #f4f2cc; } /*
            */ .fs-credit { margin: 0 auto; box-sizing: border-box; width: 480px; padding: 2px 10px; font-family: 'Roboto Mono', "Courier New", monospace;  font-size: 11px; text-align: right; } /*
        */ </style>
]]>
Relations
Familie
Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander

Freunde

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander


Bekannte

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander


Feinde

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander


Erinnerungen

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander

Name
Information zu der Beziehung zu einander



Meine Begegnungen

Kurzer Text, ein paar Sätze zu dir .. tob dich aus

©| Das sind Auszüge aus dem Buch der Familie Winchester


thx.



Code:
</font><link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
        <div id="fs-frame">
            <div id="fs-tab">Relations</div>
            <div id="fs-left">
                <div class="fs-flip"><a href="#fam">Familie</a></div>
                <div class="fs-flip"><a href="#freu">Freunde</a></div>  
                <div class="fs-flip"><a href="#beka">Bekannte</a></div>  
                <div class="fs-flip"><a href="#fei">Feinde</a></div>
                <div class="fs-flip"><a href="#eri">Erinnerungen</a></div>
            </div>
            <div id="fs-main">
                <div class="fs-hor">
<div class="fs-page" id="fam">
                        <div class="fs-text">
                            <div class="fs-title">Familie</div>
[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

                        </div>
                    </div>
<div class="fs-page" id="freu">
                        <div class="fs-text">
                            <div class="fs-title">Freunde</div>
                            
[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

                        </div>
                    </div>

<div class="fs-page" id="beka">
                        <div class="fs-text">
                            <div class="fs-title">Bekannte</div>
                            
[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

                        </div>
                    </div>

<div class="fs-page" id="fei">
                        <div class="fs-text">
                            <div class="fs-title">Feinde</div>
                            
[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

                        </div>
                    </div>

<div class="fs-page" id="eri">
                        <div class="fs-text">
                            <div class="fs-title">Erinnerungen</div>
                            
[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

[b][u]Name[/u][/b]
Information zu der Beziehung zu einander

                        </div>
                    </div>

                    
                </div>
            </div>
            <div id="fs-facts">
                <div class="fs-subt">Meine Begegnungen</div>
                
Kurzer Text, ein paar Sätze zu dir .. tob dich aus
                      
            </div>
            <div id="fs-pic"></div>
            <div id="fs-bottom">&copy;| Das sind Auszüge aus dem Buch der Familie Winchester</div>


        </div>
        <div class="fs-credit"><a href="http://storming-gates.de/member.php?action=profile&uid=125" target="blank" title="coded by serendipity @ SG">thx.</a></div>
<style type="text/css"> /*
            ### "Error: unrecognized file format" ###
            ### coded by serendipity @ storming gates ###
            äußere Aktenmappe
            */ #fs-frame { margin: 0 auto; margin-top: 35px; box-sizing: border-box; width: 480px; height: 600px; position: relative; background: #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-size: 11px; line-height: 1.2; text-align: left; border-radius: 0px 15px 15px 15px; box-shadow: 2px 2px 2px #808080; position: relative; } /*
            Aktenverzeichnis (Name/Titel)
            */ #fs-frame:before { content: ""; width: 220px; height: 30px; border-radius: 10px 10px 0px 0px; position: absolute; top: -30px; left: 0px; background: #523410; } /*
            Listenformatierung (nur margin & padding angepasst)
            */ #fs-frame ul { margin: 10px; padding: 0px; } /*
            
            */ #fs-frame li { margin: 5px; padding: 0px; } /*
            Text (aka Titel) der Akte (oben links)
            */ #fs-frame #fs-tab { box-sizing: border-box; width: 220px; height: 30px; position: absolute; top: -30px; left: 0px; font-size: 15px; color: #f4ede6; padding: 5px 10px;  } /*
            Erster Buchstabe Formatierung im Aktentab (oben links)
            */ #fs-frame #fs-tab:first-letter { font-size: 17px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            linke Spalte, aka Pseudo-Aktentabs
            */ #fs-frame #fs-left { box-sizing: border-box; width: 400px; height: 20px; position: absolute; top: 166px; left: 50px; background: transparent; transform-origin: 0 0; transform: rotate(90deg); } /*
            einzelne "Pseudo-Tabs"
            */ #fs-frame .fs-flip { box-sizing: border-box; height: 20px; width: 100px; border-radius: 5px 5px 0px 0px; background: #f4ede6; color: #523410; display: inline-block; margin: 0px -6px 0px 0px; padding: 2px 3px; transform: rotate(180deg); box-shadow: -2px 2px 2px #808080; overflow: hidden; } /*
            Haupttextfeld - äußerer Rahmen
            */ #fs-frame #fs-main { box-sizing: border-box; width: 400px; height: 400px; position: absolute; top: 170px; left: 50px; background: #f4ede6; padding: 10px 0px; overflow: scroll; box-shadow: 2px 2px 2px #808080; } /*
            unsichtbare, Textbox, die so breit ist wie Seiten in der Akte, d.h. Y x 400px -> scrollt horizontal
            */ #fs-frame #fs-main .fs-hor { box-sizing: border-box; height: 380px; width: 1600px; display: table; background: #f4ede6;} /*
            einzelne Seite in der Akte
            */ #fs-frame .fs-page { box-sizing: border-box; width: 400px; height: 350px; display: table-cell; background: #f4ede6; padding: 0px; margin: 0px; } /*
            Text auf jeder einzelnen Seite - scrollt vertikal
            */ #fs-frame .fs-text { box-sizing: border-box; width: 400px; height: 380px; overflow: auto; background: #f4ede6; border-top: 5px solid #f4ede6; border-bottom: 5px solid #f4ede6; padding: 0px 20px; margin: 0px; font-size: 11px; color: #3b3937; text-align: justify;} /*
            Titelformatierung auf einzelner Seite
            */ #fs-frame .fs-text .fs-title { box-sizing: border-box; border-bottom: 2px solid #3b3937; font-size: 18px; letter-spacing: 1px; margin-bottom: 5px; } /*
            
            */ #fs-frame .fs-text .fs-title:first-letter { font-size: 20px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            Untertitel/Abschnittstitel
            */ #fs-frame .fs-text .fs-subt, #fs-frame #fs-facts .fs-subt { font-size: 14px; text-align: right; letter-spacing: 1px; background: #3b3937; color: #fff; padding: 2px 5px; margin-bottom: 5px; } /*
            Post-It in der rechten oberen Ecke
            */ #fs-frame #fs-facts { box-sizing: border-box; width: 265px; height: 200px; overflow: auto; border-top: 5px solid #f4f2cc; border-bottom: 5px solid #f4f2cc; padding: 10px; background: #f4f2cc; color: #3b3937; position: absolute; top: -15px; left: 190px; transform: rotate(0deg); box-shadow: 2px 2px 2px #808080; } /*
            Fett, kursiv und unterstrichen
            */ #fs-frame #fs-main b, #fs-frame #fs-facts b, #fs-frame #fs-main i, #fs-frame #fs-facts i, #fs-frame #fs-main u, #fs-frame #fs-facts u { color: #c41616; letter-spacing: 1px; } /*
            Bild links oben
            */ #fs-frame #fs-pic { box-sizing: border-box; width: 170px; height: 170px; border-width: 10px 10px 30px 10px; border-color: #fff; border-style: solid; background: url('http://placehold.it/150x130/000/fff/') #000; position: absolute; top: 5px; left: 10px; transform: rotate(350deg); overflow: hidden; box-shadow: 2px 2px 2px #808080; } /*
            Linkformatierung in der Haupttextbox, in der linken Spalte und im Post-It
            */ #fs-frame #fs-main a, #fs-frame #fs-facts a, #fs-frame #fs-left a { color: #c41616 !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-main a:hover, #fs-frame #fs-facts a:hover, #fs-frame #fs-left a:hover { color: #f4f2cc !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #c41616; padding: 0px 2px; } /*
            Text rechts am Rand
            */ #fs-frame #fs-right { box-sizing: border-box; height: 20px; width: 580px; position: absolute; bottom: 10px; left: 460px; color: #f4ede6; font-size: 10px; transform-origin: 0 0; transform: rotate(270deg); overflow: hidden; } /*
            Text unten am Rand
            */ #fs-frame #fs-bottom { box-sizing: border-box; height: 20px; width: 440px; position: absolute; bottom: 0px; left: 20px; color: #f4ede6; font-size: 10px; text-align: center; overflow: hidden; } /*
            Links für Text am Rand (unten & rechts)
            */ #fs-frame #fs-right a, #fs-frame #fs-bottom a { color: #f4f2cc !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-right a:hover, #fs-frame #fs-bottom a:hover { color: #523410 !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #f4ede6; padding: 0px 2px; } /*
            Tabellenformatierung (Lebenslauf)
            */ #fs-frame .fs-table, #fs-frame .fs-table td { background: #f4ede6; color: #3b3937; border-collapse: collapse; border-bottom: 1px dotted #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-style: normal; font-size: 11px; line-height: 1.2; padding: 5px; } /*
            
            */ #fs-frame .fs-table td:nth-child(even) { border-left: 1px dotted #523410; }/*
            Webkit-Scrollbar (Große Textbox -> horizontale Scrollbar)
            */ #fs-frame #fs-main::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb { background: #523410; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb:vertical { width: 0px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar (einzelne "Seiten" in der großen Textbox -> vertikal)
             */ #fs-frame .fs-text::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-thumb { background: #3b3937; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar im gelben Post-It (vertikal)
            */ #fs-frame #fs-facts::-webkit-scrollbar { width: 5px; background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-thumb { background: #c41616; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-track { background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-corner { background: #f4f2cc; } /*
            */ .fs-credit { margin: 0 auto; box-sizing: border-box; width: 480px; padding: 2px 10px; font-family: 'Roboto Mono', "Courier New", monospace;  font-size: 11px; text-align: right; } /*
        */ </style>
]]> <![CDATA[Steckbriefvorlage]]> https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=7059 Sat, 06 Apr 2019 17:14:46 +0200 https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=7059
Nachname, Vorname
Die Fahndungsbeschreibung
Äußere Erscheinung
Verrate uns wie du aussiehst. Haarfarbe, Augenfarbe, Größe, Gewicht.

Kleidungsstil
Was für Kleidung bevorzugst du? Hast du Lieblingsfarben oder besondere Kleidungsstücke die einfach immer wieder den Weg in deinen Kleiderschrank finden?

Merkmale
Besitzt du irgendwelche Merkmale an denen man dich erkennen kann? (Aufzählung reicht)

Duft
Haftet dir ein ganz eigener Duft an? Gibt es ein Parfum das du gern benutzt?

Psychologisches Gutachten

Charakterbeschreibung
Hier habt ihr zwei Möglichkeiten. Entweder ihr schreibt einen Fließtext oder ihr listet uns 10 Stärken und 10 Schwächen auf.
Wer will kann auch beides machen, dann reichen 5 Stärken bzw Schwächen.

Stärken
~
~
~
~
~

Schwächen
~
~
~
~
~

Vorlieben
~
~
~
~
~

Abneigungen
~
~
~
~
~



Geheime Notizen

Andere Gestalt
Besitzt du noch ein anderes Aussehen, dann beschreibe es uns bitte hier.


Fähigkeiten
Besitzt du besondere Fähigkeiten oder ähnliches?


Waffen & Ausrüstung
Besitzt du Waffen oder andere wichtige Ausrüstungsgegenstände?

Deine Laufbahn

Lebensgeschichte
Wir wollen natürlich wissen was dein Charakter bisher erlebt hat. Kindheit, Jugend.. alles was erwähnenswert und wichtig für den Charakter ist. Sachen die nicht bekannt sind könnt ihr euch gerne ausdenken.
Hier habt ihr folgende Varianten:
Fließtext, ausführliche Timeline oder "Wusstest du, dass ...."


Kindheit-
Schulzeit -
datetext
datetext
datetext
datetext
datetext

Charakterübersicht
Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Rasse, Beruf, Fähigkeit, Alter und was dir sonst noch wichtig erscheint.

Musterpost
Schreibt hier bitte einen Post in dem ihr die Schreibregeln des Boards beachtet.


Persönliche Daten
Name: Nachname
Vorname(n): Vorname
Spitzname(n): Spitzname
Alter: xx Jahre
Geburtstag: Datum
Geburtsort: Ort
Familienstand: Single, Verlobt...
Wesen: Was bist du?
Wohnort: Ort
Beruf: Arbeit X
Familie
Vater:
Mutter:
Geschwister:
Kinder:
Sonstige Angehörige:

Avatar | Ü-18 / Regeln gelesen | Zweitcharaktere | Stecki- & Setweitergabe
©| Das sind Auszüge aus dem Buch der Familie Winchester


thx.



Code:
</font><link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
        <div id="fs-frame">
            <div id="fs-tab">Nachname, Vorname</div>
            <div id="fs-left">
                <div class="fs-flip"><a href="#Verhoer">Aussehen</a></div>
                <div class="fs-flip"><a href="#Charakter">Charakter</a></div>  
                <div class="fs-flip"><a href="#Familie">Wesen</a></div>  
                <div class="fs-flip"><a href="#CV">Leben</a></div>
            </div>
            <div id="fs-main">
                <div class="fs-hor">
<div class="fs-page" id="Verhoer">
                        <div class="fs-text">
                            <div class="fs-title">Die Fahndungsbeschreibung</div>
<b>Äußere Erscheinung</b>
                           Verrate uns wie du aussiehst. Haarfarbe, Augenfarbe, Größe, Gewicht.

                            <b>Kleidungsstil</b>
Was für Kleidung bevorzugst du? Hast du Lieblingsfarben oder besondere Kleidungsstücke die einfach immer wieder den Weg in deinen Kleiderschrank finden?

                            <b>Merkmale</b>
Besitzt du irgendwelche Merkmale an denen man dich erkennen kann? (Aufzählung reicht)

                            <b>Duft</b>
Haftet dir ein ganz eigener Duft an? Gibt es ein Parfum das du gern benutzt?

                        </div>
                    </div>
<div class="fs-page" id="Charakter">
                        <div class="fs-text">
                            <div class="fs-title">Psychologisches Gutachten</div>
                            
<b> Charakterbeschreibung</b>
Hier habt ihr zwei Möglichkeiten. Entweder ihr schreibt einen Fließtext oder ihr listet uns 10 Stärken und 10 Schwächen auf.
Wer will kann auch beides machen, dann reichen 5 Stärken bzw Schwächen.

<b>Stärken</b>
~
~
~
~
~

<b>Schwächen</b>
~
~
~
~
~

<b>Vorlieben</b>
~
~
~
~
~

<b>Abneigungen</b>
~
~
~
~
~

                        </div>
                    </div>


                    <div class="fs-page" id="Familie">
                        <div class="fs-text">
                            <div class="fs-title">Geheime Notizen</div>
                            
                            <b>Andere Gestalt</b>
Besitzt du noch ein anderes Aussehen, dann beschreibe es uns bitte hier.


                            <b>Fähigkeiten</b>
Besitzt du besondere Fähigkeiten oder ähnliches?


                            <b>Waffen & Ausrüstung</b>
Besitzt du Waffen oder andere wichtige Ausrüstungsgegenstände?
                        </div>
                    </div>

                    <div class="fs-page" id="CV">
                        <div class="fs-text">
                            <div class="fs-title">Deine Laufbahn</div>

<b>Lebensgeschichte</b>
Wir wollen natürlich wissen was dein Charakter bisher erlebt hat. Kindheit, Jugend.. alles was erwähnenswert und wichtig für den Charakter ist. Sachen die nicht bekannt sind könnt ihr euch gerne ausdenken.
Hier habt ihr folgende Varianten:
Fließtext, ausführliche Timeline oder "Wusstest du, dass ...."

                            <table class="fs-table"><colgroup><col width="30%"><col width="70%"></colgroup>
<tr><td style="text-align: right;"><b>Kindheit</b></td><td>-</td></tr>
<tr><td style="text-align: right;"><b>Schulzeit </b></td><td>-</td>
<tr><td style="text-align: right;"><b>date</b></td><td>text</td></tr><tr><td style="text-align: right;"><b>date</b></td><td>text</td></tr>
                            <tr><td style="text-align: right;"><b>date</b></td><td>text</td></tr>
                            <tr><td style="text-align: right;"><b>date</b></td><td>text</td></tr>
                            <tr><td style="text-align: right;"><b>date</b></td><td>text</td></tr></table>

<b>Charakterübersicht</b>
Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Rasse, Beruf, Fähigkeit, Alter und was dir sonst noch wichtig erscheint.

<b>Musterpost</b>
Schreibt hier bitte einen Post in dem ihr die Schreibregeln des Boards beachtet.
                        </div>
                    </div>
                  
                    
                </div>
            </div>
            <div id="fs-facts">
                <div class="fs-subt">Persönliche Daten</div>
                <b>Name:</b> Nachname
                <b>Vorname(n):</b> Vorname
                <b>Spitzname(n):</b> Spitzname
                <b>Alter: </b>xx Jahre
                <b>Geburtstag:</b> Datum
                <b>Geburtsort:</b> Ort
                <hr>
                <b>Familienstand:</b> Single, Verlobt...
                <b>Wesen:</b> Was bist du?
                <b>Wohnort:</b> Ort
                <b>Beruf:</b> Arbeit X
                <hr>
                <b>Familie</b>
                <u>Vater:</u>
                <u>Mutter:</u>
                <u>Geschwister:</u>
                <u>Kinder:</u>  
                <u>Sonstige Angehörige:</u>
                      
            </div>
            <div id="fs-pic"></div>
            <div id="fs-right"> Avatar | Ü-18 / Regeln gelesen | Zweitcharaktere | Stecki- & Setweitergabe</div>
            <div id="fs-bottom">&copy;| Das sind Auszüge aus dem Buch der Familie Winchester</div>


        </div>
        <div class="fs-credit"><a href="http://storming-gates.de/member.php?action=profile&uid=125" target="blank" title="coded by serendipity @ SG">thx.</a></div>
<style type="text/css"> /*
            ### "Error: unrecognized file format" ###
            ### coded by serendipity @ storming gates ###
            äußere Aktenmappe
            */ #fs-frame { margin: 0 auto; margin-top: 35px; box-sizing: border-box; width: 480px; height: 600px; position: relative; background: #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-size: 11px; line-height: 1.2; text-align: left; border-radius: 0px 15px 15px 15px; box-shadow: 2px 2px 2px #808080; position: relative; } /*
            Aktenverzeichnis (Name/Titel)
            */ #fs-frame:before { content: ""; width: 220px; height: 30px; border-radius: 10px 10px 0px 0px; position: absolute; top: -30px; left: 0px; background: #523410; } /*
            Listenformatierung (nur margin & padding angepasst)
            */ #fs-frame ul { margin: 10px; padding: 0px; } /*
            
            */ #fs-frame li { margin: 5px; padding: 0px; } /*
            Text (aka Titel) der Akte (oben links)
            */ #fs-frame #fs-tab { box-sizing: border-box; width: 220px; height: 30px; position: absolute; top: -30px; left: 0px; font-size: 15px; color: #f4ede6; padding: 5px 10px;  } /*
            Erster Buchstabe Formatierung im Aktentab (oben links)
            */ #fs-frame #fs-tab:first-letter { font-size: 17px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            linke Spalte, aka Pseudo-Aktentabs
            */ #fs-frame #fs-left { box-sizing: border-box; width: 400px; height: 20px; position: absolute; top: 166px; left: 50px; background: transparent; transform-origin: 0 0; transform: rotate(90deg); } /*
            einzelne "Pseudo-Tabs"
            */ #fs-frame .fs-flip { box-sizing: border-box; height: 20px; width: 100px; border-radius: 5px 5px 0px 0px; background: #f4ede6; color: #523410; display: inline-block; margin: 0px -6px 0px 0px; padding: 2px 3px; transform: rotate(180deg); box-shadow: -2px 2px 2px #808080; overflow: hidden; } /*
            Haupttextfeld - äußerer Rahmen
            */ #fs-frame #fs-main { box-sizing: border-box; width: 400px; height: 400px; position: absolute; top: 170px; left: 50px; background: #f4ede6; padding: 10px 0px; overflow: scroll; box-shadow: 2px 2px 2px #808080; } /*
            unsichtbare, Textbox, die so breit ist wie Seiten in der Akte, d.h. Y x 400px -> scrollt horizontal
            */ #fs-frame #fs-main .fs-hor { box-sizing: border-box; height: 380px; width: 1600px; display: table; background: #f4ede6;} /*
            einzelne Seite in der Akte
            */ #fs-frame .fs-page { box-sizing: border-box; width: 400px; height: 350px; display: table-cell; background: #f4ede6; padding: 0px; margin: 0px; } /*
            Text auf jeder einzelnen Seite - scrollt vertikal
            */ #fs-frame .fs-text { box-sizing: border-box; width: 400px; height: 380px; overflow: auto; background: #f4ede6; border-top: 5px solid #f4ede6; border-bottom: 5px solid #f4ede6; padding: 0px 20px; margin: 0px; font-size: 11px; color: #3b3937; text-align: justify;} /*
            Titelformatierung auf einzelner Seite
            */ #fs-frame .fs-text .fs-title { box-sizing: border-box; border-bottom: 2px solid #3b3937; font-size: 18px; letter-spacing: 1px; margin-bottom: 5px; } /*
            
            */ #fs-frame .fs-text .fs-title:first-letter { font-size: 20px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            Untertitel/Abschnittstitel
            */ #fs-frame .fs-text .fs-subt, #fs-frame #fs-facts .fs-subt { font-size: 14px; text-align: right; letter-spacing: 1px; background: #3b3937; color: #fff; padding: 2px 5px; margin-bottom: 5px; } /*
            Post-It in der rechten oberen Ecke
            */ #fs-frame #fs-facts { box-sizing: border-box; width: 265px; height: 200px; overflow: auto; border-top: 5px solid #f4f2cc; border-bottom: 5px solid #f4f2cc; padding: 10px; background: #f4f2cc; color: #3b3937; position: absolute; top: -15px; left: 190px; transform: rotate(0deg); box-shadow: 2px 2px 2px #808080; } /*
            Fett, kursiv und unterstrichen
            */ #fs-frame #fs-main b, #fs-frame #fs-facts b, #fs-frame #fs-main i, #fs-frame #fs-facts i, #fs-frame #fs-main u, #fs-frame #fs-facts u { color: #c41616; letter-spacing: 1px; } /*
            Bild links oben
            */ #fs-frame #fs-pic { box-sizing: border-box; width: 170px; height: 170px; border-width: 10px 10px 30px 10px; border-color: #fff; border-style: solid; background: url('http://placehold.it/150x130/000/fff/') #000; position: absolute; top: 5px; left: 10px; transform: rotate(350deg); overflow: hidden; box-shadow: 2px 2px 2px #808080; } /*
            Linkformatierung in der Haupttextbox, in der linken Spalte und im Post-It
            */ #fs-frame #fs-main a, #fs-frame #fs-facts a, #fs-frame #fs-left a { color: #c41616 !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-main a:hover, #fs-frame #fs-facts a:hover, #fs-frame #fs-left a:hover { color: #f4f2cc !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #c41616; padding: 0px 2px; } /*
            Text rechts am Rand
            */ #fs-frame #fs-right { box-sizing: border-box; height: 20px; width: 580px; position: absolute; bottom: 10px; left: 460px; color: #f4ede6; font-size: 10px; transform-origin: 0 0; transform: rotate(270deg); overflow: hidden; } /*
            Text unten am Rand
            */ #fs-frame #fs-bottom { box-sizing: border-box; height: 20px; width: 440px; position: absolute; bottom: 0px; left: 20px; color: #f4ede6; font-size: 10px; text-align: center; overflow: hidden; } /*
            Links für Text am Rand (unten & rechts)
            */ #fs-frame #fs-right a, #fs-frame #fs-bottom a { color: #f4f2cc !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-right a:hover, #fs-frame #fs-bottom a:hover { color: #523410 !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #f4ede6; padding: 0px 2px; } /*
            Tabellenformatierung (Lebenslauf)
            */ #fs-frame .fs-table, #fs-frame .fs-table td { background: #f4ede6; color: #3b3937; border-collapse: collapse; border-bottom: 1px dotted #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-style: normal; font-size: 11px; line-height: 1.2; padding: 5px; } /*
            
            */ #fs-frame .fs-table td:nth-child(even) { border-left: 1px dotted #523410; }/*
            Webkit-Scrollbar (Große Textbox -> horizontale Scrollbar)
            */ #fs-frame #fs-main::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb { background: #523410; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb:vertical { width: 0px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar (einzelne "Seiten" in der großen Textbox -> vertikal)
             */ #fs-frame .fs-text::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-thumb { background: #3b3937; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar im gelben Post-It (vertikal)
            */ #fs-frame #fs-facts::-webkit-scrollbar { width: 5px; background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-thumb { background: #c41616; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-track { background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-corner { background: #f4f2cc; } /*
            */ .fs-credit { margin: 0 auto; box-sizing: border-box; width: 480px; padding: 2px 10px; font-family: 'Roboto Mono', "Courier New", monospace;  font-size: 11px; text-align: right; } /*
        */ </style>
]]>
Nachname, Vorname
Die Fahndungsbeschreibung
Äußere Erscheinung
Verrate uns wie du aussiehst. Haarfarbe, Augenfarbe, Größe, Gewicht.

Kleidungsstil
Was für Kleidung bevorzugst du? Hast du Lieblingsfarben oder besondere Kleidungsstücke die einfach immer wieder den Weg in deinen Kleiderschrank finden?

Merkmale
Besitzt du irgendwelche Merkmale an denen man dich erkennen kann? (Aufzählung reicht)

Duft
Haftet dir ein ganz eigener Duft an? Gibt es ein Parfum das du gern benutzt?

Psychologisches Gutachten

Charakterbeschreibung
Hier habt ihr zwei Möglichkeiten. Entweder ihr schreibt einen Fließtext oder ihr listet uns 10 Stärken und 10 Schwächen auf.
Wer will kann auch beides machen, dann reichen 5 Stärken bzw Schwächen.

Stärken
~
~
~
~
~

Schwächen
~
~
~
~
~

Vorlieben
~
~
~
~
~

Abneigungen
~
~
~
~
~



Geheime Notizen

Andere Gestalt
Besitzt du noch ein anderes Aussehen, dann beschreibe es uns bitte hier.


Fähigkeiten
Besitzt du besondere Fähigkeiten oder ähnliches?


Waffen & Ausrüstung
Besitzt du Waffen oder andere wichtige Ausrüstungsgegenstände?

Deine Laufbahn

Lebensgeschichte
Wir wollen natürlich wissen was dein Charakter bisher erlebt hat. Kindheit, Jugend.. alles was erwähnenswert und wichtig für den Charakter ist. Sachen die nicht bekannt sind könnt ihr euch gerne ausdenken.
Hier habt ihr folgende Varianten:
Fließtext, ausführliche Timeline oder "Wusstest du, dass ...."


Kindheit-
Schulzeit -
datetext
datetext
datetext
datetext
datetext

Charakterübersicht
Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Rasse, Beruf, Fähigkeit, Alter und was dir sonst noch wichtig erscheint.

Musterpost
Schreibt hier bitte einen Post in dem ihr die Schreibregeln des Boards beachtet.


Persönliche Daten
Name: Nachname
Vorname(n): Vorname
Spitzname(n): Spitzname
Alter: xx Jahre
Geburtstag: Datum
Geburtsort: Ort
Familienstand: Single, Verlobt...
Wesen: Was bist du?
Wohnort: Ort
Beruf: Arbeit X
Familie
Vater:
Mutter:
Geschwister:
Kinder:
Sonstige Angehörige:

Avatar | Ü-18 / Regeln gelesen | Zweitcharaktere | Stecki- & Setweitergabe
©| Das sind Auszüge aus dem Buch der Familie Winchester


thx.



Code:
</font><link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
        <div id="fs-frame">
            <div id="fs-tab">Nachname, Vorname</div>
            <div id="fs-left">
                <div class="fs-flip"><a href="#Verhoer">Aussehen</a></div>
                <div class="fs-flip"><a href="#Charakter">Charakter</a></div>  
                <div class="fs-flip"><a href="#Familie">Wesen</a></div>  
                <div class="fs-flip"><a href="#CV">Leben</a></div>
            </div>
            <div id="fs-main">
                <div class="fs-hor">
<div class="fs-page" id="Verhoer">
                        <div class="fs-text">
                            <div class="fs-title">Die Fahndungsbeschreibung</div>
<b>Äußere Erscheinung</b>
                           Verrate uns wie du aussiehst. Haarfarbe, Augenfarbe, Größe, Gewicht.

                            <b>Kleidungsstil</b>
Was für Kleidung bevorzugst du? Hast du Lieblingsfarben oder besondere Kleidungsstücke die einfach immer wieder den Weg in deinen Kleiderschrank finden?

                            <b>Merkmale</b>
Besitzt du irgendwelche Merkmale an denen man dich erkennen kann? (Aufzählung reicht)

                            <b>Duft</b>
Haftet dir ein ganz eigener Duft an? Gibt es ein Parfum das du gern benutzt?

                        </div>
                    </div>
<div class="fs-page" id="Charakter">
                        <div class="fs-text">
                            <div class="fs-title">Psychologisches Gutachten</div>
                            
<b> Charakterbeschreibung</b>
Hier habt ihr zwei Möglichkeiten. Entweder ihr schreibt einen Fließtext oder ihr listet uns 10 Stärken und 10 Schwächen auf.
Wer will kann auch beides machen, dann reichen 5 Stärken bzw Schwächen.

<b>Stärken</b>
~
~
~
~
~

<b>Schwächen</b>
~
~
~
~
~

<b>Vorlieben</b>
~
~
~
~
~

<b>Abneigungen</b>
~
~
~
~
~

                        </div>
                    </div>


                    <div class="fs-page" id="Familie">
                        <div class="fs-text">
                            <div class="fs-title">Geheime Notizen</div>
                            
                            <b>Andere Gestalt</b>
Besitzt du noch ein anderes Aussehen, dann beschreibe es uns bitte hier.


                            <b>Fähigkeiten</b>
Besitzt du besondere Fähigkeiten oder ähnliches?


                            <b>Waffen & Ausrüstung</b>
Besitzt du Waffen oder andere wichtige Ausrüstungsgegenstände?
                        </div>
                    </div>

                    <div class="fs-page" id="CV">
                        <div class="fs-text">
                            <div class="fs-title">Deine Laufbahn</div>

<b>Lebensgeschichte</b>
Wir wollen natürlich wissen was dein Charakter bisher erlebt hat. Kindheit, Jugend.. alles was erwähnenswert und wichtig für den Charakter ist. Sachen die nicht bekannt sind könnt ihr euch gerne ausdenken.
Hier habt ihr folgende Varianten:
Fließtext, ausführliche Timeline oder "Wusstest du, dass ...."

                            <table class="fs-table"><colgroup><col width="30%"><col width="70%"></colgroup>
<tr><td style="text-align: right;"><b>Kindheit</b></td><td>-</td></tr>
<tr><td style="text-align: right;"><b>Schulzeit </b></td><td>-</td>
<tr><td style="text-align: right;"><b>date</b></td><td>text</td></tr><tr><td style="text-align: right;"><b>date</b></td><td>text</td></tr>
                            <tr><td style="text-align: right;"><b>date</b></td><td>text</td></tr>
                            <tr><td style="text-align: right;"><b>date</b></td><td>text</td></tr>
                            <tr><td style="text-align: right;"><b>date</b></td><td>text</td></tr></table>

<b>Charakterübersicht</b>
Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Rasse, Beruf, Fähigkeit, Alter und was dir sonst noch wichtig erscheint.

<b>Musterpost</b>
Schreibt hier bitte einen Post in dem ihr die Schreibregeln des Boards beachtet.
                        </div>
                    </div>
                  
                    
                </div>
            </div>
            <div id="fs-facts">
                <div class="fs-subt">Persönliche Daten</div>
                <b>Name:</b> Nachname
                <b>Vorname(n):</b> Vorname
                <b>Spitzname(n):</b> Spitzname
                <b>Alter: </b>xx Jahre
                <b>Geburtstag:</b> Datum
                <b>Geburtsort:</b> Ort
                <hr>
                <b>Familienstand:</b> Single, Verlobt...
                <b>Wesen:</b> Was bist du?
                <b>Wohnort:</b> Ort
                <b>Beruf:</b> Arbeit X
                <hr>
                <b>Familie</b>
                <u>Vater:</u>
                <u>Mutter:</u>
                <u>Geschwister:</u>
                <u>Kinder:</u>  
                <u>Sonstige Angehörige:</u>
                      
            </div>
            <div id="fs-pic"></div>
            <div id="fs-right"> Avatar | Ü-18 / Regeln gelesen | Zweitcharaktere | Stecki- & Setweitergabe</div>
            <div id="fs-bottom">&copy;| Das sind Auszüge aus dem Buch der Familie Winchester</div>


        </div>
        <div class="fs-credit"><a href="http://storming-gates.de/member.php?action=profile&uid=125" target="blank" title="coded by serendipity @ SG">thx.</a></div>
<style type="text/css"> /*
            ### "Error: unrecognized file format" ###
            ### coded by serendipity @ storming gates ###
            äußere Aktenmappe
            */ #fs-frame { margin: 0 auto; margin-top: 35px; box-sizing: border-box; width: 480px; height: 600px; position: relative; background: #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-size: 11px; line-height: 1.2; text-align: left; border-radius: 0px 15px 15px 15px; box-shadow: 2px 2px 2px #808080; position: relative; } /*
            Aktenverzeichnis (Name/Titel)
            */ #fs-frame:before { content: ""; width: 220px; height: 30px; border-radius: 10px 10px 0px 0px; position: absolute; top: -30px; left: 0px; background: #523410; } /*
            Listenformatierung (nur margin & padding angepasst)
            */ #fs-frame ul { margin: 10px; padding: 0px; } /*
            
            */ #fs-frame li { margin: 5px; padding: 0px; } /*
            Text (aka Titel) der Akte (oben links)
            */ #fs-frame #fs-tab { box-sizing: border-box; width: 220px; height: 30px; position: absolute; top: -30px; left: 0px; font-size: 15px; color: #f4ede6; padding: 5px 10px;  } /*
            Erster Buchstabe Formatierung im Aktentab (oben links)
            */ #fs-frame #fs-tab:first-letter { font-size: 17px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            linke Spalte, aka Pseudo-Aktentabs
            */ #fs-frame #fs-left { box-sizing: border-box; width: 400px; height: 20px; position: absolute; top: 166px; left: 50px; background: transparent; transform-origin: 0 0; transform: rotate(90deg); } /*
            einzelne "Pseudo-Tabs"
            */ #fs-frame .fs-flip { box-sizing: border-box; height: 20px; width: 100px; border-radius: 5px 5px 0px 0px; background: #f4ede6; color: #523410; display: inline-block; margin: 0px -6px 0px 0px; padding: 2px 3px; transform: rotate(180deg); box-shadow: -2px 2px 2px #808080; overflow: hidden; } /*
            Haupttextfeld - äußerer Rahmen
            */ #fs-frame #fs-main { box-sizing: border-box; width: 400px; height: 400px; position: absolute; top: 170px; left: 50px; background: #f4ede6; padding: 10px 0px; overflow: scroll; box-shadow: 2px 2px 2px #808080; } /*
            unsichtbare, Textbox, die so breit ist wie Seiten in der Akte, d.h. Y x 400px -> scrollt horizontal
            */ #fs-frame #fs-main .fs-hor { box-sizing: border-box; height: 380px; width: 1600px; display: table; background: #f4ede6;} /*
            einzelne Seite in der Akte
            */ #fs-frame .fs-page { box-sizing: border-box; width: 400px; height: 350px; display: table-cell; background: #f4ede6; padding: 0px; margin: 0px; } /*
            Text auf jeder einzelnen Seite - scrollt vertikal
            */ #fs-frame .fs-text { box-sizing: border-box; width: 400px; height: 380px; overflow: auto; background: #f4ede6; border-top: 5px solid #f4ede6; border-bottom: 5px solid #f4ede6; padding: 0px 20px; margin: 0px; font-size: 11px; color: #3b3937; text-align: justify;} /*
            Titelformatierung auf einzelner Seite
            */ #fs-frame .fs-text .fs-title { box-sizing: border-box; border-bottom: 2px solid #3b3937; font-size: 18px; letter-spacing: 1px; margin-bottom: 5px; } /*
            
            */ #fs-frame .fs-text .fs-title:first-letter { font-size: 20px; font-weight: bold; color: #c41616; padding: 0px 1px; } /*
            Untertitel/Abschnittstitel
            */ #fs-frame .fs-text .fs-subt, #fs-frame #fs-facts .fs-subt { font-size: 14px; text-align: right; letter-spacing: 1px; background: #3b3937; color: #fff; padding: 2px 5px; margin-bottom: 5px; } /*
            Post-It in der rechten oberen Ecke
            */ #fs-frame #fs-facts { box-sizing: border-box; width: 265px; height: 200px; overflow: auto; border-top: 5px solid #f4f2cc; border-bottom: 5px solid #f4f2cc; padding: 10px; background: #f4f2cc; color: #3b3937; position: absolute; top: -15px; left: 190px; transform: rotate(0deg); box-shadow: 2px 2px 2px #808080; } /*
            Fett, kursiv und unterstrichen
            */ #fs-frame #fs-main b, #fs-frame #fs-facts b, #fs-frame #fs-main i, #fs-frame #fs-facts i, #fs-frame #fs-main u, #fs-frame #fs-facts u { color: #c41616; letter-spacing: 1px; } /*
            Bild links oben
            */ #fs-frame #fs-pic { box-sizing: border-box; width: 170px; height: 170px; border-width: 10px 10px 30px 10px; border-color: #fff; border-style: solid; background: url('http://placehold.it/150x130/000/fff/') #000; position: absolute; top: 5px; left: 10px; transform: rotate(350deg); overflow: hidden; box-shadow: 2px 2px 2px #808080; } /*
            Linkformatierung in der Haupttextbox, in der linken Spalte und im Post-It
            */ #fs-frame #fs-main a, #fs-frame #fs-facts a, #fs-frame #fs-left a { color: #c41616 !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-main a:hover, #fs-frame #fs-facts a:hover, #fs-frame #fs-left a:hover { color: #f4f2cc !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #c41616; padding: 0px 2px; } /*
            Text rechts am Rand
            */ #fs-frame #fs-right { box-sizing: border-box; height: 20px; width: 580px; position: absolute; bottom: 10px; left: 460px; color: #f4ede6; font-size: 10px; transform-origin: 0 0; transform: rotate(270deg); overflow: hidden; } /*
            Text unten am Rand
            */ #fs-frame #fs-bottom { box-sizing: border-box; height: 20px; width: 440px; position: absolute; bottom: 0px; left: 20px; color: #f4ede6; font-size: 10px; text-align: center; overflow: hidden; } /*
            Links für Text am Rand (unten & rechts)
            */ #fs-frame #fs-right a, #fs-frame #fs-bottom a { color: #f4f2cc !important; text-transform: uppercase; letter-spacing: 0px; font-weight: normal; text-decoration: none; background: transparent; padding: 0px 2px; } /*
            
            */ #fs-frame #fs-right a:hover, #fs-frame #fs-bottom a:hover { color: #523410 !important; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; text-decoration: none; background: #f4ede6; padding: 0px 2px; } /*
            Tabellenformatierung (Lebenslauf)
            */ #fs-frame .fs-table, #fs-frame .fs-table td { background: #f4ede6; color: #3b3937; border-collapse: collapse; border-bottom: 1px dotted #523410; font-family: 'Roboto Mono', "Courier New", monospace; font-style: normal; font-size: 11px; line-height: 1.2; padding: 5px; } /*
            
            */ #fs-frame .fs-table td:nth-child(even) { border-left: 1px dotted #523410; }/*
            Webkit-Scrollbar (Große Textbox -> horizontale Scrollbar)
            */ #fs-frame #fs-main::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb { background: #523410; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-thumb:vertical { width: 0px; background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame #fs-main::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar (einzelne "Seiten" in der großen Textbox -> vertikal)
             */ #fs-frame .fs-text::-webkit-scrollbar { height: 5px; width: 5px; background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-thumb { background: #3b3937; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-track { background: #f4ede6; } /*
            */ #fs-frame .fs-text::-webkit-scrollbar-corner { background: #f4ede6; } /*
            Webkit-Scrollbar im gelben Post-It (vertikal)
            */ #fs-frame #fs-facts::-webkit-scrollbar { width: 5px; background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-thumb { background: #c41616; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-track { background: #f4f2cc; } /*
            */ #fs-frame #fs-facts::-webkit-scrollbar-corner { background: #f4f2cc; } /*
            */ .fs-credit { margin: 0 auto; box-sizing: border-box; width: 480px; padding: 2px 10px; font-family: 'Roboto Mono', "Courier New", monospace;  font-size: 11px; text-align: right; } /*
        */ </style>
]]> <![CDATA[Vorlage für das Tagebuch]]> https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=5250 Tue, 01 May 2018 17:53:37 +0200 https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=5250


Mein Tagebuch
All das was mir bisher passiert ist...

Die Erinnerungen
an unsere gemeinsamen Abenteuer

Datum | Playpartner | Ort
Was hast du erlebt?

Datum | Playpartner | Ort
Was hast du erlebt?


THX



Code:
<link href='https://fonts.googleapis.com/css?family=Graduate' rel='stylesheet' type='text/css'><style type="text/css"> /*

--- LIKE WE ARE RENEGADES by rubyRED.DIAMOND @ Storming Gates

---- HINTERGRUND-BOX */ #r-steckbrief {width: 480px; height: 500px; background: #dedede; border: 10px solid #131b27; overflow: hidden; text-align: justify; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/1ibnfiY.png');} /*

---- HOVER */ #r-steckbrief #whitebox {width: 780px; height: 500px; position: relative; right: 330px; transition: 0.9s; float: left; transition-delay: 0.8s;} #r-steckbrief:hover #whitebox {right: 0px; transition: 0.9s;} /*

---- BILD */ #r-bild {width: 100px; height: 480px; float: left; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/end.png');} /*

---- RECHTE SEITE (SICHTBAR) */ .r-boxrechts {width: 430px; height: 480px; margin-left: 20px; float: right;} /*

---- TITEL & UNTERTITEL */ .r-titel {width: 330px; padding: 5px 15px; font-family: Graduate; font-size: 33px; line-height: 33px; color: #2a4163; font-weight: bold; text-transform: uppercase; text-align: center; float: right; margin-top: 140px; box-sizing: border-box;} .r-subtitel {width: 330px; font-family: Graduate; font-size: 12px; line-height: 12px; color: #41222b; text-transform: uppercase; text-align: center; float: right; box-sizing: border-box;} /*

---- STRICHE */ .r-titel:before, .r-subtitel:after {content:""; display: block; width: 200px; height: 1px; background: #41222b; margin: 20px auto;}  /*

---- LINKE SEITE (STECKI) */ .r-boxlinks {width: 330px; height: 480px; overflow: auto; background: #f6f6f6; padding: 20px 10px; float: left; box-sizing: border-box;} /*

---- SCROLLLEISTE */ .r-boxlinks.scroll::-webkit-scrollbar {width:6px;} .r-boxlinks.scroll::-webkit-scrollbar-track-piece {background-color:#dcdcdc;} .r-boxlinks.scroll::-webkit-scrollbar-thumb:vertical {height:10px; background-color:#122758;} /*

---- STECKBRIEF-KATEGORIE */ .r-kat {font-family: Graduate; font-size: 25px; color: #2a4163; font-weight: bold; text-transform: uppercase; border-bottom: 1px double #6f4f58; text-align: center; padding-bottom: 4px;} /*

---- KATEGORIE-BESCHREIBUNG */ .r-desc {width: 200px; background: #2a4163; font-family: calibri; font-size: 9px; color: #e8e8e8; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding: 2px 5px; margin: -8px auto 0px auto;} /*

---- TEXTBOX */ .r-textbox {background: #dedede; font-family: calibri; font-size: 12px; line-height: 13px; color: #161616; text-align: justify; padding: 10px;} /*

---- TEXTBOX BOLD */ .r-textbox b {color: #000000; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px #e8e8e8;} /*

---- STECKBRIEF-PUNKT (LINKS & RECHTS) */ .r-fact-l {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 8px; display: inline-block; margin: 3px 10px 3px 0px; float: left;} .r-fact-r {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 5px; display: inline-block; margin: 3px 0px 3px 10px; float: right;} /*

---- SHORTFACTS */ .r-shortfacts {background: #2a4163; font-family: arial; font-size: 9px; line-height: 12px; color: #161616; font-weight: bold; text-transform: uppercase; word-spacing: 2px; text-align: center; padding: 5px;} /*

--- CREDITS */ .creditrrd {font-family: calibri; font-size: 9px; color: #000000; font-weight: bold; display: inline;} #rrd {display: inline-block; border-style: solid; border-color: transparent transparent #4d0000 transparent; border-width: 0 3px 3px 3px; height: 0; width: 6px; position: relative; margin: 2px 0 6px 0;} #rrd:after {content: ""; position: absolute; position: absolute; top: 3px; left: -3px; width: 0; height: 0; border-style: solid; border-color: #4d0000 transparent transparent transparent; border-width: 9px 6px 0 6px;}</style>

<center>
<div id="r-steckbrief"><div id="whitebox">
<div class="r-boxrechts">
<div id="r-bild"></div>
<div class="r-titel">Mein Tagebuch</div>
<div class="r-subtitel">All das was mir bisher passiert ist...</div>
</div>

<div class="r-boxlinks scroll">
<div class="r-kat">Die Erinnerungen</div>
<div class="r-desc">an unsere gemeinsamen Abenteuer</div>

<div class="r-textbox"><div class="r-fact-l">Datum | Playpartner | Ort</div>
Was hast du erlebt?

<div class="r-fact-r">Datum | Playpartner | Ort</div>
Was hast du erlebt?

</div>

<div class="r-shortfacts"><div class="creditrrd">THX <a href="https://storming-gates.de/member.php?action=profile&uid=71" target="_blank"><div id="rrd"></div></a></div></div>

</div>
</div></div>
</center>
]]>


Mein Tagebuch
All das was mir bisher passiert ist...

Die Erinnerungen
an unsere gemeinsamen Abenteuer

Datum | Playpartner | Ort
Was hast du erlebt?

Datum | Playpartner | Ort
Was hast du erlebt?


THX



Code:
<link href='https://fonts.googleapis.com/css?family=Graduate' rel='stylesheet' type='text/css'><style type="text/css"> /*

--- LIKE WE ARE RENEGADES by rubyRED.DIAMOND @ Storming Gates

---- HINTERGRUND-BOX */ #r-steckbrief {width: 480px; height: 500px; background: #dedede; border: 10px solid #131b27; overflow: hidden; text-align: justify; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/1ibnfiY.png');} /*

---- HOVER */ #r-steckbrief #whitebox {width: 780px; height: 500px; position: relative; right: 330px; transition: 0.9s; float: left; transition-delay: 0.8s;} #r-steckbrief:hover #whitebox {right: 0px; transition: 0.9s;} /*

---- BILD */ #r-bild {width: 100px; height: 480px; float: left; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/end.png');} /*

---- RECHTE SEITE (SICHTBAR) */ .r-boxrechts {width: 430px; height: 480px; margin-left: 20px; float: right;} /*

---- TITEL & UNTERTITEL */ .r-titel {width: 330px; padding: 5px 15px; font-family: Graduate; font-size: 33px; line-height: 33px; color: #2a4163; font-weight: bold; text-transform: uppercase; text-align: center; float: right; margin-top: 140px; box-sizing: border-box;} .r-subtitel {width: 330px; font-family: Graduate; font-size: 12px; line-height: 12px; color: #41222b; text-transform: uppercase; text-align: center; float: right; box-sizing: border-box;} /*

---- STRICHE */ .r-titel:before, .r-subtitel:after {content:""; display: block; width: 200px; height: 1px; background: #41222b; margin: 20px auto;}  /*

---- LINKE SEITE (STECKI) */ .r-boxlinks {width: 330px; height: 480px; overflow: auto; background: #f6f6f6; padding: 20px 10px; float: left; box-sizing: border-box;} /*

---- SCROLLLEISTE */ .r-boxlinks.scroll::-webkit-scrollbar {width:6px;} .r-boxlinks.scroll::-webkit-scrollbar-track-piece {background-color:#dcdcdc;} .r-boxlinks.scroll::-webkit-scrollbar-thumb:vertical {height:10px; background-color:#122758;} /*

---- STECKBRIEF-KATEGORIE */ .r-kat {font-family: Graduate; font-size: 25px; color: #2a4163; font-weight: bold; text-transform: uppercase; border-bottom: 1px double #6f4f58; text-align: center; padding-bottom: 4px;} /*

---- KATEGORIE-BESCHREIBUNG */ .r-desc {width: 200px; background: #2a4163; font-family: calibri; font-size: 9px; color: #e8e8e8; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding: 2px 5px; margin: -8px auto 0px auto;} /*

---- TEXTBOX */ .r-textbox {background: #dedede; font-family: calibri; font-size: 12px; line-height: 13px; color: #161616; text-align: justify; padding: 10px;} /*

---- TEXTBOX BOLD */ .r-textbox b {color: #000000; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px #e8e8e8;} /*

---- STECKBRIEF-PUNKT (LINKS & RECHTS) */ .r-fact-l {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 8px; display: inline-block; margin: 3px 10px 3px 0px; float: left;} .r-fact-r {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 5px; display: inline-block; margin: 3px 0px 3px 10px; float: right;} /*

---- SHORTFACTS */ .r-shortfacts {background: #2a4163; font-family: arial; font-size: 9px; line-height: 12px; color: #161616; font-weight: bold; text-transform: uppercase; word-spacing: 2px; text-align: center; padding: 5px;} /*

--- CREDITS */ .creditrrd {font-family: calibri; font-size: 9px; color: #000000; font-weight: bold; display: inline;} #rrd {display: inline-block; border-style: solid; border-color: transparent transparent #4d0000 transparent; border-width: 0 3px 3px 3px; height: 0; width: 6px; position: relative; margin: 2px 0 6px 0;} #rrd:after {content: ""; position: absolute; position: absolute; top: 3px; left: -3px; width: 0; height: 0; border-style: solid; border-color: #4d0000 transparent transparent transparent; border-width: 9px 6px 0 6px;}</style>

<center>
<div id="r-steckbrief"><div id="whitebox">
<div class="r-boxrechts">
<div id="r-bild"></div>
<div class="r-titel">Mein Tagebuch</div>
<div class="r-subtitel">All das was mir bisher passiert ist...</div>
</div>

<div class="r-boxlinks scroll">
<div class="r-kat">Die Erinnerungen</div>
<div class="r-desc">an unsere gemeinsamen Abenteuer</div>

<div class="r-textbox"><div class="r-fact-l">Datum | Playpartner | Ort</div>
Was hast du erlebt?

<div class="r-fact-r">Datum | Playpartner | Ort</div>
Was hast du erlebt?

</div>

<div class="r-shortfacts"><div class="creditrrd">THX <a href="https://storming-gates.de/member.php?action=profile&uid=71" target="_blank"><div id="rrd"></div></a></div></div>

</div>
</div></div>
</center>
]]> <![CDATA[Vorlage für Relations]]> https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=5249 Tue, 01 May 2018 17:41:22 +0200 https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=5249


Wegbegleiter
All jene die ich traf...

Die Familie
Diejenigen die von Beginn an dabei sind

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.


Freunde
Die Personen auf die ich mich immer verlassen kann

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.


Bekanntschaften
Flüchtige Begegnungen aus denen vielleicht mehr werden kann

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.


Feinde
Rivaliäten? Fehden.. Leute mit denen ich es nicht einfach habe

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.


Erinnerungen
Diejenigen die nicht mehr an meiner Seite weilen

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.


THX




Code:
<link href='https://fonts.googleapis.com/css?family=Graduate' rel='stylesheet' type='text/css'><style type="text/css"> /*

--- LIKE WE ARE RENEGADES by rubyRED.DIAMOND @ Storming Gates

---- HINTERGRUND-BOX */ #r-steckbrief {width: 480px; height: 500px; background: #dedede; border: 10px solid #131b27; overflow: hidden; text-align: justify; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/1ibnfiY.png');} /*

---- HOVER */ #r-steckbrief #whitebox {width: 780px; height: 500px; position: relative; right: 330px; transition: 0.9s; float: left; transition-delay: 0.8s;} #r-steckbrief:hover #whitebox {right: 0px; transition: 0.9s;} /*

---- BILD */ #r-bild {width: 100px; height: 480px; float: left; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/end.png');} /*

---- RECHTE SEITE (SICHTBAR) */ .r-boxrechts {width: 430px; height: 480px; margin-left: 20px; float: right;} /*

---- TITEL & UNTERTITEL */ .r-titel {width: 330px; padding: 5px 15px; font-family: Graduate; font-size: 33px; line-height: 33px; color: #2a4163; font-weight: bold; text-transform: uppercase; text-align: center; float: right; margin-top: 140px; box-sizing: border-box;} .r-subtitel {width: 330px; font-family: Graduate; font-size: 12px; line-height: 12px; color: #41222b; text-transform: uppercase; text-align: center; float: right; box-sizing: border-box;} /*

---- STRICHE */ .r-titel:before, .r-subtitel:after {content:""; display: block; width: 200px; height: 1px; background: #41222b; margin: 20px auto;}  /*

---- LINKE SEITE (STECKI) */ .r-boxlinks {width: 330px; height: 480px; overflow: auto; background: #f6f6f6; padding: 20px 10px; float: left; box-sizing: border-box;} /*

---- SCROLLLEISTE */ .r-boxlinks.scroll::-webkit-scrollbar {width:6px;} .r-boxlinks.scroll::-webkit-scrollbar-track-piece {background-color:#dcdcdc;} .r-boxlinks.scroll::-webkit-scrollbar-thumb:vertical {height:10px; background-color:#122758;} /*

---- STECKBRIEF-KATEGORIE */ .r-kat {font-family: Graduate; font-size: 25px; color: #2a4163; font-weight: bold; text-transform: uppercase; border-bottom: 1px double #6f4f58; text-align: center; padding-bottom: 4px;} /*

---- KATEGORIE-BESCHREIBUNG */ .r-desc {width: 200px; background: #2a4163; font-family: calibri; font-size: 9px; color: #e8e8e8; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding: 2px 5px; margin: -8px auto 0px auto;} /*

---- TEXTBOX */ .r-textbox {background: #dedede; font-family: calibri; font-size: 12px; line-height: 13px; color: #161616; text-align: justify; padding: 10px;} /*

---- TEXTBOX BOLD */ .r-textbox b {color: #000000; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px #e8e8e8;} /*

---- STECKBRIEF-PUNKT (LINKS & RECHTS) */ .r-fact-l {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 8px; display: inline-block; margin: 3px 10px 3px 0px; float: left;} .r-fact-r {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 5px; display: inline-block; margin: 3px 0px 3px 10px; float: right;} /*

---- SHORTFACTS */ .r-shortfacts {background: #2a4163; font-family: arial; font-size: 9px; line-height: 12px; color: #161616; font-weight: bold; text-transform: uppercase; word-spacing: 2px; text-align: center; padding: 5px;} /*

--- CREDITS */ .creditrrd {font-family: calibri; font-size: 9px; color: #000000; font-weight: bold; display: inline;} #rrd {display: inline-block; border-style: solid; border-color: transparent transparent #4d0000 transparent; border-width: 0 3px 3px 3px; height: 0; width: 6px; position: relative; margin: 2px 0 6px 0;} #rrd:after {content: ""; position: absolute; position: absolute; top: 3px; left: -3px; width: 0; height: 0; border-style: solid; border-color: #4d0000 transparent transparent transparent; border-width: 9px 6px 0 6px;}</style>

<center>
<div id="r-steckbrief"><div id="whitebox">
<div class="r-boxrechts">
<div id="r-bild"></div>
<div class="r-titel">Wegbegleiter</div>
<div class="r-subtitel">All jene die ich traf...</div>
</div>

<div class="r-boxlinks scroll">
<div class="r-kat">Die Familie</div>
<div class="r-desc">Diejenigen die von Beginn an dabei sind</div>

<div class="r-textbox"><div class="r-fact-l">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

<div class="r-fact-r">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

</div>

<div class="r-kat">Freunde</div>
<div class="r-desc">Die Personen auf die  ich mich immer verlassen kann</div>

<div class="r-textbox"><div class="r-fact-l">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

<div class="r-fact-r">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

</div>

<div class="r-kat">Bekanntschaften</div>
<div class="r-desc">Flüchtige Begegnungen aus denen vielleicht mehr werden kann</div>

<div class="r-textbox"><div class="r-fact-l">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

<div class="r-fact-r">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

</div>

<div class="r-kat">Feinde</div>
<div class="r-desc">Rivaliäten? Fehden.. Leute mit denen ich es nicht einfach habe</div>

<div class="r-textbox"><div class="r-fact-l">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

<div class="r-fact-r">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

</div>

<div class="r-kat">Erinnerungen</div>
<div class="r-desc">Diejenigen die nicht mehr an meiner Seite weilen</div>

<div class="r-textbox"><div class="r-fact-l">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

<div class="r-fact-r">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

</div>

<div class="r-shortfacts"><div class="creditrrd">THX <a href="https://storming-gates.de/member.php?action=profile&uid=71" target="_blank"><div id="rrd"></div></a></div></div>

</div>
</div></div>
</center>
]]>


Wegbegleiter
All jene die ich traf...

Die Familie
Diejenigen die von Beginn an dabei sind

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.


Freunde
Die Personen auf die ich mich immer verlassen kann

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.


Bekanntschaften
Flüchtige Begegnungen aus denen vielleicht mehr werden kann

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.


Feinde
Rivaliäten? Fehden.. Leute mit denen ich es nicht einfach habe

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.


Erinnerungen
Diejenigen die nicht mehr an meiner Seite weilen

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.

Name | Alter | Abstammung
Erzähle uns etwas über euer Verhältnis zu einander.


THX




Code:
<link href='https://fonts.googleapis.com/css?family=Graduate' rel='stylesheet' type='text/css'><style type="text/css"> /*

--- LIKE WE ARE RENEGADES by rubyRED.DIAMOND @ Storming Gates

---- HINTERGRUND-BOX */ #r-steckbrief {width: 480px; height: 500px; background: #dedede; border: 10px solid #131b27; overflow: hidden; text-align: justify; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/1ibnfiY.png');} /*

---- HOVER */ #r-steckbrief #whitebox {width: 780px; height: 500px; position: relative; right: 330px; transition: 0.9s; float: left; transition-delay: 0.8s;} #r-steckbrief:hover #whitebox {right: 0px; transition: 0.9s;} /*

---- BILD */ #r-bild {width: 100px; height: 480px; float: left; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/end.png');} /*

---- RECHTE SEITE (SICHTBAR) */ .r-boxrechts {width: 430px; height: 480px; margin-left: 20px; float: right;} /*

---- TITEL & UNTERTITEL */ .r-titel {width: 330px; padding: 5px 15px; font-family: Graduate; font-size: 33px; line-height: 33px; color: #2a4163; font-weight: bold; text-transform: uppercase; text-align: center; float: right; margin-top: 140px; box-sizing: border-box;} .r-subtitel {width: 330px; font-family: Graduate; font-size: 12px; line-height: 12px; color: #41222b; text-transform: uppercase; text-align: center; float: right; box-sizing: border-box;} /*

---- STRICHE */ .r-titel:before, .r-subtitel:after {content:""; display: block; width: 200px; height: 1px; background: #41222b; margin: 20px auto;}  /*

---- LINKE SEITE (STECKI) */ .r-boxlinks {width: 330px; height: 480px; overflow: auto; background: #f6f6f6; padding: 20px 10px; float: left; box-sizing: border-box;} /*

---- SCROLLLEISTE */ .r-boxlinks.scroll::-webkit-scrollbar {width:6px;} .r-boxlinks.scroll::-webkit-scrollbar-track-piece {background-color:#dcdcdc;} .r-boxlinks.scroll::-webkit-scrollbar-thumb:vertical {height:10px; background-color:#122758;} /*

---- STECKBRIEF-KATEGORIE */ .r-kat {font-family: Graduate; font-size: 25px; color: #2a4163; font-weight: bold; text-transform: uppercase; border-bottom: 1px double #6f4f58; text-align: center; padding-bottom: 4px;} /*

---- KATEGORIE-BESCHREIBUNG */ .r-desc {width: 200px; background: #2a4163; font-family: calibri; font-size: 9px; color: #e8e8e8; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding: 2px 5px; margin: -8px auto 0px auto;} /*

---- TEXTBOX */ .r-textbox {background: #dedede; font-family: calibri; font-size: 12px; line-height: 13px; color: #161616; text-align: justify; padding: 10px;} /*

---- TEXTBOX BOLD */ .r-textbox b {color: #000000; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px #e8e8e8;} /*

---- STECKBRIEF-PUNKT (LINKS & RECHTS) */ .r-fact-l {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 8px; display: inline-block; margin: 3px 10px 3px 0px; float: left;} .r-fact-r {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 5px; display: inline-block; margin: 3px 0px 3px 10px; float: right;} /*

---- SHORTFACTS */ .r-shortfacts {background: #2a4163; font-family: arial; font-size: 9px; line-height: 12px; color: #161616; font-weight: bold; text-transform: uppercase; word-spacing: 2px; text-align: center; padding: 5px;} /*

--- CREDITS */ .creditrrd {font-family: calibri; font-size: 9px; color: #000000; font-weight: bold; display: inline;} #rrd {display: inline-block; border-style: solid; border-color: transparent transparent #4d0000 transparent; border-width: 0 3px 3px 3px; height: 0; width: 6px; position: relative; margin: 2px 0 6px 0;} #rrd:after {content: ""; position: absolute; position: absolute; top: 3px; left: -3px; width: 0; height: 0; border-style: solid; border-color: #4d0000 transparent transparent transparent; border-width: 9px 6px 0 6px;}</style>

<center>
<div id="r-steckbrief"><div id="whitebox">
<div class="r-boxrechts">
<div id="r-bild"></div>
<div class="r-titel">Wegbegleiter</div>
<div class="r-subtitel">All jene die ich traf...</div>
</div>

<div class="r-boxlinks scroll">
<div class="r-kat">Die Familie</div>
<div class="r-desc">Diejenigen die von Beginn an dabei sind</div>

<div class="r-textbox"><div class="r-fact-l">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

<div class="r-fact-r">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

</div>

<div class="r-kat">Freunde</div>
<div class="r-desc">Die Personen auf die  ich mich immer verlassen kann</div>

<div class="r-textbox"><div class="r-fact-l">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

<div class="r-fact-r">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

</div>

<div class="r-kat">Bekanntschaften</div>
<div class="r-desc">Flüchtige Begegnungen aus denen vielleicht mehr werden kann</div>

<div class="r-textbox"><div class="r-fact-l">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

<div class="r-fact-r">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

</div>

<div class="r-kat">Feinde</div>
<div class="r-desc">Rivaliäten? Fehden.. Leute mit denen ich es nicht einfach habe</div>

<div class="r-textbox"><div class="r-fact-l">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

<div class="r-fact-r">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

</div>

<div class="r-kat">Erinnerungen</div>
<div class="r-desc">Diejenigen die nicht mehr an meiner Seite weilen</div>

<div class="r-textbox"><div class="r-fact-l">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

<div class="r-fact-r">Name | Alter | Abstammung</div>
Erzähle uns etwas über euer Verhältnis zu einander.

</div>

<div class="r-shortfacts"><div class="creditrrd">THX <a href="https://storming-gates.de/member.php?action=profile&uid=71" target="_blank"><div id="rrd"></div></a></div></div>

</div>
</div></div>
</center>
]]> <![CDATA[Steckbriefvorlage]]> https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=5248 Tue, 01 May 2018 17:40:43 +0200 https://wonderland.stecktvollergeheimnisse.de/showthread.php?tid=5248


CHARAKTERNAME
Kind von ....

Persönliche Daten
Das wichtigste zuerst

Name:

Alter & Geburtstag:

Geburtsort:

Rasse:

Status:

Beruf:

Familie:
Vater: Name | Alter | Beruf | Beziehung
Mutter: Name | Alter | Beruf | Beziehung
Geschwister: Name | Alter | Beruf | Beziehung
Kinder: Name | Alter | Beruf | Beziehung
Sonstige Angehörige: Name | Alter | Beruf | Beziehung

Dein Spiegelbild
Der Eindruck den du auf andere machst

Aussehen
Verrate uns wie du aussiehts. Haarfarbe, Augenfarbe, Größe, Gewicht.

Kleidungsstil
Was für Kleidung bevorzugst du? Hast du Lieblingsfarben oder besondere Kleidungsstücke die einfach immer wieder den Weg in deinen Kleiderschrank finden?

Merkmale
Besitzt du irgendwelche Merkmale an denen man dich erkennen kann?

Duft
Haftet dir ein ganz eigener Duft an? Gibt es ein Parfum das du gern benutzt?


Charakter
Wie sieht es in deinem Innern aus

Charakter
Hier habt ihr zwei Möglichkeiten. Entweder ihr schreibt einen Fließtext oder ihr listet uns 10 Stärken und 10 Schwächen auf.
Wer will kann auch beides machen, dann reichen 5 Stärken bzw Schwächen.

Stärken
» PUNKT » PUNKT » PUNKT » PUNKT » PUNKT

Schwächen
» PUNKT » PUNKT » PUNKT » PUNKT » PUNKT

Vorlieben
» PUNKT » PUNKT » PUNKT » PUNKT » PUNKT

Abneigungen
» PUNKT » PUNKT » PUNKT » PUNKT » PUNKT

Campleben
Was zeichnet dich aus?

Fähigkeit
Name der Fähigkeit
Beschreibe deine Fähigkeit doch einfach mal ein bisschen näher, was genau kann dein Charakter eigentlich bewirken. (Achtung: Das Team behält sich hier das Recht vor, dass Fähigkeiten gemildert werden müssen, wenn sie zu hart werden.

Waffe
Schwert/Bogen/Peitsche/Fächer/Speer.... Mit welcher Waffe kannst du am besten umgehen? Welche Waffe liegt dir überhaupt nicht? Und wie sieht es im Nahkampf aus?

Sonstiges
Wurde dein Charakter schon von seinem göttlichen Elternteil anerkannt? Gibt es sonst noch Wissenswertes über sein Leben im Camp? Hier kannst du dazu etwas schreiben. Ansonsten bitte herauslöschen.

Das ist dein Leben
Erzähle uns was du erlebt hast

Lebenslauf
Wir wollen natürlich wissen was dein Charakter bisher erlebt hat. Kindheit, Jugend.. alles was erwähnenswert und wichtig für den Charakter ist. Sachen die nicht bekannt sind könnt ihr euch gerne ausdenken.
Hier habt ihr folgende Varianten:
Fließtext, ausführliche Timeline oder "Wusstest du, dass ...."

Musterpost
Schreibt hier bitte einen Post in dem ihr die Schreibregeln des Boards beachtet.

Plotidee
Hast du einen besonderen Handlungsstrang den du mit deinem Chara aufgreifen möchtest? Einen Wunsch oder eine Idee wie du ihn gern ins Play bekommen magst?

Charakterübersicht
Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Rasse, Abstammung, Fähigkeit, Alter und was dir sonst noch wichtig erscheint.
Avatarperson: xxx › Regeln gelesen: xxx › Über 18: xxx › Zweitchara: xxx›
THX




Code:
<link href='https://fonts.googleapis.com/css?family=Graduate' rel='stylesheet' type='text/css'><style type="text/css"> /*

--- LIKE WE ARE RENEGADES by rubyRED.DIAMOND @ Storming Gates

---- HINTERGRUND-BOX */ #r-steckbrief {width: 480px; height: 500px; background: #dedede; border: 10px solid #131b27; overflow: hidden; text-align: justify; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/1ibnfiY.png');} /*

---- HOVER */ #r-steckbrief #whitebox {width: 780px; height: 500px; position: relative; right: 330px; transition: 0.9s; float: left; transition-delay: 0.8s;} #r-steckbrief:hover #whitebox {right: 0px; transition: 0.9s;} /*

---- BILD */ #r-bild {width: 100px; height: 480px; float: left; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/end.png');} /*

---- RECHTE SEITE (SICHTBAR) */ .r-boxrechts {width: 430px; height: 480px; margin-left: 20px; float: right;} /*

---- TITEL & UNTERTITEL */ .r-titel {width: 330px; padding: 5px 15px; font-family: Graduate; font-size: 33px; line-height: 33px; color: #2a4163; font-weight: bold; text-transform: uppercase; text-align: center; float: right; margin-top: 140px; box-sizing: border-box;} .r-subtitel {width: 330px; font-family: Graduate; font-size: 12px; line-height: 12px; color: #41222b; text-transform: uppercase; text-align: center; float: right; box-sizing: border-box;} /*

---- STRICHE */ .r-titel:before, .r-subtitel:after {content:""; display: block; width: 200px; height: 1px; background: #41222b; margin: 20px auto;}  /*

---- LINKE SEITE (STECKI) */ .r-boxlinks {width: 330px; height: 480px; overflow: auto; background: #f6f6f6; padding: 20px 10px; float: left; box-sizing: border-box;} /*

---- SCROLLLEISTE */ .r-boxlinks.scroll::-webkit-scrollbar {width:6px;} .r-boxlinks.scroll::-webkit-scrollbar-track-piece {background-color:#dcdcdc;} .r-boxlinks.scroll::-webkit-scrollbar-thumb:vertical {height:10px; background-color:#122758;} /*

---- STECKBRIEF-KATEGORIE */ .r-kat {font-family: Graduate; font-size: 25px; color: #2a4163; font-weight: bold; text-transform: uppercase; border-bottom: 1px double #6f4f58; text-align: center; padding-bottom: 4px;} /*

---- KATEGORIE-BESCHREIBUNG */ .r-desc {width: 200px; background: #2a4163; font-family: calibri; font-size: 9px; color: #e8e8e8; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding: 2px 5px; margin: -8px auto 0px auto;} /*

---- TEXTBOX */ .r-textbox {background: #dedede; font-family: calibri; font-size: 12px; line-height: 13px; color: #161616; text-align: justify; padding: 10px;} /*

---- TEXTBOX BOLD */ .r-textbox b {color: #000000; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px #e8e8e8;} /*

---- STECKBRIEF-PUNKT (LINKS & RECHTS) */ .r-fact-l {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 8px; display: inline-block; margin: 3px 10px 3px 0px; float: left;} .r-fact-r {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 5px; display: inline-block; margin: 3px 0px 3px 10px; float: right;} /*

---- SHORTFACTS */ .r-shortfacts {background: #2a4163; font-family: arial; font-size: 9px; line-height: 12px; color: #161616; font-weight: bold; text-transform: uppercase; word-spacing: 2px; text-align: center; padding: 5px;} /*

--- CREDITS */ .creditrrd {font-family: calibri; font-size: 9px; color: #000000; font-weight: bold; display: inline;} #rrd {display: inline-block; border-style: solid; border-color: transparent transparent #4d0000 transparent; border-width: 0 3px 3px 3px; height: 0; width: 6px; position: relative; margin: 2px 0 6px 0;} #rrd:after {content: ""; position: absolute; position: absolute; top: 3px; left: -3px; width: 0; height: 0; border-style: solid; border-color: #4d0000 transparent transparent transparent; border-width: 9px 6px 0 6px;}</style>

<center>
<div id="r-steckbrief"><div id="whitebox">
<div class="r-boxrechts">
<div id="r-bild"></div>
<div class="r-titel">CHARAKTERNAME</div>
<div class="r-subtitel">Kind von ....</div>
</div>

<div class="r-boxlinks scroll">
<div class="r-kat">Persönliche Daten</div>
<div class="r-desc">Das wichtigste zuerst</div>

<div class="r-textbox"><div class="r-fact-l">Name:</div>

<div class="r-fact-r">Alter & Geburtstag:</div>

<div class="r-fact-l">Geburtsort:</div>

<div class="r-fact-r">Rasse:</div>

<div class="r-fact-l">Status:</div>

<div class="r-fact-r">Beruf:</div>

<div class="r-fact-l">Familie:</div>
Vater: Name | Alter | Beruf | Beziehung
Mutter: Name | Alter | Beruf | Beziehung
Geschwister: Name | Alter | Beruf | Beziehung
Kinder: Name | Alter | Beruf | Beziehung
Sonstige Angehörige: Name | Alter | Beruf | Beziehung
</div>

<div class="r-kat">Dein Spiegelbild</div>
<div class="r-desc">Der Eindruck den du auf andere machst</div>

<div class="r-textbox"><div class="r-fact-l">Aussehen</div>
Verrate uns wie du aussiehts. Haarfarbe, Augenfarbe, Größe, Gewicht.

<div class="r-fact-r">Kleidungsstil</div>
Was für Kleidung bevorzugst du? Hast du Lieblingsfarben oder besondere Kleidungsstücke die einfach immer wieder den Weg in deinen Kleiderschrank finden?

<div class="r-textbox"><div class="r-fact-l">Merkmale</div>
Besitzt du irgendwelche Merkmale an denen man dich erkennen kann?  

<div class="r-fact-r">Duft</div>
Haftet dir ein ganz eigener Duft an? Gibt es ein Parfum das du gern benutzt?

</div>

<div class="r-kat">Charakter</div>
<div class="r-desc">Wie sieht es in deinem Innern aus</div>

<div class="r-textbox"><div class="r-fact-l">Charakter</div> Hier habt ihr zwei Möglichkeiten. Entweder ihr schreibt einen Fließtext oder ihr listet uns 10 Stärken und 10 Schwächen auf.
Wer will kann auch beides machen, dann reichen 5 Stärken bzw Schwächen.

<div class="r-fact-r">Stärken</div> <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT

<div class="r-fact-l">Schwächen</div> <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT

<div class="r-fact-r">Vorlieben</div> <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT

<div class="r-fact-l">Abneigungen</div> <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT </div>

<div class="r-kat">Campleben</div>
<div class="r-desc">Was zeichnet dich aus?</div>

<div class="r-textbox"><div class="r-fact-l">Fähigkeit</div>
<b>Name der Fähigkeit</b>
Beschreibe deine Fähigkeit doch einfach mal ein bisschen näher, was genau kann dein Charakter eigentlich bewirken. (Achtung: Das Team behält sich hier das Recht vor, dass Fähigkeiten gemildert werden müssen, wenn sie zu hart werden.

<div class="r-fact-r">Waffe</div> Schwert/Bogen/Peitsche/Fächer/Speer.... Mit welcher Waffe kannst du am besten umgehen? Welche Waffe liegt dir überhaupt nicht? Und wie sieht es im Nahkampf aus?

<div class="r-fact-l">Sonstiges</div>  Wurde dein Charakter schon von seinem göttlichen Elternteil anerkannt? Gibt es sonst noch Wissenswertes über sein Leben im Camp? Hier kannst du dazu etwas schreiben. Ansonsten bitte herauslöschen.
</div>

<div class="r-kat">Das ist dein Leben</div>
<div class="r-desc">Erzähle uns was du erlebt hast</div>

<div class="r-textbox"><div class="r-fact-l">Lebenslauf</div>  Wir wollen natürlich wissen was dein Charakter bisher erlebt hat. Kindheit, Jugend.. alles was erwähnenswert und wichtig für den Charakter ist. Sachen die nicht bekannt sind könnt ihr euch gerne ausdenken.
Hier habt ihr folgende Varianten:
Fließtext, ausführliche Timeline oder "Wusstest du, dass ...."

<div class="r-fact-r">Musterpost</div>
Schreibt hier bitte einen Post in dem ihr die Schreibregeln des Boards beachtet.

<div class="r-fact-l">Plotidee</div>Hast du einen besonderen Handlungsstrang den du mit deinem Chara aufgreifen möchtest? Einen Wunsch oder eine Idee wie du ihn gern ins Play bekommen magst?

<div class="r-fact-r">Charakterübersicht</div>
Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Rasse, Abstammung, Fähigkeit, Alter und was dir sonst noch wichtig erscheint.
</div>
<div class="r-shortfacts">Avatarperson: xxx › Regeln gelesen: xxx › Über 18: xxx › Zweitchara: xxx› <div class="creditrrd">THX <a href="https://storming-gates.de/member.php?action=profile&uid=71" target="_blank"><div id="rrd"></div></a></div></div>

</div>
</div></div>
</center>
]]>


CHARAKTERNAME
Kind von ....

Persönliche Daten
Das wichtigste zuerst

Name:

Alter & Geburtstag:

Geburtsort:

Rasse:

Status:

Beruf:

Familie:
Vater: Name | Alter | Beruf | Beziehung
Mutter: Name | Alter | Beruf | Beziehung
Geschwister: Name | Alter | Beruf | Beziehung
Kinder: Name | Alter | Beruf | Beziehung
Sonstige Angehörige: Name | Alter | Beruf | Beziehung

Dein Spiegelbild
Der Eindruck den du auf andere machst

Aussehen
Verrate uns wie du aussiehts. Haarfarbe, Augenfarbe, Größe, Gewicht.

Kleidungsstil
Was für Kleidung bevorzugst du? Hast du Lieblingsfarben oder besondere Kleidungsstücke die einfach immer wieder den Weg in deinen Kleiderschrank finden?

Merkmale
Besitzt du irgendwelche Merkmale an denen man dich erkennen kann?

Duft
Haftet dir ein ganz eigener Duft an? Gibt es ein Parfum das du gern benutzt?


Charakter
Wie sieht es in deinem Innern aus

Charakter
Hier habt ihr zwei Möglichkeiten. Entweder ihr schreibt einen Fließtext oder ihr listet uns 10 Stärken und 10 Schwächen auf.
Wer will kann auch beides machen, dann reichen 5 Stärken bzw Schwächen.

Stärken
» PUNKT » PUNKT » PUNKT » PUNKT » PUNKT

Schwächen
» PUNKT » PUNKT » PUNKT » PUNKT » PUNKT

Vorlieben
» PUNKT » PUNKT » PUNKT » PUNKT » PUNKT

Abneigungen
» PUNKT » PUNKT » PUNKT » PUNKT » PUNKT

Campleben
Was zeichnet dich aus?

Fähigkeit
Name der Fähigkeit
Beschreibe deine Fähigkeit doch einfach mal ein bisschen näher, was genau kann dein Charakter eigentlich bewirken. (Achtung: Das Team behält sich hier das Recht vor, dass Fähigkeiten gemildert werden müssen, wenn sie zu hart werden.

Waffe
Schwert/Bogen/Peitsche/Fächer/Speer.... Mit welcher Waffe kannst du am besten umgehen? Welche Waffe liegt dir überhaupt nicht? Und wie sieht es im Nahkampf aus?

Sonstiges
Wurde dein Charakter schon von seinem göttlichen Elternteil anerkannt? Gibt es sonst noch Wissenswertes über sein Leben im Camp? Hier kannst du dazu etwas schreiben. Ansonsten bitte herauslöschen.

Das ist dein Leben
Erzähle uns was du erlebt hast

Lebenslauf
Wir wollen natürlich wissen was dein Charakter bisher erlebt hat. Kindheit, Jugend.. alles was erwähnenswert und wichtig für den Charakter ist. Sachen die nicht bekannt sind könnt ihr euch gerne ausdenken.
Hier habt ihr folgende Varianten:
Fließtext, ausführliche Timeline oder "Wusstest du, dass ...."

Musterpost
Schreibt hier bitte einen Post in dem ihr die Schreibregeln des Boards beachtet.

Plotidee
Hast du einen besonderen Handlungsstrang den du mit deinem Chara aufgreifen möchtest? Einen Wunsch oder eine Idee wie du ihn gern ins Play bekommen magst?

Charakterübersicht
Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Rasse, Abstammung, Fähigkeit, Alter und was dir sonst noch wichtig erscheint.
Avatarperson: xxx › Regeln gelesen: xxx › Über 18: xxx › Zweitchara: xxx›
THX




Code:
<link href='https://fonts.googleapis.com/css?family=Graduate' rel='stylesheet' type='text/css'><style type="text/css"> /*

--- LIKE WE ARE RENEGADES by rubyRED.DIAMOND @ Storming Gates

---- HINTERGRUND-BOX */ #r-steckbrief {width: 480px; height: 500px; background: #dedede; border: 10px solid #131b27; overflow: hidden; text-align: justify; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/1ibnfiY.png');} /*

---- HOVER */ #r-steckbrief #whitebox {width: 780px; height: 500px; position: relative; right: 330px; transition: 0.9s; float: left; transition-delay: 0.8s;} #r-steckbrief:hover #whitebox {right: 0px; transition: 0.9s;} /*

---- BILD */ #r-bild {width: 100px; height: 480px; float: left; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/end/end.png');} /*

---- RECHTE SEITE (SICHTBAR) */ .r-boxrechts {width: 430px; height: 480px; margin-left: 20px; float: right;} /*

---- TITEL & UNTERTITEL */ .r-titel {width: 330px; padding: 5px 15px; font-family: Graduate; font-size: 33px; line-height: 33px; color: #2a4163; font-weight: bold; text-transform: uppercase; text-align: center; float: right; margin-top: 140px; box-sizing: border-box;} .r-subtitel {width: 330px; font-family: Graduate; font-size: 12px; line-height: 12px; color: #41222b; text-transform: uppercase; text-align: center; float: right; box-sizing: border-box;} /*

---- STRICHE */ .r-titel:before, .r-subtitel:after {content:""; display: block; width: 200px; height: 1px; background: #41222b; margin: 20px auto;}  /*

---- LINKE SEITE (STECKI) */ .r-boxlinks {width: 330px; height: 480px; overflow: auto; background: #f6f6f6; padding: 20px 10px; float: left; box-sizing: border-box;} /*

---- SCROLLLEISTE */ .r-boxlinks.scroll::-webkit-scrollbar {width:6px;} .r-boxlinks.scroll::-webkit-scrollbar-track-piece {background-color:#dcdcdc;} .r-boxlinks.scroll::-webkit-scrollbar-thumb:vertical {height:10px; background-color:#122758;} /*

---- STECKBRIEF-KATEGORIE */ .r-kat {font-family: Graduate; font-size: 25px; color: #2a4163; font-weight: bold; text-transform: uppercase; border-bottom: 1px double #6f4f58; text-align: center; padding-bottom: 4px;} /*

---- KATEGORIE-BESCHREIBUNG */ .r-desc {width: 200px; background: #2a4163; font-family: calibri; font-size: 9px; color: #e8e8e8; text-transform: uppercase; letter-spacing: 2px; text-align: center; padding: 2px 5px; margin: -8px auto 0px auto;} /*

---- TEXTBOX */ .r-textbox {background: #dedede; font-family: calibri; font-size: 12px; line-height: 13px; color: #161616; text-align: justify; padding: 10px;} /*

---- TEXTBOX BOLD */ .r-textbox b {color: #000000; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px #e8e8e8;} /*

---- STECKBRIEF-PUNKT (LINKS & RECHTS) */ .r-fact-l {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 8px; display: inline-block; margin: 3px 10px 3px 0px; float: left;} .r-fact-r {background: #2a4163; font-family: Graduate; font-size: 12px; color: #e8e8e8; text-transform: uppercase; text-align: center; padding: 2px 5px; display: inline-block; margin: 3px 0px 3px 10px; float: right;} /*

---- SHORTFACTS */ .r-shortfacts {background: #2a4163; font-family: arial; font-size: 9px; line-height: 12px; color: #161616; font-weight: bold; text-transform: uppercase; word-spacing: 2px; text-align: center; padding: 5px;} /*

--- CREDITS */ .creditrrd {font-family: calibri; font-size: 9px; color: #000000; font-weight: bold; display: inline;} #rrd {display: inline-block; border-style: solid; border-color: transparent transparent #4d0000 transparent; border-width: 0 3px 3px 3px; height: 0; width: 6px; position: relative; margin: 2px 0 6px 0;} #rrd:after {content: ""; position: absolute; position: absolute; top: 3px; left: -3px; width: 0; height: 0; border-style: solid; border-color: #4d0000 transparent transparent transparent; border-width: 9px 6px 0 6px;}</style>

<center>
<div id="r-steckbrief"><div id="whitebox">
<div class="r-boxrechts">
<div id="r-bild"></div>
<div class="r-titel">CHARAKTERNAME</div>
<div class="r-subtitel">Kind von ....</div>
</div>

<div class="r-boxlinks scroll">
<div class="r-kat">Persönliche Daten</div>
<div class="r-desc">Das wichtigste zuerst</div>

<div class="r-textbox"><div class="r-fact-l">Name:</div>

<div class="r-fact-r">Alter & Geburtstag:</div>

<div class="r-fact-l">Geburtsort:</div>

<div class="r-fact-r">Rasse:</div>

<div class="r-fact-l">Status:</div>

<div class="r-fact-r">Beruf:</div>

<div class="r-fact-l">Familie:</div>
Vater: Name | Alter | Beruf | Beziehung
Mutter: Name | Alter | Beruf | Beziehung
Geschwister: Name | Alter | Beruf | Beziehung
Kinder: Name | Alter | Beruf | Beziehung
Sonstige Angehörige: Name | Alter | Beruf | Beziehung
</div>

<div class="r-kat">Dein Spiegelbild</div>
<div class="r-desc">Der Eindruck den du auf andere machst</div>

<div class="r-textbox"><div class="r-fact-l">Aussehen</div>
Verrate uns wie du aussiehts. Haarfarbe, Augenfarbe, Größe, Gewicht.

<div class="r-fact-r">Kleidungsstil</div>
Was für Kleidung bevorzugst du? Hast du Lieblingsfarben oder besondere Kleidungsstücke die einfach immer wieder den Weg in deinen Kleiderschrank finden?

<div class="r-textbox"><div class="r-fact-l">Merkmale</div>
Besitzt du irgendwelche Merkmale an denen man dich erkennen kann?  

<div class="r-fact-r">Duft</div>
Haftet dir ein ganz eigener Duft an? Gibt es ein Parfum das du gern benutzt?

</div>

<div class="r-kat">Charakter</div>
<div class="r-desc">Wie sieht es in deinem Innern aus</div>

<div class="r-textbox"><div class="r-fact-l">Charakter</div> Hier habt ihr zwei Möglichkeiten. Entweder ihr schreibt einen Fließtext oder ihr listet uns 10 Stärken und 10 Schwächen auf.
Wer will kann auch beides machen, dann reichen 5 Stärken bzw Schwächen.

<div class="r-fact-r">Stärken</div> <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT

<div class="r-fact-l">Schwächen</div> <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT

<div class="r-fact-r">Vorlieben</div> <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT

<div class="r-fact-l">Abneigungen</div> <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT <b>»</b> PUNKT </div>

<div class="r-kat">Campleben</div>
<div class="r-desc">Was zeichnet dich aus?</div>

<div class="r-textbox"><div class="r-fact-l">Fähigkeit</div>
<b>Name der Fähigkeit</b>
Beschreibe deine Fähigkeit doch einfach mal ein bisschen näher, was genau kann dein Charakter eigentlich bewirken. (Achtung: Das Team behält sich hier das Recht vor, dass Fähigkeiten gemildert werden müssen, wenn sie zu hart werden.

<div class="r-fact-r">Waffe</div> Schwert/Bogen/Peitsche/Fächer/Speer.... Mit welcher Waffe kannst du am besten umgehen? Welche Waffe liegt dir überhaupt nicht? Und wie sieht es im Nahkampf aus?

<div class="r-fact-l">Sonstiges</div>  Wurde dein Charakter schon von seinem göttlichen Elternteil anerkannt? Gibt es sonst noch Wissenswertes über sein Leben im Camp? Hier kannst du dazu etwas schreiben. Ansonsten bitte herauslöschen.
</div>

<div class="r-kat">Das ist dein Leben</div>
<div class="r-desc">Erzähle uns was du erlebt hast</div>

<div class="r-textbox"><div class="r-fact-l">Lebenslauf</div>  Wir wollen natürlich wissen was dein Charakter bisher erlebt hat. Kindheit, Jugend.. alles was erwähnenswert und wichtig für den Charakter ist. Sachen die nicht bekannt sind könnt ihr euch gerne ausdenken.
Hier habt ihr folgende Varianten:
Fließtext, ausführliche Timeline oder "Wusstest du, dass ...."

<div class="r-fact-r">Musterpost</div>
Schreibt hier bitte einen Post in dem ihr die Schreibregeln des Boards beachtet.

<div class="r-fact-l">Plotidee</div>Hast du einen besonderen Handlungsstrang den du mit deinem Chara aufgreifen möchtest? Einen Wunsch oder eine Idee wie du ihn gern ins Play bekommen magst?

<div class="r-fact-r">Charakterübersicht</div>
Erzähle uns hier in einem kurzen Text das wesentliche über deinen Chara. Name, Rasse, Abstammung, Fähigkeit, Alter und was dir sonst noch wichtig erscheint.
</div>
<div class="r-shortfacts">Avatarperson: xxx › Regeln gelesen: xxx › Über 18: xxx › Zweitchara: xxx› <div class="creditrrd">THX <a href="https://storming-gates.de/member.php?action=profile&uid=71" target="_blank"><div id="rrd"></div></a></div></div>

</div>
</div></div>
</center>
]]>