Difference between revisions of "MediaWiki:Common.css"
(added flexbox styles) |
m |
/* Korrektur der Darstellung von Tokens-Input-Feldern */ .inputSpan > .pfTokens > ul, .inputSpan > .pfTokens {
margin: 0 0 0 0!important;
}
table.tcontainer {
display: flexorganisationsprofil-table{ display: block;
padding-top: 20px;
flex padding-wrapbottom: wrap20px;
}
.tcontainer > * {
flex: 1 1 calc(280px + 1em); /* 1em margin als Spaltenabstand berücksichtigt, calc() nicht notwendig */
} .tcard {
display: flex;
flex-wrap: wrap;
background: silver;
}
.tcard > * {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 280px;
}
.media {
background: black;
min-height: 280px 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;
}
.tcontainer {
display: flex;
flex-wrap: wrap;
}
.tcontainer > * {
flex: 1 1 calc(280px + 1em); /* 1em margin als Spaltenabstand berücksichtigt, calc() nicht notwendig */
}
.tcard {
display: flex;
flex-wrap: wrap;
background: silver;
}
.tcard > * {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 280px;
}
.media {
background: black;
min-height: 280pxtable.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;
}| (38 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; | ||
} | } | ||