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. 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%;
 flex: 1;

            

}

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

                 .fb-column {
   flex: 1
 }

            

}

/* 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;
        
        }
        
        
        
        #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%;
        
        
          flex: 1;
            
            
        }
        
        
        
        @media screen and (min-width: 800px) {
        
          ..fb-column {
        
            flex: 1
        
          }
        
        }
Line 78: Line 78:
 
   flex-direction: column;
 
   flex-direction: column;
 
   flex-basis: 100%;
 
   flex-basis: 100%;
  flex: 1;
 
 
}
 
}
  
 
@media screen and (min-width: 800px) {
 
@media screen and (min-width: 800px) {
  .column {
+
.fb-column {
 
     flex: 1
 
     flex: 1
 
   }
 
   }
 
}
 
}