Template:Newsletter/styles.css: Difference between revisions
Template page
More actions
Content deleted Content added
LordSkorne7 (talk | contribs) No edit summary |
Tesinormed (talk | contribs) No edit summary |
||
| (44 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
/* container */ |
|||
.amaranth-legacy-newsletter { |
.amaranth-legacy-newsletter { |
||
background-color: var(--template-arg-background-color); |
|||
background: transparent; /* This will be overridden inline by {{{background}}} */ |
|||
border: var(--border-width-thick) solid var(--template-arg-color); |
|||
border: 4px solid #60add5; /* Overridden inline by {{{bordercolor}}} */ |
|||
padding: |
padding: var(--space-xl) var(--space-md); |
||
width: 100%; |
|||
color: #60add5; /* Overridden inline by {{{textcolor}}} */ |
|||
max-width: |
max-width: 900px; |
||
margin: auto; |
margin-inline: auto; |
||
margin-block: var(--space-md); |
|||
font-family: Arial, sans-serif; /* Overridden inline by {{{font}}} */ |
|||
/* Glow is conditionally added via inline style in the template */ |
|||
| ⚫ | |||
| ⚫ | |||
display: flex; |
display: flex; |
||
flex-direction: column; |
|||
justify-content: center; |
justify-content: center; |
||
align-items: center; |
align-items: center; |
||
gap: var(--space-xs); |
|||
font-size: 2em; |
|||
font-weight: bold; |
|||
color: #60add5; /* Overridden inline by {{{titlecolor}}} */ |
|||
text-shadow: none; /* Overridden inline by conditional glow */ |
|||
} |
} |
||
.amaranth-legacy-newsletter- |
.amaranth-legacy-newsletter > .hatnote-wrapper:first-of-type { |
||
width: 100%; |
|||
text-align: center; |
|||
max-width: unset; |
|||
| ⚫ | |||
| ⚫ | |||
.amaranth-legacy-newsletter > .hatnote-wrapper:first-of-type > hr:first-child { |
|||
margin-block-start: 0; |
|||
} |
|||
.amaranth-legacy-newsletter > .hatnote-wrapper:first-of-type > hr:last-child, |
|||
.amaranth-legacy-newsletter-sections > :last-child > .amaranth-legacy-newsletter-section-content > p:last-of-type { |
|||
| ⚫ | |||
} |
|||
.amaranth-legacy-newsletter-title, .amaranth-legacy-newsletter-section-title { |
|||
color: var(--template-arg-color); |
|||
font-weight: bold; |
font-weight: bold; |
||
} |
} |
||
.amaranth-legacy-newsletter- |
.amaranth-legacy-newsletter-title { |
||
font-family: var(--font-family-serif); |
|||
text-align: center; |
|||
font-size: 1.2em; |
|||
| ⚫ | |||
margin-bottom: 1em; |
|||
} |
} |
||
.amaranth-legacy-newsletter- |
.amaranth-legacy-newsletter-overview > p { |
||
margin-block: var(--space-xs); |
|||
border: none; |
|||
border-top: 2px solid #60add5; /* Overridden inline */ |
|||
margin: 1.5em 0; |
|||
} |
} |
||
.amaranth-legacy-newsletter- |
.amaranth-legacy-newsletter-sections { |
||
column-count: 2; |
|||
display: grid; |
|||
width: 100%; |
|||
grid-template-columns: 1fr 1fr; |
|||
} |
|||
gap: 2em; |
|||
@media only screen and (max-width: 639px) { |
|||
| ⚫ | |||
column-count: 1; |
|||
} |
|||
} |
|||
.amaranth-legacy-newsletter-section, .amaranth-legacy-newsletter-section-content { |
|||
break-inside: avoid-column; |
|||
} |
} |
||
.amaranth-legacy-newsletter-section-title { |
.amaranth-legacy-newsletter-section-title { |
||
border-bottom: var(--border-width-thick) solid var(--template-arg-color); |
|||
font-size: 1.5em; |
|||
font-weight: bold; |
|||
margin-top: 2em; |
|||
/* Color handled inline per section via {{{sectionX_color}}} */ |
|||
} |
} |
||
.amaranth-legacy-newsletter-section- |
.amaranth-legacy-newsletter-section-content ul, |
||
.amaranth-legacy-newsletter-section-content ol { |
|||
border: none; |
|||
margin-inline-start: var(--space-xl); |
|||
border-top: 1px solid #60add5; /* Overridden inline */ |
|||
margin: 0.5em 0; |
|||
} |
} |
||
Latest revision as of 04:33, July 5, 2025
/* container */
.amaranth-legacy-newsletter {
background-color: var(--template-arg-background-color);
border: var(--border-width-thick) solid var(--template-arg-color);
padding: var(--space-xl) var(--space-md);
width: 100%;
max-width: 900px;
margin-inline: auto;
margin-block: var(--space-md);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: var(--space-xs);
}
.amaranth-legacy-newsletter > .hatnote-wrapper:first-of-type {
width: 100%;
max-width: unset;
}
.amaranth-legacy-newsletter > .hatnote-wrapper:first-of-type > hr:first-child {
margin-block-start: 0;
}
.amaranth-legacy-newsletter > .hatnote-wrapper:first-of-type > hr:last-child,
.amaranth-legacy-newsletter-sections > :last-child > .amaranth-legacy-newsletter-section-content > p:last-of-type {
margin-block-end: 0;
}
.amaranth-legacy-newsletter-title, .amaranth-legacy-newsletter-section-title {
color: var(--template-arg-color);
font-weight: bold;
}
.amaranth-legacy-newsletter-title {
font-family: var(--font-family-serif);
}
.amaranth-legacy-newsletter-overview > p {
margin-block: var(--space-xs);
}
.amaranth-legacy-newsletter-sections {
column-count: 2;
width: 100%;
}
@media only screen and (max-width: 639px) {
.amaranth-legacy-newsletter-sections {
column-count: 1;
}
}
.amaranth-legacy-newsletter-section, .amaranth-legacy-newsletter-section-content {
break-inside: avoid-column;
}
.amaranth-legacy-newsletter-section-title {
border-bottom: var(--border-width-thick) solid var(--template-arg-color);
}
.amaranth-legacy-newsletter-section-content ul,
.amaranth-legacy-newsletter-section-content ol {
margin-inline-start: var(--space-xl);
}