User:Eviand/Mainpagetest: Difference between revisions
From SpiritVale Wiki
More actions
| Line 104: | Line 104: | ||
<!-- Card: Character --> | <!-- Card: Character --> | ||
<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: | <div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | ||
<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></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></div> | ||
<div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;"> | <div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;"> | ||
| Line 118: | Line 118: | ||
<!-- Card: Items --> | <!-- Card: Items --> | ||
<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: | <div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | ||
<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></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></div> | ||
<div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;"> | <div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;"> | ||
| Line 133: | Line 133: | ||
<!-- Card: Combat --> | <!-- Card: Combat --> | ||
<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: | <div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | ||
<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></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></div> | ||
<div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;"> | <div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;"> | ||
| Line 147: | Line 147: | ||
<!-- Card: World --> | <!-- Card: World --> | ||
<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: | <div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;"> | ||
<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></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></div> | ||
<div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;"> | <div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;"> | ||