Wind Beyond Shadows

Liebes Partnerforum, wir haben unsere Storyline bearbeitet und den Partnertext angepasst.

Code:

<link href="https://fonts.googleapis.com/css2?family=Alex+Brush&family=Bebas+Neue&family=Ma+Shan+Zheng&family=Raleway:wght@300&family=Rochester&family=Rubik:wght@400;700&display=swap" rel="stylesheet">
<style type="text/css">#wbs{position: relative; margin: 10px auto; overflow: hidden; width: 500px; height: 905px; background: url("https://windbeyondshadows.ch//images/kyoto/blätterhell.png");border-top: 6px double #161926; border-bottom: 6px double #161926; background-size:contain;} #wbs::-webkit-scrollbar { width: 5px; height:5px; } #wbs ::-webkit-scrollbar-track {background: linear-gradient(to right, #BA0837 0%, #980726 100%);border: 1px solid #EFEFEF;} #wbs ::-webkit-scrollbar-thumb {background: #780831;
  border: 2px solid #780831;} #wbs .titelkreis{ position: relative; width: 540px; height: 540px; left: -25px; top: 10px; border: 6px double #161926; border-radius: 540px; background: #780831;} #wbs .hintergrund{ position: absolute; width: 500px; height: 555px; top: 150px; left: 0px; background: url("https://windbeyondshadows.ch//images/kyoto/blätterhell.png"); background-size: contain; background-position: bottom; border-top: 6px double #161926;} #wbs .border{ position: absolute; width: 480px; height: 905px; left: 5px; top: 0px; border-left: 6px double #161926;border-right: 6px double #161926;} #wbs .titel{ position: absolute; width: 500px; top: 70px; color: #161926; text-align:center;} #wbs t1{font-family: 'Alex Brush', cursive;
    letter-spacing: 2px; font-size: 40px; line-height: 50px; text-align: center; color: #EFEFEF; text-shadow: 0.5px 0.5px 0.5px #0b0c12;} #wbs t2{ font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 15px; line-height: 10px; text-align: center; letter-spacing: 0.5em; text-transform: uppercase; color: #EFEFEF;text-shadow: 0.5px 0.5px 0.5px #0b0c12;} #wbs .text{ position: absolute; width: 400px; height: 500px; right: 40px; top: 180px; border: 6px double #161926; background: url("https://images.unsplash.com/photo-1601662528567-526cd06f6582?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=658&q=80");} #wbs .textbox{ position: absolute; overflow: auto; width: 350px; height: 450px; top: 30px; left: 30px; padding-right: 10px; color: #161926; font-family: Rubik; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; text-align: justify; } #wbs .textbox i{color: #B90845;} #wbs .info{ position: absolute; width: 480px; height: 190px; right: 9px; top: 710px; background: url("https://images.unsplash.com/photo-1601662528567-526cd06f6582?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=658&q=80"); border-top: 6px double #161926; } #wbs .bild { width:140px; height: 190px;position:absolute; float:left;position:relative;} #wbs .bild img{ width:150px; margin-left: -10px;margin-top:15px; transform: rotate(270deg); filter: grayscale(30%) brightness(70%) sepia(80%) hue-rotate(-50deg) saturate(500%) contrast(0.9); -webkit-filter: grayscale(30%) brightness(70%) sepia(80%) hue-rotate(-50deg) saturate(500%) contrast(0.9); } #wbs .factbox { width:160px;font-size:13px; font-family:'Raleway', sans-serif; text-align: justify;float:left;padding:5px;} #wbs .balken { background-color: #780831; height: 20px; margin: 1px; padding: 5px; text-align: center; font-size:14px; font-family: Rubik; letter-spacing: -1px; color: #EFEFEF; line-height:25px;text-shadow: 0.5px 0.5px 0.5px #0b0c12;} #wbs .fact1{ background-color: #FFF7FF; border:1px solid #780831; padding: 5px; margin: 1px; text-align: center; color: #161926; font-family: Rubik; font-style: normal; font-weight: normal; font-size: 13px; line-height: 10px;} #wbs .fact1 a{color: #161926; font-family: Rubik; font-style: normal; font-weight: normal; font-size: 13px; line-height: 17px;color: #780831; text-decoration:none; cursor: pointer; } .fact1 a:hover{ color: #161926; text-decoration:underline; } #wbs .fact2{ background-color: #FFF7FF; border:1px solid #780831; padding: 5px; margin: 1px; text-align:left; color: #161926; font-family: Rubik; font-style: normal; font-weight: normal; font-size: 13px; line-height: 10px;}</style>
<div id="wbs">
  <div class="titelkreis"></div>
  <div class="hintergrund"></div>
  <div class="border"></div>
  <div class="titel">
    <t1>WindBeyondShadows</t1><br>
    <t2>影を超えた風</t2>
  </div>
  <div class="text">
    <div class="textbox">
