MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Zeile 131: | Zeile 131: | ||
/* Forschungsdaten- später integrieren mit TP */ | /* Forschungsdaten- später integrieren mit TP */ | ||
.fd-grid{ | .fd-grid{ display: grid; | ||
display: grid; | |||
grid-template-rows: repeat(4, 1fr); | grid-template-rows: repeat(4, 1fr); | ||
Zeile 142: | Zeile 141: | ||
border-top: 5px solid #CFCEC2; | border-top: 5px solid #CFCEC2; | ||
margin-top: 20px; | margin-top: 20px; | ||
grid-column-start:1; | |||
grid-column-end:5; | grid-column-end:5; | ||
grid-row-start: | grid-row-start:1; | ||
grid-row-end: | grid-row-end:1; | ||
} | } |
Version vom 6. Mai 2021, 13:55 Uhr
/* Grid "Zentrale Hinhalte" */ .hauptseite.h2{ color:red; } .hs-SFB { /*display:grid; grid-template-columns: repeat(1, 1fr); gap:1em; */ padding-top: 30px; display: grid; grid-template-rows: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr); grid-auto-flow: column; } .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; } .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; } .platzhalter { grid-column-start:4; grid-column-end:5; 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; } .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; } .hs-inhalte { display:grid; grid-template-columns: repeat(1, 1fr); gap:1em; } @media only screen and (min-width:680px) { .hs-inhalte { grid-template-columns:repeat(2,1fr); } } @media only screen and (min-width:980px) { .hs-inhalte { grid-template-columns:repeat(4,1fr); } } @media only screen and (min-width:1980px) { .hs-inhalte { grid-template-columns:repeat(8,1fr); } } .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-grid{ display: grid; grid-template-rows: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr); grid-auto-flow: column; } .hs-fd-item{ border: 1px solid #aaa; border-top: 5px solid #CFCEC2; margin-top: 20px; grid-column-start:1; grid-column-end:5; grid-row-start:1; grid-row-end:1; } .hs-fd-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; // margin-bottom:20px; } .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; }