MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (4 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: 2em | 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 { | |||
max-height: 300px; /* Keep image height consistent */ | |||
width: auto; | |||
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.1em; /* TIGHTER - Minimal bottom margin */ | |||
line-height: 1.2; /* TIGHTER - Reduced line-height */ | |||
} | } | ||
| Line 68: | Line 82: | ||
.about-section { | .about-section { | ||
max-width: 900px; | max-width: 900px; | ||
margin: | margin: 1em auto; /* Keep as previously reduced */ | ||
font-size: | font-size: 1em; /* Keep as previously reduced */ | ||
line-height: 1. | 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: | 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 81: | Line 95: | ||
.about-section h2 { | .about-section h2 { | ||
color: #2c3e50; | color: #2c3e50; | ||
margin-bottom: 0. | margin-bottom: 0.5em; /* Keep as previously reduced */ | ||
font-size: 1. | font-size: 1.5em; /* Keep as previously reduced */ | ||
} | |||
.about-section p { | |||
margin-top: 0; | |||
margin-bottom: 0.5em; /* Keep as previously reduced */ | |||
} | } | ||
.external-links { | .external-links { | ||
| Line 202: | Line 222: | ||
} | } | ||
.wiki-table th, | .wiki-table th, | ||
.wiki-table-mobile th { | .wiki-table-mobile th { | ||
text-align: center; | text-align: center; | ||
} | } | ||
.section-header, | .section-header, | ||
.blue-header, | .blue-header, | ||
.orange-header, | .orange-header, | ||
.green-header, | .green-header, | ||
.pink-header, | .pink-header, | ||
.yellow-header, | .yellow-header, | ||
.light-blue-header, | .light-blue-header, | ||
.purple-header { | .purple-header { | ||
width: 50%; | width: 50%; | ||
| Line 437: | Line 457: | ||
/* If your wiki has standard 'header' rows in tables, style them nicely */ | /* If your wiki has standard 'header' rows in tables, style them nicely */ | ||
table th { | table th { | ||
background-color: #eee; | background-color: #eee; | ||
font-weight: bold; | font-weight: bold; | ||
padding: 0.5em; | padding: 0.5em; | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||