User:Tom/Sandbox12: Difference between revisions

no edit summary
No edit summary
No edit summary
Tag: Reverted
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;">
{| class="wikitable" style="width:100%; text-align:center; margin:1rem auto;"
<!-- 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;">
! colspan="4" | Portal Icons
[[File:Saints-icon.png|100px|link=Portal:Saints]]<br>
|-
'''Saints'''
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:Saints-icon.png|60px|link=Portal:Saints]]<br />'''Saints'''
</div>
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:Parishes-icon.png|60px|link=Portal:Parishes]]<br />'''Parishes'''
<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;">
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:Media-icon.png|60px|link=Portal:Media]]<br />'''Media'''
[[File:Parishes-icon.png|100px|link=Portal:Parishes]]<br>
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:Countries-icon.png|60px|link=Portal:Countries]]<br />'''Countries'''
'''Parishes'''
|-
</div>
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:Dioceses-icon.png|60px|link=Portal:Dioceses]]<br />'''Dioceses'''
<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;">
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:Bishops-icon.png|60px|link=Portal:Bishops]]<br />'''Bishops'''
[[File:Media-icon.png|100px|link=Portal:Media]]<br>
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:Prayer-icon.png|60px|link=Portal:Prayer]]<br />'''Prayer'''
'''Media'''
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:ReligiousOrders-icon.png|60px|link=Portal:ReligiousOrders]]<br />'''Religious orders'''
</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;">
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:Shrines-icon.png|60px|link=Portal:Shrines]]<br />'''Shrines'''
[[File:Countries-icon.png|100px|link=Portal:Countries]]<br>
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:Sightings-icon.png|60px|link=Portal:Sightings]]<br />'''Sightings'''
'''Countries'''
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:AdministrativeSubdivisions-icon.png|60px|link=Portal:AdministrativeSubdivisions]]<br />'''Administrative Subdivisions'''
</div>
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:LayOrganizations-icon.png|60px|link=Portal:LayOrganizations]]<br />'''Lay organizations'''
<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;">
|-
[[File:Dioceses-icon.png|100px|link=Portal:Dioceses]]<br>
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:Promotion-icon.png|60px|link=Portal:Promotion]]<br />'''Promotion'''
'''Dioceses'''
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | [[File:Photos-icon.png|60px|link=Portal:Photos]]<br />'''Photos'''
</div>
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | &nbsp;
<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;">
| style="border:1px solid #ddd; padding:0.5rem; background:#fff; vertical-align:top;" | &nbsp;
[[File:Bishops-icon.png|100px|link=Portal:Bishops]]<br>
|}
'''Bishops'''
</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;">
[[File:Prayer-icon.png|100px|link=Portal:Prayer]]<br>
'''Prayer'''
</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;">
[[File:ReligiousOrders-icon.png|100px|link=Portal:ReligiousOrders]]<br>
'''Religious orders'''
</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;">
[[File:Shrines-icon.png|100px|link=Portal:Shrines]]<br>
'''Shrines'''
</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;">
[[File:Sightings-icon.png|100px|link=Portal:Sightings]]<br>
'''Sightings'''
</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;">
[[File:AdministrativeSubdivisions-icon.png|100px|link=Portal:AdministrativeSubdivisions]]<br>
'''Administrative Subdivisions'''
</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;">
[[File:LayOrganizations-icon.png|100px|link=Portal:LayOrganizations]]<br>
'''Lay organizations'''
</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;">
[[File:Promotion-icon.png|100px|link=Portal:Promotion]]<br>
'''Promotion'''
</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;">
[[File:Photos-icon.png|100px|link=Portal:Photos]]<br>
'''Photos'''
</div>
<!-- Grid auto-adjusts; add :hover { box-shadow: 0 4px 8px rgba(0,0,0,0.2); } in MediaWiki:Common.css for interactive lift. -->
</div>