MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
.hero-banner { | .hero-banner { | ||
text-align: center; | text-align: center; | ||
margin: | margin: 0.5em 0; /* Keep reduced margin */ | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
padding: | padding: 0.2em 0.5em; /* Keep reduced padding */ | ||
border-radius: 8px; | border-radius: 8px; | ||
box-shadow: 0 2px 10px rgba(0,0,0,0.05); | box-shadow: 0 2px 10px rgba(0,0,0,0.05); | ||
} | } | ||
.hero-banner img { | .hero-banner img { | ||
max-height: 300px; /* | max-height: 300px; /* Keep image height consistent */ | ||
width: auto; | width: auto; | ||
max-width: 100%; | max-width: 100%; | ||
display: block; | |||
margin-left: auto; | |||
margin-right: auto; | |||
margin-bottom: 0; | |||
} | } | ||
.hero-title { | .hero-title { | ||
font-size: | font-size: 1.7em; /* SMALLER - Reduced font size further */ | ||
font-weight: bold; | font-weight: bold; /* Keep bold for emphasis */ | ||
margin-top: 0. | margin-top: 0.1em; /* TIGHTER - Reduced top margin significantly */ | ||
margin-bottom: 0; /* Keep bottom margin at 0 */ | |||
color: #2c3e50; | color: #2c3e50; | ||
text-shadow: 1px 1px 2px rgba(0,0,0,0.1); | text-shadow: 1px 1px 2px rgba(0,0,0,0.1); | ||
text-align: center; | text-align: center; | ||
line-height: 1.2; /* TIGHTER - Reduced line-height */ | |||
} | } | ||
.hero-subtitle { | .hero-subtitle { | ||
font-size: 1. | font-size: 1.0em; /* SMALLER - Reduced font size further */ | ||
margin-top: 0. | margin-top: 0.05em; /* TIGHTER - Almost no top margin */ | ||
color: #34495e; | color: #34495e; | ||
font-weight: 300; | font-weight: 300; | ||
text-align: center; | text-align: center; | ||
margin-bottom: 0. | margin-bottom: 0.1em; /* TIGHTER - Minimal bottom margin */ | ||
line-height: 1.2; /* TIGHTER - Reduced line-height */ | |||
} | } | ||
| Line 77: | Line 82: | ||
.about-section { | .about-section { | ||
max-width: 900px; | max-width: 900px; | ||
margin: 1em auto; /* | margin: 1em auto; /* Keep as previously reduced */ | ||
font-size: 1em; /* | font-size: 1em; /* Keep as previously reduced */ | ||
line-height: 1.6; /* | line-height: 1.6; /* Keep as previously reduced */ | ||
text-align: center; | text-align: center; | ||
color: #333; | color: #333; | ||
background-color: white; | background-color: white; | ||
padding: 1em; /* | padding: 1em; /* Keep as previously reduced */ | ||
border-radius: 8px; | border-radius: 8px; | ||
box-shadow: 0 2px 8px rgba(0,0,0,0.05); | box-shadow: 0 2px 8px rgba(0,0,0,0.05); | ||
| Line 90: | Line 95: | ||
.about-section h2 { | .about-section h2 { | ||
color: #2c3e50; | color: #2c3e50; | ||
margin-bottom: 0.5em; /* | margin-bottom: 0.5em; /* Keep as previously reduced */ | ||
font-size: 1.5em; /* | font-size: 1.5em; /* Keep as previously reduced */ | ||
} | } | ||
.about-section p { | .about-section p { | ||
margin-top: 0; | margin-top: 0; | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; /* Keep as previously reduced */ | ||
} | } | ||