MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 334: | Zeile 334: | ||
/* Layout TP Test Anordnung ohne Grid*/ | /* Layout TP Test Anordnung ohne Grid*/ | ||
nav { | |||
.nav { | |||
float: left; | float: left; | ||
width: 30%; | width: 30%; | ||
| Zeile 340: | Zeile 341: | ||
background: #ccc; | background: #ccc; | ||
padding: 20px; | padding: 20px; | ||
} | } | ||
article { | .article { | ||
float: left; | float: left; | ||
padding: 20px; | padding: 20px; | ||
| Zeile 354: | Zeile 352: | ||
background-color: #f1f1f1; | background-color: #f1f1f1; | ||
height: 300px; /* only for demonstration, should be removed */ | height: 300px; /* only for demonstration, should be removed */ | ||
} | } | ||
/* Clear floats after the columns */ | /* Clear floats after the columns */ .section::after { | ||
section::after { | |||
content: ""; | content: ""; | ||
display: table; | display: table; | ||
clear: both; | clear: both; | ||
} | } | ||
Version vom 14. Juni 2021, 14:53 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: auto;
border-top: 5px solid #cecec7;
}
.HS-SF .item-header{ height: auto;
border-top: 5px solid #8991ba;
} .HS-ITW .item-header{ height: auto;
border-top: 5px solid #CFCEC2;
}
.HS-TPs .item-header{
min-height: 130px;
border-top: 5px solid #2a4b8b;
}
.item-body{
border-top: 1px solid #aaa !important;
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:hover span{
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;
}
/*Teilprojekte Hauptseiten*/ .bib-list li {
line-height: 1.5;
padding-inline: 10px;
padding: 5px;
}
.TP-HS .TP-Info {
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 2;
grid-row-end: 2;
padding:20px
}
.TP-HS .HS-TP {
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 1;
text-align: center;
}
.TP-HS .HS-SF {
grid-column-start: 4;
grid-column-end: 5;
grid-row-start: 2;
grid-row-end: 4;
}
.TP-HS .HS-ITW {
grid-column-start: 4;
grid-column-end: 5;
grid-row-start: 4;
grid-row-end: 5;
}
.TP-HS .TP-toc {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 5;
}
.TP-HS .HS-FD .item-body { text-align:center; line-height: 5; font-size: 14px; }
.TP-HS .HS-FD .item { border: 1.5px solid black; margin:5px; }
.TP-HS .HS-FD .item:hover {
background: #2a4b8b;
}
.TP-HS .HS-FD .item a:link {
color: black;
}
.TP-HS .HS-FD .item:hover a:link {
color: white;
}
.TP-HS .HS-FD .item a:visited {
color: black;
}
.TP-HS .HS-FD .item:hover a:visited {
color: white;
}
.TP-HS .HS-FD .tp-item-header a:link{ color:white; } .TP-HS .HS-FD .tp-item-header a:visited{ color:white; }
.TP-HS .HS-FD .tp-item-header { text-align:center; background-color: #cecec7; color: white; padding: 10px; margin-top: 20px; }
.TP-HS .HS-FD .tp-item-header span{
color: white;
}
/* Layout TP Test Anordnung ohne Grid*/
.nav {
float: left;
width: 30%;
height: 300px; /* only for demonstration, should be removed */
background: #ccc;
padding: 20px;
}
.article {
float: left;
padding: 20px;
width: 70%;
background-color: #f1f1f1;
height: 300px; /* only for demonstration, should be removed */
}
/* Clear floats after the columns */ .section::after {
content: "";
display: table;
clear: both;
}