Template:InfoBox/styles.css: Difference between revisions
From Ymirheim Wiki
No edit summary |
No edit summary Tag: Reverted |
||
Line 10: | Line 10: | ||
float: none; | float: none; | ||
width: auto; | width: auto; | ||
margin: 1em | margin-top: 1em; | ||
} | } | ||
Revision as of 09:32, 9 July 2024
.infobox-wrapper {
float: right;
position: relative;
width: 300px;
margin: 0 0 1em 1em;
}
/* Nested infobox wrappers should display below the original infobox */
.infobox-wrapper > .infobox-wrapper {
float: none;
width: auto;
margin-top: 1em;
}
@media screen and (max-width: 850px) {
.infobox-wrapper {
width: 100%;
}
.infobox,
.infobox-wrapper > .infobox-wrapper {
width: 300px;
margin-left: auto;
margin-right: auto;
}
}
.infobox {
background: rgba(0, 0, 0, 0.8);
font-size: 0.923em;
border: 1px solid #FFF;
border-radius: 5px;
box-shadow: 0 0 5px black;
padding: 5px;
color: #FFF;
}
.infobox .heading {
font-size: 1.2em;
font-weight: bold;
text-align: center;
}
.infobox .infobox-image {
text-align: center;
}
.infobox .infobox-table {
width: 100%;
}
.infobox .infobox-table td:first-child,
.infobox .infobox-table th:first-child {
min-width: 45%;
}
.infobox .infobox-table th {
text-align: right;
vertical-align: top;
padding-right: 0.5em;
}
.infobox .infobox-table ul {
margin: 0;
list-style: none;
}