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;

}

  1. content #bodyContent h2

{border-bottom: 1px solid #a2a9b1; margintable.organisationsprofil-table{ display: block;

                   padding-top:
            
2em; margin
                 20px;
   padding-bottom:
            
1.2em; }

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

            

}

/* Korrektur der Darstellung von Tokens-Input-Feldern */
        
        .inputSpan > .pfTokens > ul, .inputSpan > .pfTokens {
        
            margin: 0 0 0 0!important;
        
        }
        
        
        
        
        #content #bodyContent h2 
            
            {border-bottom: 1px solid #a2a9b1;
            
            margin-top: 2em;
            
            margin-bottom: 1.2em;
            
            }
            
            
            
            .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%;
            
              }
            
            
        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;
            
            
        }
(22 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
}
 
}
  
#content #bodyContent h2
+
table.organisationsprofil-table{
{border-bottom: 1px solid #a2a9b1;
+
display: block;
margin-top: 2em;
+
    padding-top: 20px;
margin-bottom: 1.2em;
+
    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{
.flex-grid {
+
    width: 50px;
  display: flex;
+
    height: 10px;
 +
}
 +
tr.organisationsprofil-row > th{
 +
padding-right: 10px;
 
}
 
}
.col {
+
tr.organisationsprofil-row > td{
  flex: 1;
+
padding-right: 10px;
  background: #f8f9fa;
 
  padding: 20px;
 
  border:2px solid #fff;
 
 
}
 
}
 
+
tr.organisationsprofil-row > td + td b{
 
+
padding-left: 20px;
.flex-grid-4 {
 
  display: flex;
 
 
}
 
}
.flex-grid-4 .col {
+
tr.organisationsprofil-row > td > div.hw-protokolle-inputbox,
 
+
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%;
 
  }
 
 
}
 
}