Difference between revisions of "MediaWiki:Common.css"
m (Replaced content with "→Korrektur der Darstellung von Tokens-Input-Feldern: .inputSpan > .pfTokens > ul, .inputSpan > .pfTokens { margin: 0 0 0 0!important; } .flex-grid { display: fl...") (Tag: Replaced) |
m |
/* Korrektur der Darstellung von Tokens-Input-Feldern */ .inputSpan > .pfTokens > ul, .inputSpan > .pfTokens {
margin: 0 0 0 0!important;
}
table.flexorganisationsprofil-grid table{ display: block;
display padding-top: flex20px;
} .col {
flex padding-bottom: 120px;
} .flex-grid-4 {
display: flex;
justify-content: space-between;
} .flex-grid-4 .col {
width:22%;
}
@media (max-width: 400px) {
.flex-grid {
display: block;
}
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;
}
.flex-grid {
display: flex;
}
.col {
flex: 1;
}
.flex-grid-4 {
display: flex;
justify-content: space-between;
}
.flex-grid-4 .col {
width:22%;
}
@media (max-width: 400px) {
.flex-grid {
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;
}| (34 intermediate revisions by 3 users not shown) | |||
| Line 4: | Line 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; | |
} | } | ||