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;

}

table.flexorganisationsprofil-grid table{

display:

flex

block;

} .col {

                 flex   padding-top: 120px;
 background  padding-bottom: #f8f9fa20px;
   padding-left: 20px;
 border  text-align:2px solid #fffleft;

            

}

.flex-grid-4 {
                 display: flex;
 justify-content: space-between   font-size: 13px;
   width: 100%;
   background: white;
   box-shadow: 2px 2px 5px #DEDEDE, -2px -2px 5px #DEDEDE;

            

} tr.flex-grid-4 .col organisationsprofil-row{

                   width:22% 50px;

            

}

@media (max-width: 400px) {

                 .flex-grid {
   display: block;
 }
 .flex-grid-4 .col {
 width:98%;
 }
   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; }

/* 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;
        
        }
        
        
        
        
        .flex-grid {
            
              display: flex;
            
            }
            
            .col {
            
              flex: 1;
            
              background: #f8f9fa;
            
              padding: 20px;
            
              border:2px solid #fff;
            
            }
            
            
            
            
            
            .flex-grid-4 {
            
              display: flex;
            
              justify-content: space-between;
            
            }
            
            .flex-grid-4 .col {
            
              width:22%;
            
            }
            
            
            
            @media (max-width: 400px) {
            
              .flex-grid {
            
                display: block;
            
              }
            
              .flex-grid-4 .col {
            
              width:98%;
            
              }
            
            
        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;
            
            }
            
            
            
            /* imagemap hover test */
            
            area:hover {
            
                opacity:0.2;
            
                background-color: yellow;
            
            
        }
(26 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
}
 
}
  
.flex-grid {
+
table.organisationsprofil-table{
  display: flex;
+
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;
 
}
 
}
.col {
+
tr.organisationsprofil-row{
  flex: 1;
+
    width: 50px;
  background: #f8f9fa;
+
    height: 10px;
  padding: 20px;
 
  border:2px solid #fff;
 
 
}
 
}
 
+
tr.organisationsprofil-row > th{
 
+
padding-right: 10px;
.flex-grid-4 {
+
}
  display: flex;
+
tr.organisationsprofil-row > td{
  justify-content: space-between;
+
padding-right: 10px;
 +
}
 +
tr.organisationsprofil-row > td + td b{
 +
padding-left: 20px;
 
}
 
}
.flex-grid-4 .col {
+
tr.organisationsprofil-row > td > div.hw-protokolle-inputbox,
  width:22%;
+
tr.organisationsprofil-row > td > div.hw-protokolle-results{
 +
margin-left: 25px;
 
}
 
}
  
@media (max-width: 400px) {
+
/* imagemap hover test */
  .flex-grid {
+
area:hover {
     display: block;
+
     opacity:0.2;
  }
+
    background-color: yellow;
  .flex-grid-4 .col {
 
  width:98%;
 
  }
 
 
}
 
}