MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 278: | Zeile 278: | ||
.TP { | .TP { | ||
grid-column-start: | grid-column-start:auto; | ||
grid-column-end: | grid-column-end:auto; | ||
grid-row-start:1; | grid-row-start:1; | ||
grid-row-end:1; | grid-row-end:1; | ||
| Zeile 289: | Zeile 289: | ||
.TP-SF{ | .TP-SF{ | ||
grid-column-start: | grid-column-start:auto; | ||
grid-column-end: | grid-column-end:auto; | ||
grid-row-start:2; | grid-row-start:2; | ||
grid-row-end:3; | grid-row-end:3; | ||
| Zeile 302: | Zeile 302: | ||
.TP-ITW { | .TP-ITW { | ||
grid-column-start: | grid-column-start:auto; | ||
grid-column-end: | grid-column-end:auto; | ||
grid-row-start:3; | grid-row-start:3; | ||
grid-row-end:4; | grid-row-end:4; | ||
| Zeile 315: | Zeile 315: | ||
.TP-toc { | .TP-toc { | ||
grid-column-start: | grid-column-start:auto; | ||
grid-column-end: | grid-column-end:auto; | ||
grid-row-start:3; | grid-row-start:3; | ||
grid-row-end:5; | grid-row-end:5; | ||
Version vom 17. Mai 2021, 13:11 Uhr
/* Grid "Zentrale Hinhalte" */
.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);
}
}
.SFB {
grid-column-start:1;
grid-column-end:4;
grid-row-start:1;
grid-row-end:2;
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; }
.spannungsfelder {
grid-column-start:4;
grid-column-end:5;
grid-row-start:1;
grid-row-end:3;
text-align:justify; border:1px solid #aaa; line-height: 1.5; font-family:inherit; padding-left:20px; padding-right:20px; margin: 10px;
}
.FD {
grid-column-start:1;
grid-column-end:4;
grid-row-start:2;
grid-row-end:4;
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;
}
.hs-inhalte-item{
border: 1px solid #aaa;
border-top: 5px solid #2E4F8F;
margin-top: 20px;
}
.hs-inhalte-item-body {
padding:0.2em 0.4em;
}
.hs-inhalte-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;
}
.hs-inhalte-item-header a:link {
color: black;
}
.hs-inhalte-item-header:hover{
background: #2E4F8F; opacity: 100%;
}
.hs-inhalte-item-header:hover a:link {
color: white;
}
.hs-inhalte-item-header a:visited {
color: black;
}
.hs-inhalte-item-header:hover a:visited {
color: white;
}
/* Forschungsdaten- später integrieren mit TP */
#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;
}
.hs-fd-item{
border: 1px solid #aaa;
border-top: 5px solid #CFCEC2;
margin-top: 20px;
}
.hs-fd-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: 80px;
}
.hs-fd-item-header a:link {
color: black;
}
.hs-fd-item-header:hover{
background: #CFCEC2; opacity: 100%;
}
.hs-fd-item-header:hover a:link {
color: white;
}
.hs-fd-item-header a:visited {
color: black;
}
.hs-fd-item-header:hover a:visited {
color: white;
}
/* Spannungsfeld - später integrieren mit TP */
.hs-spannungsfeld-item{
border: 1px solid #aaa;
border-top: 5px solid #8E92BF;
margin-top: 20px;
}
.hs-spannungsfeld-item-header{
text-align:center;
border-bottom:1px solid #aaa;
font-weight: bold;
line-height: 1.5;
font-family:inherit;
padding:0.4em;
padding-left: 20px;
height: 40px;
}
.hs-spannungsfeld-item-header a:link {
color: black;
}
.hs-spannungsfeld-item-header:hover{
background: #8E92BF; opacity: 100%;
}
.hs-spannungsfeld-item-header:hover a:link {
color: white;
}
.hs-spannungsfeld-item-header a:visited {
color: black;
}
.hs-spannungsfeld-item-header:hover a:visited {
color: white;
}
#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;
}
/* TP Hauptseiten*/
.TP-HS{ padding-left:20px; padding-right:20px;
}
.TP-Info{
grid-column-start:auto;
grid-column-end:auto;
grid-row-start:1;
grid-row-end:3;
text-align:justify; line-height: 1.5; font-family:inherit; padding-right:20px; margin: 10px;
}
.TP {
grid-column-start:auto;
grid-column-end:auto;
grid-row-start:1;
grid-row-end:1;
text-align:center; border:1px solid #aaa; line-height: 1.5; font-family:inherit; padding-left:20px; padding-right:20px; padding-top: 20px; margin: 10px;
}
.TP-SF{
grid-column-start:auto;
grid-column-end:auto;
grid-row-start:2;
grid-row-end:3;
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;
}
.TP-ITW {
grid-column-start:auto;
grid-column-end:auto;
grid-row-start:3;
grid-row-end:4;
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;
}
.TP-toc {
grid-column-start:auto;
grid-column-end:auto;
grid-row-start:3;
grid-row-end:5;
}
#tp-sf-1 {
grid-column-start:1;
grid-column-end:3;
grid-row-start:1;
grid-row-end:2;
} #tp-sf-2 {
grid-column-start:3;
grid-column-end:5;
grid-row-start:1;
grid-row-end:2;
}