Template:Featured topic box/styles.css

/* */ .featured-topic-box { box-sizing: border-box; border: 1px solid #a2a9b1; background-color: #f8f9fa; padding: 5px; font-size: 95%; clear: both; }

.featured-topic-box-title-bar { background: #E0F2CE; min-height: 25px; font-weight: bold; text-align: center; }

.featured-topic-box-navbar { font-size: 90%; }

.featured-topic-box-title { font-size: 120%; flex: 1; }

.featured-topic-box-count { font-size: 90%; }

.featured-topic-box-contents { background-color: #F2FFE6; padding: 2px 1%; }

.featured-topic-box-contents ul { list-style: none; }

.featured-topic-box-image { text-align: center; flex: 0 0 auto; }

.featured-topic-box-column { flex: 1; }

@media (min-width: 720px) { .featured-topic-box { width: 95%; margin: 0 auto; }	.featured-topic-box-navbar { padding-left: 1em; }	.featured-topic-box-count { padding-right: 1em; }	.featured-topic-box-title-bar { display: flex; align-items: center; }	.featured-topic-box-contents { display: flex; gap: 2% 0; }	.featured-topic-box-image { width: 110px; } }