/* Bannerstripa på dei arkiverte sidene. * * Ho ligg fyrst i , før sida sin eigen topp, og skal ikkje sjå ut som * ein del av temaet under. Difor eigne farger og eiga skrift, og ingen * `position: fixed` — stripa skal lesast éin gong og so vera ute av vegen. * * `all: initial` på rota er med vilje: temaa under er WordPress-tema med * breie selektorar (`div p`, `aside a`), og utan ei sperre arvar banneret * kva som helst av dei. */ .arkiv-banner { all: initial; display: block; box-sizing: border-box; width: 100%; background: #221c29; color: #f4f3ed; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.5; padding: 1rem 1.25rem; border-bottom: 3px solid #b8862f; } .arkiv-banner * { box-sizing: border-box; font-family: inherit; } .arkiv-banner .arkiv-innmat { max-width: 46rem; margin: 0 auto; } .arkiv-banner p { margin: 0; color: #f4f3ed; font-size: 1rem; line-height: 1.5; } .arkiv-banner p + p { margin-top: 0.5rem; color: #c9c4d2; font-size: 0.9375rem; } .arkiv-banner strong { color: #f4f3ed; font-weight: 700; } .arkiv-banner a, .arkiv-banner a:visited { color: #e0ac4b; text-decoration: underline; text-underline-offset: 2px; } .arkiv-banner a:hover, .arkiv-banner a:focus { color: #f4f3ed; } @media print { .arkiv-banner { background: none; color: #000; border-bottom: 1px solid #000; } .arkiv-banner p, .arkiv-banner strong, .arkiv-banner a { color: #000; } }