Template: Blog post/styles.css
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Title area (skin heading is the H1) */ | /* Title area (skin heading is the H1) */ | ||
.firstHeading { font-size: 2.4rem; line-height: 1.15; font-weight: 800; margin-bottom: 0. | .firstHeading { | ||
font-size: 2.4rem; | |||
line-height: 1.15; | |||
font-weight: 800; | |||
margin-bottom: 0.2rem; /* smaller gap below title */ | |||
} | |||
/* Byline */ | /* Byline */ | ||
.blog-byline { color: #616161; font-size: 0.98rem; margin- | .blog-byline { | ||
color: #616161; | |||
font-size: 0.98rem; | |||
margin-top: 0; /* remove extra space above */ | |||
margin-bottom: 1rem; | |||
} | |||
.blog-byline a { color: inherit; text-decoration: underline; } | .blog-byline a { color: inherit; text-decoration: underline; } | ||
/* | /* Hero image */ | ||
.blog- | .blog-hero { | ||
margin: 1rem auto 0.75rem; | |||
/* | text-align: center; /* center the image container */ | ||
} | |||
.blog-hero-img { display: block; width: 100% | .blog-hero-img { | ||
.blog-hero-cap { text-align: center; color: #6f6f6f; font-size: 0.92rem; margin-top: 0.45rem; | display: block; | ||
margin: 0 auto; /* center the image itself */ | |||
max-width: 100%; | |||
height: auto; | |||
border-radius: 8px; | |||
} | |||
.blog-hero-cap { | |||
text-align: center; | |||
color: #6f6f6f; | |||
font-size: 0.92rem; | |||
margin-top: 0.45rem; | |||
font-style: italic; | |||
} | |||
Revision as of 21:12, 1 October 2025
/* Title area (skin heading is the H1) */
.firstHeading {
font-size: 2.4rem;
line-height: 1.15;
font-weight: 800;
margin-bottom: 0.2rem; /* smaller gap below title */
}
/* Byline */
.blog-byline {
color: #616161;
font-size: 0.98rem;
margin-top: 0; /* remove extra space above */
margin-bottom: 1rem;
}
.blog-byline a { color: inherit; text-decoration: underline; }
/* Hero image */
.blog-hero {
margin: 1rem auto 0.75rem;
text-align: center; /* center the image container */
}
.blog-hero-img {
display: block;
margin: 0 auto; /* center the image itself */
max-width: 100%;
height: auto;
border-radius: 8px;
}
.blog-hero-cap {
text-align: center;
color: #6f6f6f;
font-size: 0.92rem;
margin-top: 0.45rem;
font-style: italic;
}