MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
.hero-banner { | .hero-banner { | ||
text-align: center; | text-align: center; | ||
margin: | margin: 1em 0; /* MODIFIED - Reduced top/bottom margin */ | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
padding: | padding: 1em 0.5em; /* MODIFIED - 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); | ||
} | } | ||
/* MODIFIED - Added rule for image max-height */ | |||
.hero-banner img { | |||
max-height: 300px; /* Corresponds to the Wikitext value */ | |||
width: auto; /* Maintain aspect ratio */ | |||
max-width: 100%; /* Ensure it's responsive */ | |||
} | |||
.hero-title { | .hero-title { | ||
font-size: | font-size: 2em; /* MODIFIED - Reduced font size */ | ||
font-weight: bold; | font-weight: bold; | ||
margin-top: 0. | margin-top: 0.5em; /* MODIFIED - Reduced top margin */ | ||
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); | ||
| Line 23: | Line 31: | ||
.hero-subtitle { | .hero-subtitle { | ||
font-size: 1. | font-size: 1.2em; /* MODIFIED - Reduced font size */ | ||
margin-top: 0. | margin-top: 0.3em; /* MODIFIED - Reduced top margin */ | ||
color: #34495e; | color: #34495e; | ||
font-weight: 300; | font-weight: 300; | ||
text-align: center; | text-align: center; | ||
margin-bottom: 0.5em; /* MODIFIED - Added slight bottom margin */ | |||
} | } | ||
| Line 68: | Line 77: | ||
.about-section { | .about-section { | ||
max-width: 900px; | max-width: 900px; | ||
margin: | margin: 1em auto; /* MODIFIED - Reduced top/bottom margin */ | ||
font-size: | font-size: 1em; /* MODIFIED - Slightly reduced font size */ | ||
line-height: 1. | line-height: 1.6; /* MODIFIED - Slightly reduced line height */ | ||
text-align: center; | text-align: center; | ||
color: #333; | color: #333; | ||
background-color: white; | background-color: white; | ||
padding: | padding: 1em; /* MODIFIED - Reduced padding */ | ||
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 90: | ||
.about-section h2 { | .about-section h2 { | ||
color: #2c3e50; | color: #2c3e50; | ||
margin-bottom: 0. | margin-bottom: 0.5em; /* MODIFIED - Reduced bottom margin */ | ||
font-size: 1. | font-size: 1.5em; /* MODIFIED - Reduced font size */ | ||
} | |||
/* MODIFIED - Reduced paragraph margin */ | |||
.about-section p { | |||
margin-top: 0; | |||
margin-bottom: 0.5em; | |||
} | } | ||
.external-links { | .external-links { | ||
| Line 202: | Line 218: | ||
} | } | ||
.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 453: | ||
/* 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; | ||