/* Archive-specific additions on top of the original dc2 forum theme (index.css / dcmods.css). */
/* compact header panel: one line of notice, build info underneath, no avatar */
div#upper_section div.user.dcarchive-user { float: none; width: auto; overflow: visible; padding: 4px 0 0 0; min-height: 0; }
div#upper_section div.user.dcarchive-user div.info { margin: 0 0 3px 0; line-height: 1.4em; }
div#upper_section div.user.dcarchive-user div.dcarchive-built { color: #333; }
div.toprightbar input.input_text { width: 12em; }
#main_menu { padding-top: 0.3em; }

/* board index: archive note block styled like the old "Latest News" box */
#dcarchive_news { margin-bottom: 10px; }
#dcarchive_news .windowbg2 { padding: 6px 14px; border: 1px solid #b7b7b7; border-top: 0; }
#dcarchive_news ul { margin: 6px 0 6px 1.2em; }

/* categories rendered as a single row of board links (config: compact_categories) */
.table_list tbody.content td.dcarchive-compact-cat { padding: 8px 12px; line-height: 1.6em; }

/* board list icons */
img.boardimage { width: 48px; height: 48px; }
img.boardimage.small { width: 24px; height: 24px; }
.table_list tbody.content td.icon { width: 60px; text-align: center; }

/* topic list */
.topic_table td.icon2 { width: 28px; text-align: center; }
.topic_table td.subject small { font-size: 0.85em; }
.topic_table td.stats.redcell { color: red; }

