MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 19: | Zeile 19: | ||
.grid { | .grid { | ||
grid-template-columns: repeat( | grid-template-columns: repeat(2, 1fr); | ||
} | } | ||
} | } | ||
| Zeile 26: | Zeile 26: | ||
.grid { | .grid { | ||
grid-template-columns: repeat( | grid-template-columns: repeat(4, 1fr); | ||
} | } | ||
} | } | ||
Version vom 7. Juni 2021, 14:21 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(2, 1fr);
}
}
@media only screen and (min-width : 1980px) {
.grid {
grid-template-columns: repeat(4, 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;
padding:10px !important;
}
.HS-FD .item-header{
height: 80px;
border-top: 5px solid #cecec7;
}
.HS-SF .item-header{
height: 40px;
border-top: 5px solid #8991ba;
} .HS-ITW .item-header{
height: 40px;
border-top: 5px solid #CFCEC2;
}
.HS-TPs .item-header{
height: 130px;
border-top: 5px solid #2a4b8b;
}
.item-body{
border-top: 1px solid #aaa !important;
/*padding: 0.2em 0.4em;*/
padding: 10px;
}
.item-header a:link {
color: black;
}
.HS-TPs .item-header:hover {
background: #2a4b8b;
}
.HS-SF .item-header:hover {
background: #8991ba;
}
.HS-FD .item-header:hover {
background: #cecec7;
}
.HS-ITW .item-header:hover {
background: #CFCEC2;
}
.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;
}
.SF {
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;
border-top: 5px solid #8991ba!important;
}
.ITW{
text-align: justify;
border: 1px solid #aaa !important;
line-height: 1.5;
font-family: inherit;
padding: 20px;
margin: 10px;
border-top: 5px solid #CFCEC2 !important;
}