Template:MainPageBanner/styles.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
Line 35: | Line 35: | ||
/* Sections Layout */ | /* Sections Layout */ | ||
#mp-container { | |||
width: 100%; | |||
display: flex; | |||
justify-content: space-between; | |||
gap: 20px; | |||
margin-top: 15px; | |||
} | |||
.mp-section { | .mp-section { | ||
width: | width: 48%; /* Match the width of the top banner */ | ||
padding: 10px; | padding: 10px; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
Revision as of 19:48, 2 January 2025
/* General styles for sections */ #mp-topbanner { background-color: #f4f4f4; padding: 15px; border: 1px solid #ccc; margin-bottom: 10px; } #mp-welcomecount { text-align: center; } #mp-welcome h1 { font-size: 2em; font-weight: bold; } #mp-free { font-size: 1.2em; margin-top: 5px; } #articlecount { font-size: 1.1em; color: #333; margin-top: 10px; } #mp-banner { background-color: #e7f7fc; padding: 15px; border: 1px solid #8a8a8a; margin-top: 15px; } /* Sections Layout */ #mp-container { width: 100%; display: flex; justify-content: space-between; gap: 20px; margin-top: 15px; } .mp-section { width: 48%; /* Match the width of the top banner */ padding: 10px; background-color: #f9f9f9; border: 1px solid #ccc; box-sizing: border-box; } /* Stats Box */ #mp-stats { clear: both; padding: 15px; background-color: #e7f7fc; border: 1px solid #8a8a8a; margin-top: 20px; text-align: center; }