Template:Featured box/styles.css
Appearance
.featured-box {
width: 100%;
max-width: 820px;
margin: 0.5em 0;
border: 1px solid #a2a9b1;
border-radius: 8px;
background: #ffffff;
overflow: hidden;
}
.featured-box-title {
padding: 0.5em 0.75em;
font-size: 110%;
font-weight: bold;
background: #eaecf0;
border-bottom: 1px solid #a2a9b1;
}
.featured-box-body {
display: flex;
gap: 0.8em;
padding: 0.8em;
font-size: 105%;
align-items: flex-start;
}
.featured-box-image {
flex: 0 0 auto;
max-width: 170px;
}
.featured-box-image img {
border-radius: 6px;
}
.featured-box-text {
flex: 1 1 auto;
min-width: 0;
}
.featured-box-page-title {
font-size: 110%;
margin-bottom: 0.35em;
}
.featured-box-lead {
line-height: 1.5;
}
.featured-box-open {
margin-top: 0.6em;
}