MediaWiki:Common.css: Difference between revisions
add .infoboxOuter class for responsive infobox templates |
increase infobox size, 200px a bit measly |
||
| (9 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
.infoboxOuter { | .infoboxOuter { | ||
width: | width: 250px; | ||
box-sizing: border-box; | |||
float: right; | |||
margin: 0.5rem; | |||
} | } | ||
@media (max-width: 500px) { | @media (max-width: 500px) { | ||
.infoboxOuter { | .infoboxOuter { | ||
width: | width: 100%; | ||
margin: auto; | |||
float: none; | |||
} | } | ||
} | |||
.infoboxOuter img { | |||
max-width: 100%; | |||
height: auto; | |||
aspect-ration: 1; | |||
} | } | ||
Latest revision as of 20:51, 21 November 2024
/* CSS placed here will be applied to all skins */
.infoboxOuter {
width: 250px;
box-sizing: border-box;
float: right;
margin: 0.5rem;
}
@media (max-width: 500px) {
.infoboxOuter {
width: 100%;
margin: auto;
float: none;
}
}
.infoboxOuter img {
max-width: 100%;
height: auto;
aspect-ration: 1;
}