(Collapseable infobox thanks to https://radcare.ca/index.php?title=User:TheEvilSkeleton) Tag: Reverted |
Tag: Undo |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
border-radius:var(--border-radius--medium); | border-radius:var(--border-radius--medium); | ||
background-color:var(--color-surface-2); | background-color:var(--color-surface-2); | ||
padding: 20px | padding: 20px; | ||
width: 100%; | |||
margin-top: 1em; | |||
} | } | ||
.infobox-title { | .infobox-title { | ||
| Line 8: | Line 10: | ||
font-weight:var(--font-weight-semibold); | font-weight:var(--font-weight-semibold); | ||
font-size:calc(var(--font-size-h3)*1.5); | font-size:calc(var(--font-size-h3)*1.5); | ||
text-align:center | text-align:center; | ||
} | } | ||
.infobox-image { | .infobox-image { | ||
max-width:100%; | max-width:100%; | ||
height:auto | height:auto; | ||
} | } | ||
.infobox-table td { | .infobox-table td { | ||
padding-block:3px; | padding-block:3px; | ||
| Line 22: | Line 23: | ||
font-weight:var(--font-weight-semibold); | font-weight:var(--font-weight-semibold); | ||
text-align:left; | text-align:left; | ||
padding-right: 15px | padding-right: 15px; | ||
} | |||
.infobox-table th { | |||
width: 40%; | |||
} | } | ||
.infobox-table td { | |||
. | width: 60%; | ||
} | } | ||
@media screen and (min-width:720px) { | @media screen and (min-width:720px) { | ||
. | .infobox { | ||
max-width: 400px; | |||
float:right; | |||
} | } | ||
} | } | ||
Latest revision as of 21:32, 21 January 2024
.infobox {
border-radius:var(--border-radius--medium);
background-color:var(--color-surface-2);
padding: 20px;
width: 100%;
margin-top: 1em;
}
.infobox-title {
color:var(--color-base--emphasized);
font-weight:var(--font-weight-semibold);
font-size:calc(var(--font-size-h3)*1.5);
text-align:center;
}
.infobox-image {
max-width:100%;
height:auto;
}
.infobox-table td {
padding-block:3px;
}
.infobox-table th {
color:var(--color-base--subtle);
font-weight:var(--font-weight-semibold);
text-align:left;
padding-right: 15px;
}
.infobox-table th {
width: 40%;
}
.infobox-table td {
width: 60%;
}
@media screen and (min-width:720px) {
.infobox {
max-width: 400px;
float:right;
}
}