mNo edit summary |
(Better styling) |
||
| Line 1: | Line 1: | ||
.infobox { | .infobox { | ||
border-radius:var(--border-radius--medium); | |||
background-color:var(--color-surface-2); | |||
float:right; | |||
width:100%; | |||
max-width:400px; | |||
padding: 6px 0; | |||
} | } | ||
.infobox-title { | .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 { | .infobox-image { | ||
max-width:100%; | |||
height:auto; | |||
} | |||
.infobox-table { | |||
padding: 0 15px !important; | |||
} | |||
.infobox-table th, td { | |||
padding: 3px; | |||
} | } | ||
.infobox-table th { | .infobox-table th { | ||
color: var(--color-base--subtle); | |||
font-weight:var(--font-weight-semibold); | |||
text-align: left; | |||
width: 40%; | |||
} | } | ||
.infobox-table td { | .infobox-table td { | ||
vertical-align: top; | |||
width: 60%; | |||
} | } | ||
Revision as of 02:38, 20 January 2024
.infobox {
border-radius:var(--border-radius--medium);
background-color:var(--color-surface-2);
float:right;
width:100%;
max-width:400px;
padding: 6px 0;
}
.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 {
padding: 0 15px !important;
}
.infobox-table th, td {
padding: 3px;
}
.infobox-table th {
color: var(--color-base--subtle);
font-weight:var(--font-weight-semibold);
text-align: left;
width: 40%;
}
.infobox-table td {
vertical-align: top;
width: 60%;
}