User:Eviand/Mainpagetest: Difference between revisions
From SpiritVale Wiki
More actions
| Line 102: | Line 102: | ||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;justify-items:center;align-content:start;width:100%;min-width:0;"> | <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;justify-items:center;align-content:start;width:100%;min-width:0;"> | ||
<div style="width:100%;max-width:250px;height:250px;box-sizing:border-box | <!-- Card: Character --> | ||
<div style="display:flex;align-items:center;justify-content:center;gap:.4rem; | <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;align-items:center;text-align:center;"> | ||
<div class="header-container-inner" style="font-size:115%; padding:6px 10px; text-align:center; display:flex; align-items:center; justify-content:center; gap:.4rem; width:100%; align-self:stretch; border-radius:0; margin:0;"> | |||
[[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;"> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Character]]</span> <span>'''[[Character|Character]]'''</span></div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Character]]</span> <span>'''[[Character|Character]]'''</span></div> | ||
| Line 113: | Line 116: | ||
</div> | </div> | ||
<div style="width:100%;max-width:250px;height:250px;box-sizing:border-box | <!-- Card: Items --> | ||
<div style="display:flex;align-items:center;justify-content:center;gap:.4rem; | <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;align-items:center;text-align:center;"> | ||
<div class="header-container-inner" style="font-size:115%; padding:6px 10px; text-align:center; display:flex; align-items:center; justify-content:center; gap:.4rem; width:100%; align-self:stretch; border-radius:0; margin:0;"> | |||
[[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;"> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Items]]</span> <span>'''[[Items|Items]]'''</span></div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Items]]</span> <span>'''[[Items|Items]]'''</span></div> | ||
| Line 125: | Line 131: | ||
</div> | </div> | ||
<div style="width:100%;max-width:250px;height:250px;box-sizing:border-box | <!-- Card: Combat --> | ||
<div style="display:flex;align-items:center;justify-content:center;gap:.4rem; | <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;align-items:center;text-align:center;"> | ||
<div class="header-container-inner" style="font-size:115%; padding:6px 10px; text-align:center; display:flex; align-items:center; justify-content:center; gap:.4rem; width:100%; align-self:stretch; border-radius:0; margin:0;"> | |||
[[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;"> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Combat]]</span> <span>'''[[Combat|Combat]]'''</span></div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Combat]]</span> <span>'''[[Combat|Combat]]'''</span></div> | ||
| Line 136: | Line 145: | ||
</div> | </div> | ||
<div style="width:100%;max-width:250px;height:250px;box-sizing:border-box | <!-- Card: World --> | ||
<div style="display:flex;align-items:center;justify-content:center;gap:.4rem; | <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;align-items:center;text-align:center;"> | ||
<div class="header-container-inner" style="font-size:115%; padding:6px 10px; text-align:center; display:flex; align-items:center; justify-content:center; gap:.4rem; width:100%; align-self:stretch; border-radius:0; margin:0;"> | |||
[[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;"> | ||
<div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=World]]</span> <span>'''[[World|World]]'''</span></div> | <div style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=World]]</span> <span>'''[[World|World]]'''</span></div> | ||