/* posts */
.poster li.dcjoined, .poster li.membergroup, .poster li.title { line-height: 1.3em; }
.poster li.postcount { margin-top: 4px; }
.poster li.avatar img { max-width: 100px; max-height: 100px; }
.post .inner img.bbc_img { max-width: 100%; height: auto; }
.post .inner .video-embed { max-width: 560px; margin: 8px 0; }
.post .inner .video-embed iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; }
.post .inner .video-link { font-size: 0.85em; }
.post .inner .quoteheader { font-size: 0.9em; font-weight: bold; margin-top: 6px; }
.post .inner details.spoiler { border: 1px solid #99a; background: #f6f6fb; margin: 6px 0; }
.post .inner details.spoiler summary { padding: 4px 8px; cursor: pointer; font-weight: bold; }
.post .inner .spoiler-body { padding: 6px 10px; border-top: 1px solid #ccd; }
.post .inner .attach-missing { color: #a33; font-size: 0.85em; }
.post .inner .attach-thumb { max-width: 220px; max-height: 220px; border: 1px solid #b7b7b7; padding: 2px; background: #fff; }
.post .inner .bbc_pre { white-space: pre-wrap; }
.attachments img.attach-thumb { max-width: 190px; max-height: 190px; }
.attachments a.attach-link { font-weight: bold; }
.dcarchive-origurl { text-align: right; font-size: 0.8em; color: #666; margin: 6px 0 0; }

/* poll */
.dcarchive-poll .windowbg2 { padding: 8px 14px; margin-bottom: 8px; }
.dcarchive-poll dl { margin: 4px 0; }
.dcarchive-poll dt { float: left; width: 35%; clear: both; font-weight: bold; }
.dcarchive-poll dd { margin: 0 0 4px 36%; }
.dcarchive-poll dd .bar { display: inline-block; height: 10px; background: #5e8eb7; vertical-align: middle; margin-right: 6px; }

/* member profile */
#profileview #basicinfo img.avatar { max-width: 130px; max-height: 130px; }
#profileview #basicinfo #infolinks { clear: both; padding-top: 8px; }
#profileview .dcarchive-badges img { vertical-align: middle; margin: 0 4px 4px 0; border: 0; }
#profileview .dcarchive-bio { max-width: 60em; }
.dcarchive-stats { clear: both; margin-top: 12px; }
.dcarchive-stats #generalstats, .dcarchive-stats #activitytime { margin-bottom: 8px; }
.dcarchive-stats .activity_stats li div.bar { position: relative; }
.dcarchive-stats #activitydate { margin-bottom: 8px; }
/* the chart is drawn without a viewBox: it fills the column at any width and keeps its label size,
   so it needs the height it was generated with (charts.py cumulative_posts_svg height=240) */
.dcarchive-stats .dcarchive-activity-chart { display: block; width: 100%; height: 240px; margin: 4px 0; }
.dcarchive-stats #popularposts, .dcarchive-stats #popularactivity { margin-bottom: 8px; }
.dcarchive-recent { clear: both; margin-top: 12px; }
/* yearbook */
.dcarchive-yearbook .sortbar { padding: 6px 14px; }
.dcarchive-yearbook .sortbar strong { margin-right: 6px; }
table.yearbookmember { width: 100%; border-collapse: separate; border-spacing: 0; }
table.yearbookmember td.yearbookmember { width: 25%; vertical-align: top; padding: 10px 8px 14px 8px; border-bottom: 1px solid #ccc; line-height: 1.5; }
table.yearbookmember img.avatar { max-width: 100px; max-height: 100px; display: block; margin: 0 auto 4px auto; }
table.yearbookmember .quote { font-style: italic; }
table.yearbookmember .noprofile { color: #444; }
/* statistics page */
.dcarchive-cols { display: flex; gap: 12px; align-items: flex-start; }
.dcarchive-cols > * { flex: 1 1 0; min-width: 0; }
.dcarchive-topbox { margin-top: 10px; }
.dcarchive-stats-page dl.stats { margin: 0; overflow: auto; }
.dcarchive-stats-page dl.stats dt { float: left; clear: both; width: 50%; margin: 0 0 4px 0; font-weight: bold; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dcarchive-stats-page dl.stats dd { float: right; width: 50%; margin: 0 0 4px 0; text-align: right; line-height: 16px; }
.dcarchive-stats-page dd.statsbar { text-align: left; white-space: nowrap; }
.dcarchive-stats-page dd.statsbar .bar { display: inline-block; height: 14px; max-width: 70%; background: #6294CE; vertical-align: middle; border-radius: 2px; }
.dcarchive-stats-page dd.statsbar .num { margin-left: 4px; }
.dcarchive-stats-page dd.statsbar.long .bar { max-width: 55%; }
.dcarchive-history th, .dcarchive-history td { padding: 4px 8px; text-align: right; }
.dcarchive-history th.lefttext, .dcarchive-history td.lefttext { text-align: left; }
.dcarchive-history th.stats_month { padding-left: 2em; font-weight: normal; }
.dcarchive-history a.toggle { text-decoration: none; }
/* badges page */
.dcarchive-badgelist { padding: 8px 14px; }
.dcarchive-badgelist .badge { overflow: auto; padding: 10px 0; border-bottom: 1px solid #ccc; }
.dcarchive-badgelist .badge img { float: left; margin: 0 14px 6px 0; max-width: 64px; }
.dcarchive-badgelist .badge h4 { margin: 0 0 4px 0; font-size: 1.05em; }
.dcarchive-badgelist .badge-text { margin-bottom: 4px; }

/* members list, search */
.dcarchive-letters a { display: inline-block; margin: 2px 6px 2px 0; font-weight: bold; }
.dcarchive-memberlist { columns: 3 240px; list-style: none; margin: 0; padding: 8px 14px; }
.dcarchive-memberlist li { break-inside: avoid; margin: 2px 0; }
.dcarchive-search .windowbg2 { padding: 10px 14px; }
.dcarchive-search input[type=search] { width: 60%; max-width: 30em; padding: 4px; }
.dcarchive-search select { max-width: 24em; }
.dcarchive-search ol { margin: 8px 0 0 1.4em; }
.dcarchive-search li { margin: 4px 0; }
.dcarchive-search .meta { color: #666; font-size: 0.85em; }
/* Pagefind UI tuned to the theme */
.dcarchive-search .pagefind-ui { --pagefind-ui-scale: 0.9; --pagefind-ui-primary: #0e5cb4; --pagefind-ui-text: #000;
  --pagefind-ui-background: #fff; --pagefind-ui-border: #b7b7b7; --pagefind-ui-tag: #e4ecf1; --pagefind-ui-border-width: 1px;
  --pagefind-ui-border-radius: 4px; --pagefind-ui-font: Verdana, Arial, Helvetica, sans-serif; }
.dcarchive-search .pagefind-ui__result-title a { color: #0e5cb4; font-weight: bold; }
.dcarchive-search .pagefind-ui__result-excerpt .pf-meta { color: #666; font-size: 0.85em; }
.dcarchive-search .pagefind-ui__result { border-top: 1px solid #d4dce2; }

@media screen and (max-width: 640px) {
  .dcarchive-memberlist { columns: 1; }
}