Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: .infobox-video { background: #eee; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 1...") |
Tags: Mobile web edit Mobile edit |
||
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| − | .infobox | + | .infobox { |
background: #eee; | background: #eee; | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
| Line 6: | Line 6: | ||
margin: 0 0 1em 1em; | margin: 0 0 1em 1em; | ||
padding: 1em; | padding: 1em; | ||
| − | width: | + | max-width: 25%; |
} | } | ||
| − | .infobox | + | .infobox-title { |
font-size: 2em; | font-size: 2em; | ||
text-align: center; | text-align: center; | ||
} | } | ||
| − | .infobox | + | .infobox-image { |
text-align: center; | text-align: center; | ||
} | } | ||
| − | .infobox- | + | .infobox-image img { |
| + | max-width: 90%; | ||
| + | border : 1px darkgrey dashed; | ||
| + | height: auto; | ||
| + | } | ||
| + | .infobox table { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .infobox tr { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .infobox th { | ||
| + | text-align: left; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .infobox td { | ||
text-align: right; | text-align: right; | ||
vertical-align: top; | vertical-align: top; | ||
| − | |||
} | } | ||
| − | . | + | |
| − | + | .wrapper { | |
| + | display: flex; | ||
| + | } | ||
| + | |||
| + | .left { | ||
| + | flex: 0 0 50%; | ||
| + | } | ||
| + | |||
| + | .right { | ||
| + | flex: 1; | ||
} | } | ||
Latest revision as of 13:06, 11 October 2020
/* CSS placed here will be applied to all skins */
.infobox {
background: #eee;
border: 1px solid #aaa;
float: right;
margin: 0 0 1em 1em;
padding: 1em;
max-width: 25%;
}
.infobox-title {
font-size: 2em;
text-align: center;
}
.infobox-image {
text-align: center;
}
.infobox-image img {
max-width: 90%;
border : 1px darkgrey dashed;
height: auto;
}
.infobox table {
width: 100%;
}
.infobox tr {
width: 100%;
}
.infobox th {
text-align: left;
vertical-align: top;
}
.infobox td {
text-align: right;
vertical-align: top;
}
.wrapper {
display: flex;
}
.left {
flex: 0 0 50%;
}
.right {
flex: 1;
}