MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 1: | Zeile 1: | ||
/* Grid "Zentrale Hinhalte" */ | /* Grid "Zentrale Hinhalte" */ | ||
.hs-grid { | |||
display: grid; | |||
grid-template-columns: repeat(1, 1fr); | |||
gap: 1em; | |||
} | |||
@media only screen and (min-width : 680px) { | |||
.hs-grid { | |||
grid-template-columns: repeat(2, 1fr); | |||
} | |||
} | |||
@media only screen and (min-width : 980px) { | |||
.hs-grid { | |||
grid-template-columns: repeat(4, 1fr); | |||
} | |||
} | |||
@media only screen and (min-width : 1980px) { | |||
.hs-grid { | |||
grid-template-columns: repeat(8, 1fr); | |||
} | |||
} | |||
.HS-grid-item { | .HS-grid-item { | ||
| Zeile 39: | Zeile 66: | ||
} | } | ||
.item { | .item { | ||
| Zeile 94: | Zeile 95: | ||
} | } | ||
#fd-1 { | #fd-1 { | ||
grid-column-start: 1; | grid-column-start: 1; | ||
| Zeile 102: | Zeile 103: | ||
} | } | ||
#fd-2 { | |||
#fd-2 { | |||
grid-column-start: 3; | grid-column-start: 3; | ||
| Zeile 110: | Zeile 112: | ||
} | } | ||
#fd-3 { | |||
#fd-3 { | |||
grid-column-start: 1; | grid-column-start: 1; | ||
| Zeile 118: | Zeile 121: | ||
} | } | ||
#fd-4 { | |||
#fd-4 { | |||
grid-column-start: 3; | grid-column-start: 3; | ||
| Zeile 127: | Zeile 131: | ||
} | } | ||
#sf-1 { | #sf-1 { | ||
grid-column-start: 1; | grid-column-start: 1; | ||
| Zeile 135: | Zeile 139: | ||
} | } | ||
#sf-2 { | |||
#sf-2 { | |||
grid-column-start: 1; | grid-column-start: 1; | ||
| Zeile 143: | Zeile 148: | ||
} | } | ||
#sf-3 { | |||
#sf-3 { | |||
grid-column-start: 1; | grid-column-start: 1; | ||
| Zeile 152: | Zeile 158: | ||
} | } | ||
#sf-4 { | #sf-4 { | ||
grid-column-start: 1; | grid-column-start: 1; | ||
Version vom 27. Mai 2021, 11:01 Uhr
/* Grid "Zentrale Hinhalte" */
.hs-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 1em;
}
@media only screen and (min-width : 680px) {
.hs-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width : 980px) {
.hs-grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (min-width : 1980px) {
.hs-grid {
grid-template-columns: repeat(8, 1fr);
}
}
.HS-grid-item {
text-align: justify;
border: 1px solid #aaa;
line-height: 1.5;
font-family: inherit;
padding-left: 20px;
padding-right: 20px;
margin: 10px;
padding-bottom: 20px;
}
.SFB {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 2;
}
.HS-SF {
grid-column-start: 4;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 3;
}
.HS-FD {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 4;
}
.item {
border: 1px solid #aaa;
margin-top: 20px;
}
.item-header {
text-align: left;
border-bottom: 1px solid #aaa;
font-weight: bold;
line-height: 1.5;
font-family: inherit;
padding: 0.4em;
padding-left: 20px;
height: 150px;
}
.item-body{
padding: 0.2em 0.4em;
}
#fd-1 {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
#fd-2 {
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 2;
}
#fd-3 {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
}
#fd-4 {
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 2;
grid-row-end: 3;
}
#sf-1 {
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 2;
}
#sf-2 {
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 2;
grid-row-end: 3;
}
#sf-3 {
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 3;
grid-row-end: 4;
}
#sf-4 {
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 4;
grid-row-end: 5;
}