CEO.wiki:Infobox.css
Appearance
/* Infobox styling for CEO.wiki */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
}
.infobox-ceo {
background-color: #f8f9fa;
}
.infobox-image {
text-align: center;
padding: 0.5em 0;
}
.infobox-image img {
max-width: 100%;
height: auto;
}
.infobox-caption {
font-size: 90%;
padding: 0.3em 0;
text-align: center;
}
.infobox-header {
text-align: center;
padding: 0.5em;
background-color: #d0e0f0;
font-weight: bold;
}
.infobox-title {
font-size: 125%;
font-weight: bold;
}
.infobox-subtitle {
font-size: 90%;
font-weight: normal;
padding-top: 0.3em;
}
.infobox-section {
border-top: 1px solid #a2a9b1;
padding: 0.5em;
}
.infobox-section-header {
font-size: 100%;
font-weight: bold;
margin: 0.5em 0 0.3em 0;
padding: 0;
border: none;
}
.infobox-row {
padding: 0.2em 0;
}
.infobox-label {
font-weight: bold;
vertical-align: top;
padding-right: 0.5em;
}
.infobox-data {
vertical-align: top;
}
.infobox-highlight {
background-color: #e8f4f8;
font-weight: bold;
}
/* Mobile responsiveness */
@media screen and (max-width: 640px) {
.infobox {
width: 100%;
margin: 0.5em 0;
float: none;
}
}