Difference between revisions of "MediaWiki:Common.css"

m
m
 

/* Korrektur der Darstellung von Tokens-Input-Feldern */ .inputSpan > .pfTokens > ul, .inputSpan > .pfTokens {

   margin: 0 0 0 0!important;

}

/* Template: Organizational Profile */ table.organisationsprofil-table{ display: block;

   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 20px;
   text-align: left;
   font-size: 13px;
   width: 100%;
   background: white;
   box-shadow: 2px 2px 5px #DEDEDE, -2px -2px 5px #DEDEDE;

} tr.organisationsprofil-row{

   width: 50px;
   height: 10px;

} tr.organisationsprofil-row > th{ padding-right: 10px; } tr.organisationsprofil-row > td{ padding-right: 10px; } tr.organisationsprofil-row > td + td b{ padding-left: 20px; } tr.organisationsprofil-row > td > div.hw-protokolle-inputbox, tr.organisationsprofil-row > td > div.hw-protokolle-results{ margin-left: 25px; }

/* CSS skin overwrites */

  1. content #bodyContent h2

{border-bottom: 1px solid #cfd8dc; margin-top: 2em; margin-bottom: 1.2em; display: inline-block; width: 80%; }

  1. content #bodyContent .wikitable h2

{margin-top: 0.8em; min-height:2.2em; font-size:1.2em; }

  1. content #bodyContent .wikitable ul > li

{ margin-top:0.6em; }

  1. toc

{ clear: both; padding: 0.5em 1em 2em 1em; margin-top:2em; }

  1. content #bodyContent #toc .toctitle h2

{ margin-top: 0.6em; } /* Flexbox */

.flexbox {

                 background-color: #ccc;

            

} .fb-row {

                 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 width: 100%;

            

}

.fb-column {

                 display: flex;
 flex-direction: column;
 flex-basis: 100%;

            

}

@media screen and (min-width: 800px) {

                .fb-column {
   flex: 1
 }

            

}

imagemap hover test */ area:hover {

                   opacity:0.2;
   background-color: yellow;

            

}

/* Korrektur der Darstellung von Tokens-Input-Feldern */
        
        .inputSpan > .pfTokens > ul, .inputSpan > .pfTokens {
        
            margin: 0 0 0 0!important;
        
        }
        
        
        
        
        /* Template: Organizational Profile */
            
            
        table.organisationsprofil-table{
        
        	display: block;
        
            padding-top: 20px;
        
            padding-bottom: 20px;
        
            padding-left: 20px;
        
            text-align: left;
        
            font-size: 13px;
        
            width: 100%;
        
            background: white;
        
            box-shadow: 2px 2px 5px #DEDEDE, -2px -2px 5px #DEDEDE;
        
        }
        
        tr.organisationsprofil-row{
        
            width: 50px;
        
            height: 10px;
        
        }
        
        tr.organisationsprofil-row > th{
        
        	padding-right: 10px;
        
        }
        
        tr.organisationsprofil-row > td{
        
        	padding-right: 10px;
        
        }
        
        tr.organisationsprofil-row > td + td b{
        
        	padding-left: 20px;
        
        }
        
        tr.organisationsprofil-row > td > div.hw-protokolle-inputbox,
        
        tr.organisationsprofil-row > td > div.hw-protokolle-results{
        
        	margin-left: 25px;
        
        }
        
        
        
        /* CSS skin overwrites  */
            
            #content #bodyContent h2 
            
            {border-bottom: 1px solid #cfd8dc;
            
            margin-top: 2em;
            
            margin-bottom: 1.2em;   
            
            display: inline-block;
            
            width: 80%;
            
            }
            
            #content #bodyContent .wikitable h2
            
            {margin-top: 0.8em;
            
            min-height:2.2em;
            
            font-size:1.2em;
            
            }
            
            
            
            #content #bodyContent .wikitable ul > li
            
            {
            
            margin-top:0.6em;	
            
            }
            
            #toc
            
            {
            
            clear: both;
            
            padding: 0.5em 1em 2em 1em;
            
            margin-top:2em;
            
            }
            
            
            
            #content #bodyContent #toc .toctitle h2
            
            {
            
            margin-top: 0.6em;
            
            }
            
            /* Flexbox */
            
            
            
            .flexbox {
            
              background-color: #ccc;
            
            }
            
            .fb-row {
            
              display: flex;
            
              flex-direction: row;
            
              flex-wrap: wrap;
            
              width: 100%;
            
            }
            
            
            
            .fb-column {
            
              display: flex;
            
              flex-direction: column;
            
              flex-basis: 100%;
            
            }
            
            
            
            @media screen and (min-width: 800px) {
            
             .fb-column {
            
                flex: 1
            
              }
            
            }imagemap hover test */
            
            area:hover {
            
                opacity:0.2;
            
                background-color: yellow;
            
            }
(7 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
}
 
}
  
/* Template: Organizational Profile */
 
 
table.organisationsprofil-table{
 
table.organisationsprofil-table{
 
display: block;
 
display: block;
Line 34: Line 33:
 
}
 
}
  
/* CSS skin overwrites  */
+
/* imagemap hover test */
#content #bodyContent h2
+
area:hover {
{border-bottom: 1px solid #cfd8dc;
+
    opacity:0.2;
margin-top: 2em;
+
    background-color: yellow;
margin-bottom: 1.2em; 
 
display: inline-block;
 
width: 80%;
 
}
 
#content #bodyContent .wikitable h2
 
{margin-top: 0.8em;
 
min-height:2.2em;
 
font-size:1.2em;
 
}
 
 
 
#content #bodyContent .wikitable ul > li
 
{
 
margin-top:0.6em;
 
}
 
#toc
 
{
 
clear: both;
 
padding: 0.5em 1em 2em 1em;
 
margin-top:2em;
 
}
 
 
 
#content #bodyContent #toc .toctitle h2
 
{
 
margin-top: 0.6em;
 
}
 
/* Flexbox */
 
 
 
.flexbox {
 
  background-color: #ccc;
 
}
 
.fb-row {
 
  display: flex;
 
  flex-direction: row;
 
  flex-wrap: wrap;
 
  width: 100%;
 
}
 
 
 
.fb-column {
 
  display: flex;
 
  flex-direction: column;
 
  flex-basis: 100%;
 
}
 
 
 
@media screen and (min-width: 800px) {
 
.fb-column {
 
    flex: 1
 
  }
 
 
}
 
}