Module:Infobox/Styles.css: Difference between revisions
Jump to navigation
Jump to search
PhantomCaleb (talk | contribs) (Spacing for dl) |
PhantomCaleb (talk | contribs) (Fix header padding - 1.41 upgrade caused the html to change slightly - text is now directly on the h2 instead of in an inner p tag) |
||
Line 26: | Line 26: | ||
border: 1px solid #4b6d8c; | border: 1px solid #4b6d8c; | ||
border-radius: 0.5rem; | border-radius: 0.5rem; | ||
padding: 0. | padding: 0.625rem 0.5rem; | ||
font-size: 1.25rem; | font-size: 1.25rem; | ||
font-weight: bold; | font-weight: bold; |
Latest revision as of 14:16, 22 May 2024
/* [[Category:Template Styles]] */
.portable-infobox {
background-color: #214d74;
border: 1px solid #4b6d8c;
border-radius: 0.5rem;
font-size: 0.875rem;
padding: 0.5rem;
width: 24rem;
}
body.skin-timeless .portable-infobox {
font-size: 0.875rem !important;
}
@media screen and (max-width: 850px) {
.portable-infobox {
float: none;
width: auto;
font-size: initial;
margin: 0;
}
}
.portable-infobox .pi-title {
background-color: #336089;
border: 1px solid #4b6d8c;
border-radius: 0.5rem;
padding: 0.625rem 0.5rem;
font-size: 1.25rem;
font-weight: bold;
text-align: center;
}
body.skin-timeless .portable-infobox .pi-title {
font-size: 1.25rem !important;
}
.pi-item-spacing {
column-gap: 0;
margin-top: 0.125rem;
padding: 0;
}
.pi-data {
border: none;
}
.portable-infobox .pi-data-label {
background-color: #336089;
border: 1px solid #4b6d8c;
border-radius: 0.5rem 0 0 0.5rem;
padding: 0.5rem;
text-align: right;
word-break: keep-all;
display: flex;
flex-basis: 9rem;
justify-content: right;
}
.pi-data-value {
padding: 0.5rem;
}
.pi-data-value:first-child { /* Infobox media */
text-align: center;
}
.portable-infobox .pi-data-value:not(:first-child) {
border: 1px solid #4b6d8c;
border-left: 0;
border-radius: 0 0.5rem 0.5rem 0;
max-height: 11rem;
overflow: auto;
}
.pi-data-label p {
margin: 0;
}
.pi-data-value dd {
margin-left: 0;
}
.pi-data-value dl:not(:first-child), .pi-data-value dt:not(:first-child) {
margin-top: 0.5rem;
}