Template:Nav Tile: Difference between revisions

m Add nav-tile class and import template style
m Moved some inline styles over to template style css file
Line 1: Line 1:
<includeonly>
<includeonly>
<templatestyles src="Template:Nav_Tile/styles.css" />
<templatestyles src="Template:Nav_Tile/styles.css" />
<div class='nav-tile' style="display: flex; flex-direction: column; gap: 2px;">
<div class='nav-tile'>
   <div style="display: flex; flex-direction: column; gap: 2px; position: relative;">
   <div style="display: flex; flex-direction: column; gap: 2px; position: relative;">
     <div class="nav-bg" style="flex: 1; min-height: 0; padding: 5px 0px 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; display: flex; align-items: center; justify-content: center;">
     <div class="nav-tile-top nav-bg">
[[{{{1}}}|{{{size|140px}}}|center|link={{{3|{{{2}}}}}}|alt={{{1}}}]]
[[{{{1}}}|{{{size|140px}}}|center|link={{{3|{{{2}}}}}}|alt={{{1}}}]]
     </div>
     </div>
     <div class="nav-bg" style="flex-shrink: 0; text-align: center; font-size: 140%; font-weight: bold; font-family: 'Retail Demo', 'Open Sans', 'Copperplate Gothic', Constantia, 'PT Serif', 'Palatino', 'Georgia', serif; border-bottom-left-radius:8px; border-bottom-right-radius:8px;">
     <div class="nav-tile-bottom nav-bg">
<span style="font-weight:bold; text-shadow: 0px 2px 2px black, 0px 0px 2px black;">{{{2}}}</span>
<span style="font-weight:bold; text-shadow: 0px 2px 2px black, 0px 0px 2px black;">{{{2}}}</span>
     </div>
     </div>