a { font-size: 1.3em; font-weight: 600; } .cForumMiniList [data-category]:not(:first-child){ margin-top: 1em; } /* Indent sub-categories */ .cForumMiniList .cForumMiniList .cForumMiniList{ margin-inline-start: 1.5em; } .cForumMiniList__count { font-size: .85em; flex: 0 0 auto; color: var(--i-color_soft); margin-inline-start: auto; } .cForumMiniList .cForumMiniList__blob { background: var(--i-featured, var(--i-background_6)); color: #fff; flex: 0 0 auto; font-size: 16px; width: 1em; height: 1em; border-radius: 5px; display: inline-grid; place-items: center; transform: scale(.5); transition: .2s; } .cForumMiniList .cForumMiniList__blob [class*="fa-"] { display: none; font-size: .6em; } .cForumMiniList .cForumMiniList__selected > .cForumMiniList__blob { opacity: 1; transform: scale(1); } .cForumMiniList .cForumMiniList__selected > .cForumMiniList__blob [class*="fa-"] { display: block; } /* Read: Make icon background subtle */ .cForumMiniList [data-ips-read] > .cForumMiniList__blob{ background-color: var(--i-background_6); } /* v5 todo: Audit this code */ /* BOTH */ @media screen and (max-width: 979px) { .cForumMiniList_wrapper { display: none; } .ipsDialog #elFluidFormFilters { border: 0; } .ipsDialog .cForumMiniList_wrapper, .cForumMiniList { display: block !important; } }]]> @media (max-width: 1150px){ .cTopicOverview{ flex-direction: column; } } .cTopicOverview--row{ background-color: var(--i-box--ba-co); background-clip: padding-box; border-radius: var(--i-box--bo-ra); border: 1px solid color-mix(in srgb, var(--i-co) 10%, transparent); overflow: hidden; margin: .5em; } .cTopicOverview__toggle { display: block; padding: .5em; transition: 0.1s all ease-in-out; } .cTopicOverview__toggle i[class*=" fa-"] { display: grid; place-content: center; height: 100%; max-height: 80px; transition: 0.2s all ease-in-out; } .cTopicOverview--expanded .cTopicOverview__toggle i[class*=" fa-"] { transform: rotate(180deg); } .cTopicOverview__toggle:hover { background: var(--i-background_2); } .cTopicOverview__toggle--row { display: none; } .cTopicOverview__dataItemInner { text-overflow: ellipsis; overflow: hidden; line-height: 1.2; } .cTopicOverview__preview { position: relative; overflow: hidden; min-height: 90px; } .cTopicOverview__preview::after { content: ''; pointer-events: none; display: block; position: absolute; inset-inline-end: 0; top: 0; bottom: 0; background-image: linear-gradient(to right, color-mix(in srgb, var(--i-box--ba-co) 0%, transparent) 0%, var(--i-box--ba-co) 100%); width: 250px; } .cTopicOverview__preview .ipsUserPhoto--tiny { max-width: 28px; } .cTopicOverview__previewInner { position: absolute; inset: 0; } @media screen and (max-width: 1150px) { .cTopicOverview { flex-direction: column; } .cTopicOverview__preview, .cTopicOverview__toggle--afterStats { display: none; } .cTopicOverview__toggle--row { display: block; } } /* Topic meta */ .ipsTopicMeta { margin-bottom: 1em; padding: .5em 1em; display: grid; gap: .5em; color: var(--i-color_soft); font-weight: 500; font-size: .9em; } /* Automatic contrast against page background */ @supports (color: oklch(from var(--i) clamp(0, (.60 - l) * 1000, 1) c h)) and (color: oklch(from red l c h)){ .ipsTopicMeta:not(.ipsBox *){ color: oklch(from var(--i-body--ba-co) clamp(0, (.60 - l) * 1000, 1) c h); } } .ipsBox .ipsTopicMeta{ margin: 0; border-top: 1px solid var(--i-background_3); background: var(--i-background_2) } .ipsTopicMeta a{ color: inherit; } @media (min-width: 768px){ .ipsEntry--post ~ .ipsTopicMeta { padding-inline-start: var(--post-column--fl-ba, 240px); } } .ipsTopicMeta__time { margin-inline-end: var(--i-sp_2); } /* Hide certain elements depending on traditional, minimal and first page attributes */ #ipsTopicView[data-ips-topic-ui="traditional"][data-ips-topic-first-page="true"] [data-ips-hide="traditional-first"], #ipsTopicView[data-ips-topic-ui="minimal"] [data-ips-hide="minimal"], #ipsTopicView[data-ips-topic-comments="helpful"] .ipsTopicMeta{ display: none; } /* Improve alignment of assigned icon */ .ipsMessage--assigned .ipsMessage__icon{ top: calc(50% - .5em); }