Mal:Forside/stil.css

@media (min-width: 1024px) { #konteiner { display: grid; grid-template-columns: 60% 10px auto; grid-auto-flow: dense; align-items: stretch; } .venstre { grid-column: 1; } .høyre { grid-column: 3; } #forsidebanner { display: grid; grid-template-columns: 60% 40%; grid-column: span 3; border-color: #C7D0F8; background-color: #F2F5FD; } } @media (max-width: 1024px) { #konteiner { display: flex; flex-direction: column; } #forsidebanner { order: 1; display: grid; grid-template-columns: 60% 40%; border-color: #C7D0F8; background-color: #F2F5FD; } #forsidebanner .bannervenstre { grid-column: span 2; } #forsidebanner .bannerhøyre, #søsterprosjekter, #om { display: none; } .venstre { order: 2; } .høyre { order: 3; } } body.skin-minerva #skandinavisk_artikkel, body.skin-minerva #søsterprosjekter, body.skin-minerva #om { display: none; } .forsideboks { box-sizing: border-box; width: 100%; padding: 1rem; border-width: 2px; border-style: solid; margin-bottom: 10px; } .forsideboks::after { content: ""; display: block; clear: both; height: 0; } .forsideboks .stor { font-size: 180%; }

1. forsidebanner {

display: grid; grid-template-columns: 60% 40%; grid-column: span 3; border-color: #C7D0F8; background-color: #F2F5FD; } .bannervenstre { justify-self: center; text-align: center; align-self: center; } .bannerhøyre { justify-self: end; text-align: right; align-self: center; }

1. ukens_artikkel, #skandinavisk_artikkel, #nye_artikler, #om {

border-color: #dfdfdf; background-color: #f8f8ff; }

1. søsterprosjekter, #idag {

border-color: #dfdfdf; background-color: #efefdf; }

1. aktuelt {

border-color: #dfdfdf; background-color: #dfdfef; }

1. nylig_avdøde {

border-color: #dfdfdf; background-color: #efdfdf; } .høyrenotis { font-size: smaller; text-align: right; }