Template:Site styles/styles.css
Template page
More actions
/* Shared components for archives, help, policies and file records. */
.archive-nav, .archive-help-nav { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .7rem; padding: .75rem 1rem; margin-block: .4rem 1.5rem; border: 1px solid var(--border-color-base, #72777d); border-radius: .65rem; background: var(--color-surface-1, transparent); font-size: .875rem; line-height: 1.7; }
.archive-nav p { margin: 0; }
.archive-page-intro, .archive-help-hero { padding: clamp(1rem, 3vw, 1.75rem); margin-block: 1rem; border: 1px solid var(--border-color-base, #72777d); border-inline-start: 3px solid #b65d65; border-radius: .75rem; background: var(--color-surface-1, transparent); overflow-wrap: anywhere; }
.archive-eyebrow, .archive-help-eyebrow { color: var(--color-base--subtle, inherit); font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; margin-block-end: .5rem; }
.archive-page-intro p:last-child, .archive-help-hero p:last-child { margin-bottom: 0; }
.archive-help-hero h2 { margin-top: .5rem; border: 0; font-size: clamp(1.6rem, 4vw, 2.2rem); }
.archive-card-grid, .archive-help-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-block: 1rem 1.75rem; }
.archive-card-grid > p { display: contents; }
.archive-card, .archive-help-card { min-width: 0; padding: 1.15rem; border: 1px solid var(--border-color-base, #72777d); border-radius: .75rem; background: var(--color-surface-1, transparent); overflow-wrap: anywhere; }
.archive-card h3, .archive-help-card h3 { margin-top: 0; font-size: 1.15rem; }
.archive-card .mw-heading, .archive-help-card .mw-heading { margin-block: 0 .65rem; }
.archive-card p:last-child, .archive-help-card p:last-child { margin-bottom: 0; }
.archive-card__links { font-size: .875rem; margin-block-start: .65rem; }
.archive-note, .archive-help-note { margin-block: 1rem; padding: .8rem 1rem; border-inline-start: 3px solid #b65d65; background: var(--color-surface-1, transparent); }
.archive-index-list ul { margin-block: .75rem; }
.archive-index-list li { margin-block: .45rem; }
.archive-file-information { width: 100%; border-collapse: collapse; margin-block: 1rem; overflow-wrap: anywhere; }
.archive-file-information th, .archive-file-information td { padding: .75rem; border: 1px solid var(--border-color-base, #72777d); text-align: start; vertical-align: top; }
.archive-file-information th { width: 25%; background: var(--color-surface-1, transparent); }
@media (max-width: 600px) { .archive-card-grid, .archive-help-grid { grid-template-columns: 1fr; } .archive-file-information th { width: 30%; } }