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

  1. toc #content #bodyContent h2

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

                 display: flex;

            

} .col {

                 flex: 1;
 background: #f8f9fa;
 padding: 20px;
 border:2px solid #fff;

            

}

.flex-grid-4 {

                 display: flex;

            

} .flex-grid-4 .col {

}

@media (max-width: 400px) {

                 .flex-grid {
   display: block;
 }
 .flex-grid-4 .col {
 width:98%;
 }

            

}

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;
            
            }
            
            
            
            #toc #content #bodyContent h2 
            
            {
            
            margin-top: 0.6em;
            
            }
            
            /* Flexbox */
            
            .flex-grid {
            
              display: flex;
            
            }
            
            .col {
            
              flex: 1;
            
              background: #f8f9fa;
            
              padding: 20px;
            
              border:2px solid #fff;
            
            }
            
            
            
            .flex-grid-4 {
            
              display: flex;
            
            }
            
            .flex-grid-4 .col {
            
            
            
            }
            
            
            
            @media (max-width: 400px) {
            
              .flex-grid {
            
                display: block;
            
              }
            
              .flex-grid-4 .col {
            
              width:98%;
            
              }
            
            }imagemap hover test */
            
            area:hover {
            
                opacity:0.2;
            
                background-color: yellow;
            
            }
(12 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;
 
}
 
 
 
#toc #content #bodyContent h2
 
{
 
margin-top: 0.6em;
 
}
 
/* Flexbox */
 
.flex-grid {
 
  display: flex;
 
}
 
.col {
 
  flex: 1;
 
  background: #f8f9fa;
 
  padding: 20px;
 
  border:2px solid #fff;
 
}
 
 
 
.flex-grid-4 {
 
  display: flex;
 
}
 
.flex-grid-4 .col {
 
 
 
}
 
 
 
@media (max-width: 400px) {
 
  .flex-grid {
 
    display: block;
 
  }
 
  .flex-grid-4 .col {
 
  width:98%;
 
  }
 
 
}
 
}