MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 50: | Zeile 50: | ||
} | } | ||
} | } | ||
@media only screen and (min-width: 1980px) { | @media only screen and (min-width: 1980px) { | ||
| Zeile 56: | Zeile 57: | ||
} | } | ||
} | } | ||
@media only screen and (min-width: 1980px) { | |||
.grid-itw { | |||
grid-template-columns: repeat(9, 1fr); | |||
} | |||
} | |||
.grid-item { | .grid-item { | ||
Version vom 7. Juni 2021, 14:43 Uhr
/* Grid "Zentrale Hinhalte" */
.grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1em;
}
.grid-itw {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1em;
}
.grid-fd {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1em;
}
.grid-sf {
display: grid;
grid-template-columns: repeat(1, 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);
}
}
@media only screen and (min-width: 1980px) {
.grid-fd {
grid-template-columns: repeat(4, 1fr);
}
}
@media only screen and (min-width: 1980px) {
.grid-itw {
grid-template-columns: repeat(9, 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;
}
.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;
}