MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Macht und Herrschaft
Zur Navigation springen Zur Suche springen
Zeile 1: Zeile 1:
/* Grid "Zentrale Hinhalte" */
/* Grid "Zentrale Hinhalte" */


.HS-grid-item {
    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;
    }
   
.SFB {
.SFB {


  grid-column-start:1;  
    grid-column-start: 1;
  grid-column-end:4;  
    grid-column-end: 4;
  grid-row-start:1;  
    grid-row-start: 1;
  grid-row-end:2;  
    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 #2a4b8b;
            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: #2a4b8b;
            }
 
            .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 #cecec7;
            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: #cecec7; 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 #8991ba;
            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: #8991ba; 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 {
.HS-SF {


  grid-column-start:1;  
    grid-column-start: 4;
  grid-column-end:5;  
    grid-column-end: 5;
  grid-row-start:2;  
    grid-row-start: 1;
  grid-row-end:3;  
    grid-row-end: 3;
    }


} #sf-3 {
.HS-FD {


  grid-column-start:1;  
    grid-column-start: 1;
  grid-column-end:5;  
    grid-column-end: 4;
  grid-row-start:3;  
    grid-row-start: 2;
  grid-row-end:4;  
    grid-row-end: 4;
    }


}
.hs-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1em;
    }


#sf-4 {  
@media only screen and (min-width : 680px) {
    .hs-grid {
        grid-template-columns: repeat(2, 1fr);
        }
    }


  grid-column-start:1;
@media only screen and (min-width : 980px) {
  grid-column-end:5;
    .hs-grid {
  grid-row-start:4;  
        grid-template-columns: repeat(4, 1fr);
  grid-row-end:5;
        }
        }


@media only screen and (min-width : 1980px) {
    .hs-grid {
        grid-template-columns: repeat(8, 1fr);
        }
        }
.item {
    border: 1px solid #aaa;
    margin-top: 20px;
}
}


/* TP Hauptseiten*/
.item-header {
 
    text-align: left;
.TP-HS{ padding-left:20px; padding-right:20px;
    border-bottom: 1px solid #aaa;
    font-weight: bold;
    line-height: 1.5;
    font-family: inherit;
    padding: 0.4em;


    padding-left: 20px;
    height: 150px;
}
}


.TP-Info{
.item-body{
 
    padding: 0.2em 0.4em;
  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 #8991ba; margin: 20px;
            }
            .hs-SF-item-body  {
            padding:0.2em 0.4em;
padding: 20px;
            }
            .hs-SF-item-header{
            text-align:left;
            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: #8991ba; 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;
            }

Version vom 27. Mai 2021, 11:46 Uhr

/* Grid "Zentrale Hinhalte" */

.HS-grid-item {
    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;
    }
    
.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;
    }

.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);
        }
        }
.item {
    border: 1px solid #aaa;
    margin-top: 20px;
}

.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;
}

.item-body{
    padding: 0.2em 0.4em;
}