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-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 { | .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; | |||
} | |||
} | .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); | |||
} | |||
} | |||
.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; | |||
} | } | ||
Version vom 27. Mai 2021, 11:46 Uhr
/* Grid "Zentrale Hinhalte" */ .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; } .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); } } .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; }