MediaWiki:Common.css: verschil tussen versies
k |
k |
/* 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 }
}
/* 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 } }
Regel 78: | Regel 78: | ||
flex-direction: column; | flex-direction: column; | ||
flex-basis: 100%; | flex-basis: 100%; | ||
− | |||
} | } | ||
@media screen and (min-width: 800px) { | @media screen and (min-width: 800px) { | ||
− | + | .fb-column { | |
flex: 1 | flex: 1 | ||
} | } | ||
} | } |