Template:Portals on homepage: Difference between revisions

no edit summary
(Created page with "<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1.5rem; text-align: center; padding: 1.5rem; justify-items: center;"> <!-- Enhanced grid inspired by wiki.gg styles: larger icons, subtle shadows, rounded for modern feel. Upload 120x120px icons for better scale. --> <div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;"> [...")
 
No edit summary
Line 1: Line 1:
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1.5rem; text-align: center; padding: 1.5rem; justify-items: center;">
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 1rem; text-align: center; padding: 1rem; justify-items: center;">
<!-- Enhanced grid inspired by wiki.gg styles: larger icons, subtle shadows, rounded for modern feel. Upload 120x120px icons for better scale. -->
<!-- Compact grid: 50px icons, reduced minmax, gap, and padding for smaller footprint. Upload 60x60px icons if available for crisp scaling. -->
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:Saints-icon.png|100px|link=Portal:Saints]]<br>
[[File:Saints-icon.png|50px|link=Portal:Saints]]<br>
'''Saints'''
'''Saints'''
</div>
</div>
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:Parishes-icon.png|100px|link=Portal:Parishes]]<br>
[[File:Parishes-icon.png|50px|link=Portal:Parishes]]<br>
'''Parishes'''
'''Parishes'''
</div>
</div>
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:Media-icon.png|100px|link=Portal:Media]]<br>
[[File:Media-icon.png|50px|link=Portal:Media]]<br>
'''Media'''
'''Media'''
</div>
</div>
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:Countries-icon.png|100px|link=Portal:Countries]]<br>
[[File:Countries-icon.png|50px|link=Portal:Countries]]<br>
'''Countries'''
'''Countries'''
</div>
</div>
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:Dioceses-icon.png|100px|link=Portal:Dioceses]]<br>
[[File:Dioceses-icon.png|50px|link=Portal:Dioceses]]<br>
'''Dioceses'''
'''Dioceses'''
</div>
</div>
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:Bishops-icon.png|100px|link=Portal:Bishops]]<br>
[[File:Bishops-icon.png|50px|link=Portal:Bishops]]<br>
'''Bishops'''
'''Bishops'''
</div>
</div>
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:Prayer-icon.png|100px|link=Portal:Prayer]]<br>
[[File:Prayer-icon.png|50px|link=Portal:Prayer]]<br>
'''Prayer'''
'''Prayer'''
</div>
</div>
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:ReligiousOrders-icon.png|100px|link=Portal:ReligiousOrders]]<br>
[[File:ReligiousOrders-icon.png|50px|link=Portal:ReligiousOrders]]<br>
'''Religious orders'''
'''Religious orders'''
</div>
</div>
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:Shrines-icon.png|100px|link=Portal:Shrines]]<br>
[[File:Shrines-icon.png|50px|link=Portal:Shrines]]<br>
'''Shrines'''
'''Shrines'''
</div>
</div>
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:Sightings-icon.png|100px|link=Portal:Sightings]]<br>
[[File:Sightings-icon.png|50px|link=Portal:Sightings]]<br>
'''Sightings'''
'''Sightings'''
</div>
</div>
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:AdministrativeSubdivisions-icon.png|100px|link=Portal:AdministrativeSubdivisions]]<br>
[[File:AdministrativeSubdivisions-icon.png|50px|link=Portal:AdministrativeSubdivisions]]<br>
'''Administrative Subdivisions'''
'''Administrative Subdivisions'''
</div>
</div>
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:LayOrganizations-icon.png|100px|link=Portal:LayOrganizations]]<br>
[[File:LayOrganizations-icon.png|50px|link=Portal:LayOrganizations]]<br>
'''Lay organizations'''
'''Lay organizations'''
</div>
</div>
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:Promotion-icon.png|100px|link=Portal:Promotion]]<br>
[[File:Promotion-icon.png|50px|link=Portal:Promotion]]<br>
'''Promotion'''
'''Promotion'''
</div>
</div>
<div style="border: 1px solid #ddd; padding: 1rem; border-radius: 8px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
<div style="border: 1px solid #ddd; padding: 0.4rem; border-radius: 6px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease;">
[[File:Photos-icon.png|100px|link=Portal:Photos]]<br>
[[File:Photos-icon.png|50px|link=Portal:Photos]]<br>
'''Photos'''
'''Photos'''
</div>
</div>
<!-- Grid auto-adjusts; add :hover { box-shadow: 0 4px 8px rgba(0,0,0,0.2); } in MediaWiki:Common.css for interactive lift. -->
<!-- For hover effect: Add .portal-icon:hover { box-shadow: 0 2px 4px rgba(0,0,0,0.2); } to Common.css, with class="portal-icon" on divs if desired. -->
</div>
</div>