MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 30: | Zeile 30: | ||
} | } | ||
.grid-item { | .grid-item { | ||
| Zeile 43: | Zeile 42: | ||
padding-bottom: 20px; | padding-bottom: 20px; | ||
} | } | ||
.SFB { | .SFB { | ||
Version vom 7. Juni 2021, 10:30 Uhr
/* Grid "Zentrale Hinhalte" */
.grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1em;
}
@media only screen and (min-width : 680px) {
.grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width : 980px) {
.grid {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (min-width : 1980px) {
.grid {
grid-template-columns: repeat(8, 1fr);
}
}
.grid-item {
text-align: justify;
border: 1px solid #aaa !important;
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-wrapper {
border: 1px solid #aaa !important;
margin-top: 20px !important;
}
.item-header {
text-align: left;
font-weight: bold !important;
line-height: 1.5 !important;
font-family: inherit !important;
padding: 0.4em !important;
padding-left: 20px;
/* height: 150px;*/
border-top: 5px solid #2a4b8b;
}
.item-body{
border-top: 1px solid #aaa !important;
padding: 0.2em 0.4em;
}
.item-header a:link {
color: black;
}
.item-header:hover {
background: #2a4b8b;
}
.item-header:hover a:link {
color: white;
}
.item-header a:visited {
color: black;
}
.item-header:hover a:visited {
color: white;
}
#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;
}