MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
| Zeile 424: | Zeile 424: | ||
.hs-SF-item{ | .hs-SF-item{ | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
border-top: 5px solid #2E4F8F; | |||
margin-top: 20px; | border-top: 5px solid #2E4F8F; | ||
margin-top: 20px; | |||
} | } | ||
| Zeile 434: | Zeile 436: | ||
.hs-SF-item-header{ | .hs-SF-item-header{ | ||
text-align:left; | text-align:left; | ||
border-bottom:1px solid #aaa; | |||
font-weight: bold; | border-bottom:1px solid #aaa; | ||
font-weight: bold; | |||
line-height: 1.5; | line-height: 1.5; | ||
font-family:inherit; | font-family:inherit; | ||
Version vom 19. Mai 2021, 12:35 Uhr
/* Grid "Zentrale Hinhalte" */
.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; padding-bottom: 20px; }
.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-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);
}
}
.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:1;
grid-column-end:4;
grid-row-start:2;
grid-row-end:2;
text-align:justify; line-height: 1.5; font-family:inherit; padding-right:40px; margin: 10px;
}
.TP {
grid-column-start:2;
grid-column-end:4;
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; padding-bottom: 20px;
}
.TP-SF{
grid-column-start:4;
grid-column-end:5;
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;
}
.TP-ITW {
grid-column-start:4;
grid-column-end:5;
grid-row-start:4;
grid-row-end:5;
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:1;
grid-column-end:3;
grid-row-start:3;
grid-row-end:5;
}
/* ITW- später integrieren mit TP */
.hs-itw-item{
border: 1px solid #aaa;
border-top: 5px solid #CFCEC2;
margin-top: 20px;
}
.hs-itw-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-itw-item-header a:link {
color: black;
}
.hs-itw-item-header:hover{
background: #CFCEC2; opacity: 100%;
}
.hs-itw-item-header:hover a:link {
color: white;
}
.hs-itw-item-header a:visited {
color: black;
}
.hs-itw-item-header:hover a:visited {
color: white;
}
#tp-sf-1 {
grid-column-start:1;
grid-column-end:5;
grid-row-start:1;
grid-row-end:2;
} #tp-sf-2 {
grid-column-start:1;
grid-column-end:5;
grid-row-start:2;
grid-row-end:3;
}
#tp-itw-1 {
grid-column-start:1;
grid-column-end:5;
grid-row-start:1;
grid-row-end:2;
}
#tp-itw-2 {
grid-column-start:1;
grid-column-end:5;
grid-row-start:2;
grid-row-end:3;
}
#tp-itw-3 {
grid-column-start:1;
grid-column-end:5;
grid-row-start:3;
grid-row-end:4;
}
#tp-itw-4 {
grid-column-start:1;
grid-column-end:5;
grid-row-start:4;
grid-row-end:5;
}
/* TP HS Listen*/
.bib-list li { line-height: 1.5; padding-inline: 10px; padding: 5px; }
/*TP HS Überschriften*/
.TP-Inhalt h2{ background-color: #ecf0f9; line-height: 1.5; padding: 5px; margin-top: 30px;} /* background-color: #ecf0f9;*/
.TP-Inhalt h3{ background-color:#f8f8ff; line-height: 1.5;padding: 5px;}/* background-color: #f8f8ff;*/
/*Spannungsfelder Übersicht */
.hs-SF-item{
border: 1px solid #aaa;
border-top: 5px solid #2E4F8F;
margin-top: 20px;
}
.hs-SF-item-body {
padding:0.2em 0.4em;
}
.hs-SF-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;
}
.hs-SF-item-header a:link {
color: black;
}
.hs-SF-item-header:hover{
background: #CFCEC2; opacity: 100%;
}
.hs-SF-item-header:hover a:link {
color: white;
}
.hs-SF-item-header a:visited {
color: black;
}
.hs-SF-item-header:hover a:visited {
color: white;
}