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;
}
table.flexorganisationsprofil-grid table{
display:
flexblock;
} .col {
flex padding-top: 120px;
background padding-bottom: #f8f9fa20px;
padding-left: 20px;
border:2px solid #fff text-align: left;
font-size: 13px;
width: 100%;
background: white;
box-shadow: 2px 2px 5px #DEDEDE, -2px -2px 5px #DEDEDE;
} tr.flexorganisationsprofil-grid-4 row{
display width: flex50px;
justify-content height: space-between10px;
} tr.flex-grid-4 .col {
width:22%;
}
@media (max-width: 400px) {
.flex-grid, .flex-grid-4 { display: block; }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, .flex-grid-4 {
display: block;
}
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;
}| (29 tussenliggende versies door 3 gebruikers niet weergegeven) | |||
| Regel 4: | Regel 4: | ||
} | } | ||
| − | . | + | 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; | |
} | } | ||