Template:Main Page - styles/styles.css: Difference between revisions
Template page
More actions
Eloise Zomia (talk | contribs) Created page with "→Simplified BurnZero-style CSS for TemplateStyles: .main-header { text-align: center; padding: 2rem 1rem; background: #f8f9fa; border-radius: 8px; margin-bottom: 1rem; border: 1px solid #dee2e6; } .main-header__tagline { font-size: 1.5rem; color: #2d5016; margin-bottom: 0.5rem; font-weight: bold; } .main-header__subtitle { color: #6c757d; font-size: 1rem; } .main-navigation { display: grid; grid-template-col..." |
Eloise Zomia (talk | contribs) No edit summary |
||
| (34 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* | /* ============================================ */ | ||
/* MAIN PAGE HEADER */ | |||
/* ============================================ */ | |||
.main-header { | .main-header-logo { | ||
text-align: center; | text-align: center; | ||
padding: 2rem 1rem | padding: 3rem 1rem 2rem 1rem; | ||
margin-bottom: 2rem; | |||
background-color: #ffffff; | |||
margin-bottom: | |||
} | } | ||
. | .logo-container { | ||
text-align: center; | |||
margin-bottom: 1.5rem; | |||
margin-bottom: | |||
} | } | ||
. | .logo-container img { | ||
max-width: 150px; | |||
height: auto; | |||
display: block; | |||
margin: 0 auto; | |||
} | } | ||
. | .header-text { | ||
max-width: 800px; | |||
margin: 0 auto; | |||
text-align: center; | |||
} | } | ||
. | .site-title { | ||
font-family: 'Georgia', 'Times New Roman', serif; | |||
font-size: 5rem; | |||
font-weight: 400; | |||
letter-spacing: -0.02em; | |||
color: #2d5016; | |||
margin: 1rem 0 1.5rem 0; | |||
line-height: 1.1; | |||
position: relative; | |||
} | } | ||
. | .site-title::after { | ||
content: ''; | |||
display: block; | |||
width: 100%; | |||
height: 2px; | |||
background-color: #2d5016; | |||
margin: 1rem auto 0; | |||
} | } | ||
. | .main-tagline { | ||
font-size: 1.25rem; | |||
color: #2d5016; | color: #2d5016; | ||
font-weight: 600; | |||
margin-bottom: 0.75rem; | |||
margin-top: 1.5rem; | |||
text-transform: uppercase; | |||
letter-spacing: 1px; | |||
max-width: 100%; | |||
} | } | ||
. | .sub-tagline { | ||
font-size | font-size: 1rem; | ||
color: #6c757d; | color: #6c757d; | ||
line-height: 1.5; | line-height: 1.5; | ||
margin-bottom: 1rem; | margin-bottom: 1rem; | ||
} | } | ||
. | .call-to-action { | ||
font-size: 0. | font-size: 0.9rem; | ||
color: # | color: #495057; | ||
font-style: italic; | |||
margin-bottom: 0; | |||
} | } | ||
Latest revision as of 16:42, 19 January 2026
/* ============================================ */
/* MAIN PAGE HEADER */
/* ============================================ */
.main-header-logo {
text-align: center;
padding: 3rem 1rem 2rem 1rem;
margin-bottom: 2rem;
background-color: #ffffff;
}
.logo-container {
text-align: center;
margin-bottom: 1.5rem;
}
.logo-container img {
max-width: 150px;
height: auto;
display: block;
margin: 0 auto;
}
.header-text {
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.site-title {
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 5rem;
font-weight: 400;
letter-spacing: -0.02em;
color: #2d5016;
margin: 1rem 0 1.5rem 0;
line-height: 1.1;
position: relative;
}
.site-title::after {
content: '';
display: block;
width: 100%;
height: 2px;
background-color: #2d5016;
margin: 1rem auto 0;
}
.main-tagline {
font-size: 1.25rem;
color: #2d5016;
font-weight: 600;
margin-bottom: 0.75rem;
margin-top: 1.5rem;
text-transform: uppercase;
letter-spacing: 1px;
max-width: 100%;
}
.sub-tagline {
font-size: 1rem;
color: #6c757d;
line-height: 1.5;
margin-bottom: 1rem;
}
.call-to-action {
font-size: 0.9rem;
color: #495057;
font-style: italic;
margin-bottom: 0;
}