MediaWiki:Common.css

Aus Macht und Herrschaft
Zur Navigation springen Zur Suche springen

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5

/* 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; }

.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:1; 
  grid-row-end:2; 

text-align:justify; line-height: 1.5; font-family:inherit; padding-right:20px; margin: 10px;

}

.TP {

  grid-column-start:4; 
  grid-column-end:5; 
  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: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: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;

  padding-bottom:20px;

}

.TP-toc {

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

}

#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; 

}