Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Main Page: Difference between revisions

From Orchestria Wiki
No edit summary
No edit summary
Line 18: Line 18:
</div>
</div>


<!-- Begin main section with sidebars -->
<!-- LEFT SIDE FIXED -->
<div style="display: flex; justify-content: center; gap: 2rem; align-items: flex-start; margin-top: 2rem;">
<div style="position: absolute; left: 40px; top: 600px; display: flex; flex-direction: column; gap: 1rem; z-index: 10;">
  <div class="tile-image-overlay" style="text-align: center;">
    <div class="overlay-text">'''Essentials'''</div>
    [[File:Testinfo.png|200px|none|link=Essentials|alt=Essentials]]
  </div>
  <div class="tile-image-overlay" style="text-align: center;">
    <div class="overlay-text">'''Core Information'''</div>
    [[File:Testinfo.png|200px|none|link=Core_Information|alt=Core Information]]
  </div>
  <div class="tile-image-overlay" style="text-align: center;">
    <div class="overlay-text">'''World'''</div>
    [[File:Testinfo.png|200px|none|link=World|alt=World]]
  </div>
  <div class="tile-image-overlay" style="text-align: center;">
    <div class="overlay-text">'''Characters'''</div>
    [[File:Testinfo.png|200px|none|link=Characters|alt=Characters]]
  </div>
  <div class="tile-image-overlay" style="text-align: center;">
    <div class="overlay-text">'''Gameplay'''</div>
    [[File:Testinfo.png|200px|none|link=Gameplay|alt=Gameplay]]
  </div>
  <div class="tile-image-overlay" style="text-align: center;">
    <div class="overlay-text">'''Systems'''</div>
    [[File:Testinfo.png|200px|none|link=Systems|alt=Systems]]
  </div>
</div>


  <!-- LEFT SIDE TILES -->
<!-- RIGHT SIDE FIXED -->
  <div style="flex: 0 0 240px;">
<div style="position: absolute; right: 40px; top: 600px; display: flex; flex-direction: column; gap: 1rem; z-index: 10;">
    <div class="sidebar-tiles">
  <div class="tile-image-overlay" style="text-align: center;">
      <div class="tile-image-overlay" style="text-align: center;">
    <div class="overlay-text">'''Weapon Forms'''</div>
        <div class="overlay-text">'''Essentials'''</div>
    [[File:Testinfo.png|200px|none|link=Weapon_Form|alt=Weapon Form]]
        [[File:Testinfo.png|200px|none|link=Essentials|alt=Essentials]]
  </div>
      </div>
  <div class="tile-image-overlay" style="text-align: center;">
      <div class="tile-image-overlay" style="text-align: center;">
    <div class="overlay-text">'''Equipment'''</div>
        <div class="overlay-text">'''Core Information'''</div>
    [[File:Testinfo.png|200px|none|link=Equipment|alt=Equipment]]
        [[File:Testinfo.png|200px|none|link=Core_Information|alt=Core Information]]
  </div>
      </div>
  <div class="tile-image-overlay" style="text-align: center;">
      <div class="tile-image-overlay" style="text-align: center;">
    <div class="overlay-text">'''Stigmatas'''</div>
        <div class="overlay-text">'''World'''</div>
    [[File:Testinfo.png|200px|none|link=Stigmatas|alt=Stigmatas]]
        [[File:Testinfo.png|200px|none|link=World|alt=World]]
      </div>
      <div class="tile-image-overlay" style="text-align: center;">
        <div class="overlay-text">'''Characters'''</div>
        [[File:Testinfo.png|200px|none|link=Characters|alt=Characters]]
      </div>
      <div class="tile-image-overlay" style="text-align: center;">
        <div class="overlay-text">'''Gameplay'''</div>
        [[File:Testinfo.png|200px|none|link=Gameplay|alt=Gameplay]]
      </div>
      <div class="tile-image-overlay" style="text-align: center;">
        <div class="overlay-text">'''Systems'''</div>
        [[File:Testinfo.png|200px|none|link=Systems|alt=Systems]]
      </div>
    </div>
   </div>
   </div>
  <div class="tile-image-overlay" style="text-align: center;">
    <div class="overlay-text">'''Signets'''</div>
    [[File:Testinfo.png|200px|none|link=Signets|alt=Signets]]
  </div>
  <div class="tile-image-overlay" style="text-align: center;">
    <div class="overlay-text">'''Enchants'''</div>
    [[File:Testinfo.png|200px|none|link=Enchants|alt=Enchants]]
  </div>
  <div class="tile-image-overlay" style="text-align: center;">
    <div class="overlay-text">'''Cards and Arcanas'''</div>
    [[File:Testinfo.png|200px|none|link=Cards|alt=Cards]]
  </div>
</div>


  <!-- CENTER MAIN TILES -->
<!-- MAIN TILES -->
  <div style="flex: 1; max-width: 1200px;">
<div class="divider-ornamental">
    <div class="divider-ornamental">
  <div class="symbol">⛧</div>
      <div class="symbol">⛧</div>
</div>
    </div>


    <div class="tiles" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem;">
