الگو:Portal:Forside/stil.css: تفاوت میان نسخهها
پرش به ناوبری
پرش به جستجو
(صفحهای تازه حاوی «@media (min-width: 1024px) { #konteiner { display: grid; grid-template-columns: 60% 1vmax auto; grid-auto-flow: dense; align-items: stretch; } .venstre { grid-column: 1; } .høyre { grid-column: 3; } .forsideboks { margin-bottom: 1vmax; } } @media (max-width: 1023px) { #konteiner { display: flex; flex-direction: column; } #forsidebanner { order: 1; } #forsidebanner .bannervenstre { grid-column: span 2...» ایجاد کرد) |
جز («الگو:Portal:Forside/stil.css» را محافظت کرد ([ویرایش=تنها مدیران] (بیپایان) [انتقال=تنها مدیران] (بیپایان))) |
||
(۷ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) | |||
خط ۵۵: | خط ۵۵: | ||
padding: 2vmax; | padding: 2vmax; | ||
border: none; | border: none; | ||
box-shadow: 0 5px | box-shadow: 0 6px 5px #a7b6b7, 0 0 3px #b0b0b0; | ||
border-radius: 2px; | border-radius: 2px; | ||
} | } | ||
خط ۷۱: | خط ۷۱: | ||
grid-template-columns: 60% 40%; | grid-template-columns: 60% 40%; | ||
grid-column: span 3; | grid-column: span 3; | ||
background-size: 25vmax; | background-size: 25vmax; | ||
background-position: 110% 50%; | background-position: 110% 50%; |
نسخهٔ کنونی تا ۲۴ مهٔ ۲۰۲۴، ساعت ۰۵:۰۲
@media (min-width: 1024px) {
#konteiner {
display: grid;
grid-template-columns: 60% 1vmax auto;
grid-auto-flow: dense;
align-items: stretch;
}
.venstre {
grid-column: 1;
}
.høyre {
grid-column: 3;
}
.forsideboks {
margin-bottom: 1vmax;
}
}
@media (max-width: 1023px) {
#konteiner {
display: flex;
flex-direction: column;
}
#forsidebanner {
order: 1;
}
#forsidebanner .bannervenstre {
grid-column: span 2;
}
#søsterprosjekter {
display: none;
}
.venstre {
order: 2;
}
.høyre {
order: 3;
}
.forsideboks {
margin-bottom: 1rem;
}
}
@media (max-width: 1320px ) {
/* Fiks for at tabellen i aktuelt-boksen tvinger større bredde enn det skal være */
#aktuelt table td {
display: inline;
}
}
body.skin-minerva #skandinavisk_artikkel, body.skin-minerva #søsterprosjekter, body.skin-minerva #om {
display: none;
}
.forsideboks {
background-color: #fff;
box-sizing: border-box;
width: 100%;
padding: 2vmax;
border: none;
box-shadow: 0 6px 5px #a7b6b7, 0 0 3px #b0b0b0;
border-radius: 2px;
}
.forsideboks::after {
content: "";
display: block;
clear: both;
height: 0;
}
.forsideboks .stor {
font-size: 180%;
}
#forsidebanner {
display: grid;
grid-template-columns: 60% 40%;
grid-column: span 3;
background-size: 25vmax;
background-position: 110% 50%;
background-repeat: no-repeat;
}
.bannervenstre {
justify-self: center;
text-align: center;
align-self: center;
}
.bannervenstre p {
background-color: rgba(255,255,255,0.7);
border-radius: 1vmax;
}
.høyrenotis {
font-size: smaller;
text-align: right;
}
h3 {
margin-top: 0;
padding-top: 0;
}
hr {
background: linear-gradient(to left, transparent 0, #ccc 20%, #ccc 80%, transparent 100%);
}
.bildemaks40 figure {
max-width: 40%;
height: auto;
}
.bildemaks40 figure img {
width: 100%;
height: auto;
}
ul {
margin-left: 1em; /* Til vanlig: 1.6em */
}