Template:Portals on homepage: Difference between revisions

Template:Portals on homepage (view source)

Revision as of 04:48, 9 November 2025

114 bytes added , 9 November

no edit summary

Bureaucrats, Moderators (CommentStreams), Interface administrators, Push subscription managers, Suppressors, Administrators

11,987

edits

@@ Line 1: / Line 1: @@
-<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 1rem; text-align: center; padding: 1rem; justify-items: center;">
+<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;">
-<!-- Compact grid: 50px icons, reduced minmax, gap, and padding for smaller footprint. Upload 60x60px icons if available for crisp scaling. -->
+<!-- Reverted to larger icons (100px), original grid sizing for prominent display. Upload 120x120px icons for optimal scaling. -->
-<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;">
+<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:Saints-icon.png|50px|link=Portal:Saints]]<br>
+[[File:Saints-icon.png|100px|link=Portal:Saints]]<br>
 '''Saints'''
 </div>
-<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;">
+<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:Parishes-icon.png|50px|link=Portal:Parishes]]<br>
+[[File:Parishes-icon.png|100px|link=Portal:Parishes]]<br>
 '''Parishes'''
 </div>
-<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;">
+<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:Countries-icon.png|50px|link=Portal:Countries]]<br>
+[[File:Countries-icon.png|100px|link=Portal:Countries]]<br>
 '''Countries'''
 </div>
-<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;">
+<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|50px|link=Portal:Dioceses]]<br>
+[[File:Dioceses-icon.png|100px|link=Portal:Dioceses]]<br>
 '''Dioceses'''
 </div>
-<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;">
+<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|50px|link=Portal:ReligiousOrders]]<br>
+[[File:ReligiousOrders-icon.png|100px|link=Portal:ReligiousOrders]]<br>
 '''Religious orders'''
+</div>
+<!-- Optional: Add :hover { box-shadow: 0 4px 8px rgba(0,0,0,0.2); } in MediaWiki:Common.css for interactive effect. -->
 </div>