MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Macht und Herrschaft
Zur Navigation springen Zur Suche springen
Zeile 29: Zeile 29:
             }
             }


             .hs-inhalte-item TP{
             .hs-inhalte-item{
             border: 1px solid #aaa;
             border: 1px solid #aaa;
             border-top: 5px solid #2E4F8F;/*#266684;*/
             border-top: 5px solid #2E4F8F;/*#266684;*/
             margin-top: 20px;
             margin-top: 20px;
             }
             }
.hs-inhalte-item spannungsfeld {
            border: 1px solid #aaa;
border-top:#8E92BF;
            margin-top: 20px;
            }
 


             .hs-inhalte-item-body  {
             .hs-inhalte-item-body  {
Zeile 57: Zeile 48:


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


.TP { height: 150px }


.spannungsfeld { height: 40px;}
            .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;  
            }
 


            .hs-inhalte-item-header a:link {
/* Spannungsfeld - später integrieren mit TP */


color: black;
.hs-spannungsfeld-item{
            border: 1px solid #aaa;
            border-top: 5px solid #8E92BF;
            margin-top: 20px;
            }


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


             .hs-inhalte-item-header:hover{
             .hs-spannungsfeld-item-header{
            text-align:left;
            border-bottom:1px solid #aaa;
            font-weight: bold;
            line-height: 1.5;
            font-family:inherit;
            padding:0.4em;


background: #2E4F8F; opacity: 100%;
            padding-left: 20px;
            height: 40px;
            }


}


                  .hs-inhalte-item-header:hover a:link {
            .hs-spannungsfeld-item-header a:link {
            color: black;
            }


color: white; }
            .hs-spannungsfeld-item-header:hover{
            background: #8E92BF; opacity: 100%;
            }


.hs-inhalte-item-header a:visited {
            .hs-spannungsfeld-item-header:hover a:link {


color: black; }
            color: white;  
            }


.hs-inhalte-item-header:hover a:visited {
            .hs-spannungsfeld-item-header a:visited {
            color: black;
            }


color: white; }
            .hs-spannungsfeld-item-header:hover a:visited {
            color: white;  
            }

Version vom 5. Mai 2021, 13:03 Uhr


/* Grid "Zentrale Hinhalte" */

.hauptseite.h2{ color:red; }

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


/* Spannungsfeld - später integrieren mit TP */

 .hs-spannungsfeld-item{
            border: 1px solid #aaa;
            border-top: 5px solid #8E92BF;
            margin-top: 20px;
            }

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

            .hs-spannungsfeld-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: 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; 
            }