User:Eviand/Mainpagetest: Difference between revisions
From SpiritVale Wiki
More actions
| Line 105: | Line 105: | ||
<div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;"> | <div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;"> | ||
<div style="padding:4px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | <div style="padding:4px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | ||
<div | <div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c);color:white;text-align:center;padding:6px;font-size:120%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;justify-content:center;gap:0;"> | ||
[[File:SpiritValeLogo.png|18px|link=Character]] <b>Character</b> | [[File:SpiritValeLogo.png|18px|link=Character]] <b>Character</b> | ||
</div> | </div> | ||
| Line 121: | Line 121: | ||
<div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;"> | <div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;"> | ||
<div style="padding:4px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | <div style="padding:4px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | ||
<div | <div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c);color:white;text-align:center;padding:6px;font-size:120%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;justify-content:center;gap:0;"> | ||
[[File:SpiritValeLogo.png|18px|link=Items]] <b>Items</b> | [[File:SpiritValeLogo.png|18px|link=Items]] <b>Items</b> | ||
</div> | </div> | ||
| Line 138: | Line 138: | ||
<div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;"> | <div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;"> | ||
<div style="padding:4px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | <div style="padding:4px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | ||
<div | <div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c);color:white;text-align:center;padding:6px;font-size:120%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;justify-content:center;gap:0;"> | ||
[[File:SpiritValeLogo.png|18px|link=Combat]] <b>Combat</b> | [[File:SpiritValeLogo.png|18px|link=Combat]] <b>Combat</b> | ||
</div> | </div> | ||
| Line 154: | Line 154: | ||
<div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;"> | <div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;"> | ||
<div style="padding:4px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | <div style="padding:4px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | ||
<div | <div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c);color:white;text-align:center;padding:6px;font-size:120%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;justify-content:center;gap:0;"> | ||
[[File:SpiritValeLogo.png|18px|link=World]] <b>World</b> | [[File:SpiritValeLogo.png|18px|link=World]] <b>World</b> | ||
</div> | </div> | ||