Template:InfoBox/styles.css: Difference between revisions
From Ymirheim Wiki
No edit summary |
No edit summary |
||
Line 40: | Line 40: | ||
.infobox-hint { | .infobox-hint { | ||
width: 100%; | |||
text-align: right; | text-align: right; | ||
font-size: small; | font-size: small; |
Revision as of 07:26, 12 July 2024
.infobox-wrapper {
float: right;
position: relative;
width: 300px;
margin: 0 0 1em 1em;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
/* Nested infobox wrappers should display below the original infobox */
.infobox-wrapper > .infobox-wrapper {
float: none;
width: 300px;
margin: 1em 0 0 0;
}
@media screen and (max-width: 850px) {
.infobox-wrapper {
width: 100%;
}
}
.infobox {
width: 300px;
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;
}
body.theme-ymirheim-dark .infobox,
body.theme-ymirheim.prefers-color-scheme-dark .infobox {
background: rgba(0, 0, 0, 0.4);
}
.infobox-hint {
width: 100%;
text-align: right;
font-size: small;
}
.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;
}