Bureaucrats, Moderators (CommentStreams), Interface administrators, Push subscription managers, Suppressors, Administrators
11,987
edits
Portal:Homepage: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
{{Portal:Homepage/Welcome}} | {{Portal:Homepage/Welcome}} | ||
</div> | </div> | ||
<div id="mp-upper"> | <div id="mp-upper" style="display: flex; gap: 1em;"> | ||
<div id="mp-left" class="MainPageBG mp-box" style="border: none; background: #faf8f1 !important; | <div id="mp-left" class="MainPageBG mp-box" style="border: none; background: #faf8f1 !important; flex: 1;"> | ||
<div style="border:1px solid #a79c83; background:#faf8f1; color:black; margin-bottom:0.5em;"> | <div style="border:1px solid #a79c83; background:#faf8f1; color:black; margin-bottom:0.5em;"> | ||
<h2 style="background:#e7dcc3; color:black; margin:0; padding:0.5em; font-size:1.3em; border-bottom:1px solid #a79c83;">Saints of the Day</h2> | <h2 style="background:#e7dcc3; color:black; margin:0; padding:0.5em; font-size:1.3em; border-bottom:1px solid #a79c83;">Saints of the Day</h2> | ||
| Line 20: | Line 20: | ||
</div> | </div> | ||
</div> | </div> | ||
<div id="mp-center" class="MainPageBG mp-box" style="border: none; background: #faf8f1 !important; | <div id="mp-center" class="MainPageBG mp-box" style="border: none; background: #faf8f1 !important; flex: 1;"> | ||
<div style="border:1px solid #a79c83; background:#faf8f1; color:black; margin-bottom:0.5em;"> | <div style="border:1px solid #a79c83; background:#faf8f1; color:black; margin-bottom:0.5em;"> | ||
<h2 style="background:#e7dcc3; color:black; margin:0; padding:0.5em; font-size:1.3em; border-bottom:1px solid #a79c83;">Featured saints</h2> | <h2 style="background:#e7dcc3; color:black; margin:0; padding:0.5em; font-size:1.3em; border-bottom:1px solid #a79c83;">Featured saints</h2> | ||
| Line 30: | Line 30: | ||
</div> | </div> | ||
</div> | </div> | ||
<div id="mp-right" class="MainPageBG mp-box" style="border: none; background: #faf8f1 !important; | <div id="mp-right" class="MainPageBG mp-box" style="border: none; background: #faf8f1 !important; flex: 1;"> | ||
<div style="border:1px solid #a79c83; background:#faf8f1; color:black; margin-bottom:0.5em;"> | <div style="border:1px solid #a79c83; background:#faf8f1; color:black; margin-bottom:0.5em;"> | ||
<h2 style="background:#e7dcc3; color:black; margin:0; padding:0.5em; font-size:1.3em; border-bottom:1px solid #a79c83;">Portals</h2> | <h2 style="background:#e7dcc3; color:black; margin:0; padding:0.5em; font-size:1.3em; border-bottom:1px solid #a79c83;">Portals</h2> | ||
| Line 43: | Line 43: | ||
[[Category:Portals]] | [[Category:Portals]] | ||
<!-- | <!-- For mobile responsiveness, ensure this is in Saintapedia:Main Page/styles.css: | ||
@media screen and (max-width: 720px) { | @media screen and (max-width: 720px) { | ||
#mp-upper { | |||
flex-direction: column; | |||
gap: 0.5em; | |||
} | |||
#mp-left, #mp-center, #mp-right { | #mp-left, #mp-center, #mp-right { | ||
flex: none; | |||
} | } | ||
} | } | ||
This | This stacks the columns vertically on smaller screens while keeping them balanced side-by-side on desktop. --> | ||