<div class="tiles" style="display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem;">
      <div class="featured-box with-bg bg-classes">
  <div class="featured-box with-bg bg-classes">
        <div class="overlay-title">Job Classes</div>
    <div class="overlay-title">Job Classes</div>
        <div class="overlay-desc">The Right person, for the right job.<br> Paths: <span style="color:red;">Astral/Umbral</span></div>
    <div class="overlay-desc">The Right person, for the right job.<br> Paths: <span style="color:red;">Astral/Umbral</span></div>
      </div>
  </div>


      <div class="featured-box with-bg bg-maidens">
  <div class="featured-box with-bg bg-maidens">
        <div class="overlay-title">Maidens</div>
    <div class="overlay-title">Maidens</div>
        <div class="overlay-desc">Ever dangerous and ever elusive dangers.<br> Challenge: <span style="color:red;">Solo/Party</span></div>
    <div class="overlay-desc">Ever dangerous and ever elusive dangers.<br> Challenge: <span style="color:red;">Solo/Party</span></div>
      </div>
  </div>


      <div class="featured-box with-bg bg-dungeons">
  <div class="featured-box with-bg bg-dungeons">
        <div class="overlay-title">Obscura Dungeons</div>
    <div class="overlay-title">Obscura Dungeons</div>
        <div class="overlay-desc">For those who are prepared for a challenge.<br> Leveling: <span style="color:red;">Party PvE</span></div>
    <div class="overlay-desc">For those who are prepared for a challenge.<br> Leveling: <span style="color:red;">Party PvE</span></div>
      </div>
  </div>


      <div class="featured-box with-bg bg-rhapsody">
  <div class="featured-box with-bg bg-rhapsody">
        <div class="overlay-title">Rhapsody Castle</div>
    <div class="overlay-title">Rhapsody Castle</div>
        <div class="overlay-desc">For those wishing to conquer the madness.<br> Endgame: <span style="color:red;">PvPvE</span></div>
    <div class="overlay-desc">For those wishing to conquer the madness.<br> Endgame: <span style="color:red;">PvPvE</span></div>
      </div>
  </div>
 
      <div class="featured-box with-bg bg-railways">
        <div class="overlay-title">Forgotten Railways</div>
        <div class="overlay-desc">Can you survive the road to the afterlife?<br>Endgame: <span style="color:red;">Solo/Party</span></div>
      </div>
 
      <div class="featured-box with-bg bg-abyss">
        <div class="overlay-title">Abyss of Sinners</div>
        <div class="overlay-desc">The circles of hell in an epic dungeon.<br>Endgame: <span style="color:red;">High-End</span></div>
      </div>
    </div>


    <div class="divider-ornamental">
  <div class="featured-box with-bg bg-railways">
      <div class="symbol"></div>
    <div class="overlay-title">Forgotten Railways</div>
     </div>
     <div class="overlay-desc">Can you survive the road to the afterlife?<br>Endgame: <span style="color:red;">Solo/Party</span></div>
   </div>
   </div>


  <!-- RIGHT SIDE TILES -->
   <div class="featured-box with-bg bg-abyss">
   <div style="flex: 0 0 240px;">
    <div class="overlay-title">Abyss of Sinners</div>
    <div class="sidebar-tiles">
    <div class="overlay-desc">The circles of hell in an epic dungeon.<br>Endgame: <span style="color:red;">High-End</span></div>
      <div class="tile-image-overlay" style="text-align: center;">
        <div class="overlay-text">'''Weapon Forms'''</div>
        [[File:Testinfo.png|200px|none|link=Weapon_Form|alt=Weapon Form]]
      </div>
      <div class="tile-image-overlay" style="text-align: center;">
        <div class="overlay-text">'''Equipment'''</div>
        [[File:Testinfo.png|200px|none|link=Equipment|alt=Equipment]]
      </div>
      <div class="tile-image-overlay" style="text-align: center;">
        <div class="overlay-text">'''Stigmatas'''</div>
        [[File:Testinfo.png|200px|none|link=Stigmatas|alt=Stigmatas]]
      </div>
      <div class="tile-image-overlay" style="text-align: center;">
        <div class="overlay-text">'''Signets'''</div>
        [[File:Testinfo.png|200px|none|link=Signets|alt=Signets]]
      </div>
      <div class="tile-image-overlay" style="text-align: center;">
        <div class="overlay-text">'''Enchants'''</div>
        [[File:Testinfo.png|200px|none|link=Enchants|alt=Enchants]]
      </div>
      <div class="tile-image-overlay" style="text-align: center;">
        <div class="overlay-text">'''Cards and Arcanas'''</div>
        [[File:Testinfo.png|200px|none|link=Cards|alt=Cards]]
      </div>
    </div>
   </div>
   </div>
</div>


<div class="divider-ornamental">
  <div class="symbol">⛧</div>
</div>
</div>



Revision as of 14:18, 23 June 2025

👁️ Welcome to the

LUNA OBSCURA

The gothic world of veils and ruin — forged in blood, bound by ink, and cursed since the first eclipse.

   Begin your chronicle! The archive of Luna Obscura awaits your ink and insight.
 <button>Edit source</button>
Essentials
Essentials
Core Information
Core Information
World
World
Characters
Characters
Gameplay
Gameplay
Systems
Systems
Weapon Forms
Weapon Form
Equipment
Equipment
Stigmatas
Stigmatas
Signets
Signets
Enchants
Enchants
Cards and Arcanas
Cards
Luna Obscura Preview