Die Fugen der Weltgeschichte sind schwach und bröckeln unbemerkt vor sich hin. Zunehmende, haarfeine Risse durchziehen die vermeintliche Barriere, welche die Welt der Menschen von der magischen trennt. Während manche vollkommen unwissend ihren Alltag bestreiten, erleben andere Ereignisse, die sie als Unsinn abtun und sehen Dinge, die nicht für ihre Augen bestimmt sind. Fratzen in sich spiegelnden Oberflächen, das Schimmern eines Gegenstandes, obwohl keine Lichtquelle auszumachen ist, oder ein eisiger Luftzug im Nacken, erzeugt von ungesehenen Klauen.</br>
Mächte, die so alt sind wie die Welt selbst, reiben aneinander, bekämpfen sich, um die Oberhand zu gewinnen und die Menschheit zu verdammen oder ihnen die endgültige Befreiung zu bringen. Ungesehen und doch sind sie da.</br>
Sowohl die eine, als auch die andere Seite haben ihre Unterstützer, ihre Rückversicherung. Die letzte Instanz, die nicht fallen darf, sonst ist alles verloren und die Welt ihrem Untergang geweiht.</br>
Manche kämpfen im Licht, andere im Schatten und wieder andere verborgen auf der Gegenseite, hoffend, dadurch einen Vorteil zu erringen, doch womit niemand gerechnet hatte … Es sind Objekte aufgetaucht, die den immerwährenden Krieg für immer beenden oder um ein Vielfaches verschlimmern könnten. Dinge, die weder in die Hände der Menschen, noch die der Schatten fallen dürfen und doch strecken alle ihre Klauen danach aus.<p></p>
Die Menschen sind blind. Blind tapsen sie durch ihre kurze Lebensspanne und bemerken nicht, was um sie herum passiert. Sie interessieren sich nur für die eigene Macht, spinnen Intrigen, um jene zu stärken, gehen dabei sogar über Leichen und opfern jene, die sie lieben.</br>
Die Unterwelt der Menschen breitet sich aus. Wie ein unersättliches Tier, mehrt ihren Einfluss und streckt ihre Krallen nach den Unschuldigen aus, um sich an ihnen zu nähren, sie zu zerreißen und auf ihnen ihre Grundfesten auszubauen. Was die Blinden nicht ahnen, es steht ein Machtwechsel bevor, der Änderungen mit sich bringen wird, die jetzt noch nicht abzusehen sind.<p></p>
Und dann haben auch noch Jahrhunderte alte Artefakte ihren Weg unter die Menschen gefunden. Manche bringen Ruhm, andere ziehen den Tod mit sich, wieder andere sind dafür bekannt, die Seelen des Besitzers zu verderben, gar zu vernichten. Gerüchte werden laut, wo sie sich befinden könnten. Kaum ist eines außer Kraft gesetzt, folgen weitere. Doch wo liegt ihr Ursprung? Es scheint, als setze sie jemand absichtlich in Umlauf, um der Artefakte habhaft zu werden.<p></p>
Bist du einer der Auserwählten und folgst der Spur und dem verlockendem Ruf? Was wirst du bei einem möglichen Erfolg tun? Wie verdorben ist deine Seele? Kannst du dich für eine Seite entscheiden?</br>
Mächte sind hier am Werk, die niemand benennen kann. Die Fäden des Schicksals verknüpfen sich, doch wer hält sie in der Hand?</br>
    </div>
  </div>  
  <div class="info">
    <div class="factbox">
      <div class="balken">WindBeyondShadows</div>
      <div class="fact1"><a href="https://windbeyondshadows.ch/index.php" target="_blank">Index</a></div>
      <div class="fact1"><a href="/lists.php?action=storyline" target="_blank">volle Storyline</a> + <a href="https://windbeyondshadows.ch/lists.php?action=regeln" target="_blank">Regeln</a></div>
      <div class="fact1"><a href="/misc.php?action=japanwiki" target="_blank">Japanwiki</a> + <a href="/misc.php?action=rassenwiki" target="_blank">Rassenwiki</a></div>
      <div class="fact1"><a href="https://windbeyondshadows.ch/misc.php?action=wanted" target="_blank">Gesuche</a> + <a href="/showthread.php?tid=710" target="_blank">Freie Charas</a></div>
      <div class="fact1"><a href="https://windbeyondshadows.ch/lists.php" target="_blank">Wegweiser + Listen</a></div>
    </div>
    <div class="bild">
      <img src="https://windbeyondshadows.ch/images/kyoto/lillie.png">
    </div>
    <div class="factbox">
      <div class="balken">Shortfacts</div>
      <div class="fact2">FSK18</div>
      <div class="fact2">Spielort:Kyoto</div>
      <div class="fact2">keine MPL oder Blacklist</div>
      <div class="fact2">Profilfelder statt Steckbriefe</div>
      <div class="fact2">Spieljahr 2022</div>
      <div class="fact2">Szenentrennung</div>
  </div>  
  </div>
</div>
<div style="clear:both;"></div>

Alles markieren