User:Eviand/Mainpagetest: Difference between revisions
From SpiritVale Wiki
More actions
| Line 104: | Line 104: | ||
<!-- ========================================================= --> | <!-- ========================================================= --> | ||
<!-- PORTAL CARDS: fixed | <!-- PORTAL CARDS: fixed 250px, 4 per column, centered --> | ||
<!-- ========================================================= --> | <!-- ========================================================= --> | ||
<div style="display:grid; grid-auto-flow:column; grid-template-rows:repeat( | <div style="display:grid; grid-auto-flow:column; grid-template-rows:repeat(4,250px); grid-auto-columns:250px; gap:12px; justify-content:center; align-content:start; width:100%; min-width:0;"> | ||
<!-- =================== --> | <!-- =================== --> | ||
<!-- Character Systems --> | <!-- Character Systems --> | ||
<!-- =================== --> | <!-- =================== --> | ||
<div style="width: | <div style="width:250px; height:250px; box-sizing:border-box; border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent; display:flex; flex-direction:column; align-items:center; text-align:center;"> | ||
<div style="display:flex; align-items:center; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=Character]] <span>Character</span></div> | <div style="display:flex; align-items:center; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=Character]] <span>Character</span></div> | ||
<div style="flex:1 1 auto; width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:4px 6px;"> | <div style="flex:1 1 auto; width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:4px 6px;"> | ||
| Line 125: | Line 125: | ||
<!-- Items Card --> | <!-- Items Card --> | ||
<!-- ============ --> | <!-- ============ --> | ||
<div style="width: | <div style="width:250px; height:250px; box-sizing:border-box; border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent; display:flex; flex-direction:column; align-items:center; text-align:center;"> | ||
<div style="display:flex; align-items:center; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=Items]] <span>Items</span></div> | <div style="display:flex; align-items:center; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=Items]] <span>Items</span></div> | ||
<div style="flex:1 1 auto; width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:4px 6px;"> | <div style="flex:1 1 auto; width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:4px 6px;"> | ||
| Line 140: | Line 140: | ||
<!-- Combat Card --> | <!-- Combat Card --> | ||
<!-- ============== --> | <!-- ============== --> | ||
<div style="width: | <div style="width:250px; height:250px; box-sizing:border-box; border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent; display:flex; flex-direction:column; align-items:center; text-align:center;"> | ||
<div style="display:flex; align-items:center; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=Combat]] <span>Combat</span></div> | <div style="display:flex; align-items:center; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=Combat]] <span>Combat</span></div> | ||
<div style="flex:1 1 auto; width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:4px 6px;"> | <div style="flex:1 1 auto; width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:4px 6px;"> | ||
| Line 154: | Line 154: | ||
<!-- World Card --> | <!-- World Card --> | ||
<!-- ============== --> | <!-- ============== --> | ||
<div style="width: | <div style="width:250px; height:250px; box-sizing:border-box; border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent; display:flex; flex-direction:column; align-items:center; text-align:center;"> | ||
<div style="display:flex; align-items:center; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=World]] <span>World</span></div> | <div style="display:flex; align-items:center; justify-content:center; gap:.4rem; font-weight:700; padding:6px 4px 4px;">[[File:SpiritValeLogo.png|18px|link=World]] <span>World</span></div> | ||
<div style="flex:1 1 auto; width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:4px 6px;"> | <div style="flex:1 1 auto; width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:4px 6px;"> | ||
Revision as of 01:53, 14 October 2025
Click to Search
Welcome to the SpiritVale Wiki
Steam page • https://spiritvale.info/
SpiritVale is a free-to-play, class-based action MMORPG inspired by Ragnarok Online. Build your own hero, battle corrupted creatures, and uncover lost history in a world torn by magic and decay.
Choose a base class — Warrior, Knight, Mage, Rogue, Scout, Acolyte or Summoner — and unlock unique skill trees and advanced specializations as you grow. Explore diverse biomes, battle powerful bosses, and team up with friends in real-time, action-based combat.
We also have a database that has all the details on items, monsters, and more: https://spiritvale.info/
| Recent Updates |
|---|
|
|
