/* FediPlus Classic. Layout: rail | timeline | sidebar. */ /* Dark mode follows the visitor's system. html:root outranks the presets WordPress prints. */ /* FediPlus intentionally uses the classic Google+ light palette in both system themes. */ :root { --afv-base: var(--wp--preset--color--base); --afv-surface: var(--wp--preset--color--surface); --afv-line: var(--wp--preset--color--line); --afv-ink: var(--wp--preset--color--ink); --afv-muted: var(--wp--preset--color--muted); --afv-iris: var(--wp--preset--color--iris); --afv-display: var(--wp--preset--font-family--display); } html { scroll-padding-top: 4.5rem; } body { margin: 0; overflow-wrap: anywhere; } :where(a, button, input, textarea, summary):focus-visible { outline: 2px solid var(--afv-iris); outline-offset: 2px; border-radius: 4px; } /* Shell */ .afv-shell { display: grid; grid-template-columns: 15rem minmax(0, 40rem) 20rem; justify-content: center; align-items: start; margin-block: 0 !important; } .afv-shell > * { margin-block: 0 !important; min-width: 0; } .afv-main { min-height: 100vh; border-inline: 1px solid var(--afv-line); } .afv-main > * { margin-block: 0; } /* Left rail */ .afv-rail { position: sticky; top: 0; height: 100vh; } .afv-rail__inner { display: flex; flex-direction: column; gap: 1.25rem; padding: 1rem 1rem 1.5rem; height: 100%; box-sizing: border-box; } .afv-rail__inner > * { margin-block: 0; } .afv-brand { display: flex; align-items: center; gap: 0.6rem; min-width: 0; } .afv-brand > * { margin-block: 0; } .afv-brand .wp-block-site-title { font-family: var(--afv-display); font-size: 1.3125rem; font-weight: 800; line-height: 1.15; } .afv-brand .wp-block-site-title a { color: var(--afv-ink); } .afv-brand .wp-block-site-logo img { border-radius: 10px; display: block; } .afv-nav .wp-block-navigation__container { gap: 0.25rem; align-items: stretch; width: 100%; } .afv-nav .wp-block-navigation-item__content { display: flex !important; align-items: center; gap: 0.9rem; padding: 0.6rem 0.9rem; border-radius: 999px; font-size: 1.1875rem; color: var(--afv-ink); } .afv-nav .wp-block-navigation-item__content:hover { background: var(--afv-surface); text-decoration: none; } .afv-nav .current-menu-item .wp-block-navigation-item__content { font-weight: 700; } .afv-nav .wp-block-navigation-item__content::before { content: ""; flex: none; width: 1.5rem; height: 1.5rem; background: currentColor; -webkit-mask: var(--afv-icon) center / contain no-repeat; mask: var(--afv-icon) center / contain no-repeat; } .afv-i-home { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2.5 11.2l1.3 1.5L5 11.7V20a1 1 0 0 0 1 1h4.5v-6h3v6H18a1 1 0 0 0 1-1v-8.3l1.2 1 1.3-1.5z'/%3E%3C/svg%3E"); } .afv-i-search { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 3a7.5 7.5 0 1 0 4.6 13.4l4.8 4.8 1.4-1.4-4.8-4.8A7.5 7.5 0 0 0 10.5 3m0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11'/%3E%3C/svg%3E"); } .afv-i-profile { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m0 11c-4.4 0-8 2.4-8 5.3V21h16v-1.7c0-2.9-3.6-5.3-8-5.3'/%3E%3C/svg%3E"); } .afv-i-bell { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.500a6.500 6.500 0 0 0-6.500 6.500v3.800L3.500 17v1.500h17V17l-2-4.200V9A6.500 6.500 0 0 0 12 2.500M9.500 19.500a2.500 2.500 0 0 0 5 0z'/%3E%3C/svg%3E"); } .afv-i-bookmark { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3a1 1 0 0 0-1 1v17.500l7-4 7 4V4a1 1 0 0 0-1-1z'/%3E%3C/svg%3E"); } .afv-i-login { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v2h7v14h-7v2h7a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm-1.400 4.600L9.200 9l2 2H3v2h8.200l-2 2 1.400 1.400 4.400-4.400z'/%3E%3C/svg%3E"); } .afv-nav .wp-block-navigation-item.afv-i-bell, .afv-nav .wp-block-navigation-item.afv-i-bookmark { display: none; } .logged-in .afv-nav .wp-block-navigation-item.afv-i-bell, .logged-in .afv-nav .wp-block-navigation-item.afv-i-bookmark { display: flex; } .logged-in .afv-nav .wp-block-navigation-item.afv-i-login { display: none; } .afv-i-bell .wp-block-navigation-item__content { position: relative; } .afv-i-bell .afv-badge { position: absolute; top: 0.25rem; left: 1.75rem; font-size: 0.6875rem; } .afv-rail__write { display: none; } .logged-in .afv-rail__write { display: flex; } .afv-rail__write .wp-block-button, .afv-rail__write .wp-block-button__link { width: 100%; text-align: center; box-sizing: border-box; } /* Sticky top bar */ .afv-topbar { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 0.75rem; min-height: 3.5rem; padding: 0.5rem 1rem; box-sizing: border-box; background: color-mix(in srgb, var(--afv-base) 86%, transparent); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid var(--afv-line); } .admin-bar .afv-topbar { top: 32px; } .admin-bar .afv-rail, .admin-bar .afv-side { top: 32px; height: calc(100vh - 32px); } .afv-topbar > * { margin-block: 0; } .afv-topbar__title { font-family: var(--afv-display); font-size: 1.3125rem; font-weight: 800; } .afv-back { display: inline-flex; padding: 0.35rem; margin-inline-start: -0.35rem; border-radius: 50%; color: var(--afv-ink); } .afv-back:hover { background: var(--afv-surface); } .afv-intro { padding: 0.75rem 1rem; color: var(--afv-muted); border-bottom: 1px solid var(--afv-line); } /* Posts */ .afv-post--list { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: 0.75rem; padding: 0.85rem 1rem 0.5rem; border-bottom: 1px solid var(--afv-line); cursor: pointer; } .afv-post--list:hover { background: color-mix(in srgb, var(--afv-surface) 55%, transparent); } .afv-post > *, .afv-post__body > * { margin-block: 0; } .afv-post__body > * + * { margin-block-start: 0.4rem; } .wp-block-avatar { margin: 0; line-height: 0; } .wp-block-avatar img { border-radius: 50%; display: block; } .afv-post__meta { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 0.45rem; font-size: 0.9375rem; line-height: 1.35; } .afv-post__meta > * { margin-block: 0; } .afv-post__meta .wp-block-post-author-name, .afv-post__meta .wp-block-comment-author-name { font-weight: 700; } .afv-post__meta .wp-block-post-author-name a, .afv-post__meta .wp-block-comment-author-name a { color: var(--afv-ink); } .afv-post__meta .wp-block-post-date, .afv-post__meta .wp-block-post-date a, .afv-post__meta .wp-block-comment-date, .afv-post__meta .wp-block-comment-date a { color: var(--afv-muted); } .afv-post__title { font-size: 1.3125rem; } .afv-post__title a { color: var(--afv-ink); } .afv-post__image img { border-radius: 14px; } .afv-post__excerpt p { margin: 0; } .afv-post__excerpt .wp-block-post-excerpt__more-text { display: none; } .afv-post__content > * { margin-block: 0.6rem 0; } .afv-post__content > :first-child { margin-block-start: 0; } .afv-post__content img { max-width: 100%; height: auto; border-radius: 14px; display: block; } .afv-post__content figure { margin-inline: 0; } .afv-post--single { padding: 1rem; border-bottom: 1px solid var(--afv-line); } .afv-post--single > * + * { margin-block-start: 0.9rem; } .afv-post__head { display: flex; align-items: center; gap: 0.75rem; } .afv-post__head > * { margin-block: 0; } .afv-post--single .afv-post__content { font-size: 1.3125rem; line-height: 1.4; } .afv-post--single .afv-post__meta { flex-direction: column; row-gap: 0; } .afv-post__tags { font-size: 0.9375rem; } /* Replies, with the line that makes a thread read as a thread */ .afv-thread { margin: 0; } .afv-thread > * { margin-block: 0; } .afv-thread__title { padding: 1rem 1rem 0.5rem; font-size: 1.0625rem; } .afv-thread ol { list-style: none; margin: 0; padding: 0; } .afv-thread ol ol { padding-inline-start: 0; } .afv-thread .wp-block-comment-template > li { border-bottom: 1px solid var(--afv-line); } .afv-reply { position: relative; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: 0.75rem; padding: 0.75rem 1rem; } .afv-reply > *, .afv-reply__body > * { margin-block: 0; } .afv-reply__body > * + * { margin-block-start: 0.25rem; } .afv-thread li:has(> ol) > .afv-reply::after, .afv-thread ol ol > li:not(:last-child) > .afv-reply::after { content: ""; position: absolute; inset-block: 3.5rem 0; inset-inline-start: 2.2rem; width: 2px; background: var(--afv-line); } .afv-reply__body .wp-block-comment-content p { margin: 0.2rem 0 0; } .afv-reply__actions { display: flex; gap: 0.9rem; font-size: 0.875rem; } .afv-reply__actions > * { margin-block: 0; } .afv-reply__actions a { color: var(--afv-muted); } .afv-reply-form { padding: 1rem; margin: 0; } .afv-reply-form .comment-reply-title { font-family: var(--afv-display); font-size: 1.0625rem; margin: 0 0 0.5rem; } .afv-reply-form label { display: block; font-size: 0.875rem; color: var(--afv-muted); margin-block-end: 0.2rem; } .afv-reply-form .comment-form-cookies-consent label { display: inline; } .afv-reply-form input:not([type="checkbox"], [type="submit"]), .afv-reply-form textarea { width: 100%; box-sizing: border-box; padding: 0.6rem 0.75rem; border: 1px solid var(--afv-line); border-radius: 10px; background: var(--afv-base); color: var(--afv-ink); font: inherit; } /* Right sidebar */ .afv-side { position: sticky; top: 0; height: 100vh; overflow-y: auto; scrollbar-width: none; } .afv-side__inner { display: flex; flex-direction: column; gap: 1rem; padding: 0.6rem 1rem 1.5rem; } .afv-side__inner > * { margin-block: 0; } .afv-search .wp-block-search__input, .afv-search input[type="search"] { width: 100%; box-sizing: border-box; padding: 0.6rem 1.1rem; border: 1px solid transparent; border-radius: 999px; background: var(--afv-surface); color: var(--afv-ink); font: inherit; } .afv-search .wp-block-search__input:focus { border-color: var(--afv-iris); outline: none; } .afv-search--page { padding: 0.75rem 1rem; border-bottom: 1px solid var(--afv-line); margin: 0; } .afv-panel { padding: 0.9rem 1rem; border: 1px solid var(--afv-line); border-radius: 16px; } .afv-panel > * { margin-block: 0; } .afv-panel__title { font-family: var(--afv-display); font-size: 1.0625rem; margin-block-end: 0.6rem; } .afv-topics .wp-block-tag-cloud { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0; } .afv-topics .wp-block-tag-cloud a { padding: 0.15rem 0.6rem; border-radius: 999px; background: var(--afv-surface); color: var(--afv-ink); margin: 0; } .afv-topics .wp-block-tag-cloud a::before { content: "#"; color: var(--afv-muted); } .afv-topics:not(:has(a)) { display: none; } .afv-colophon { font-size: 0.8125rem; color: var(--afv-muted); padding-inline: 0.25rem; } /* Pagination and empty states */ .afv-pagination { padding: 1rem; margin: 0; } .afv-empty { padding: 3rem 1.5rem; margin: 0; text-align: center; color: var(--afv-muted); } .afv-page { padding: 1rem; } /* Narrower desktops: the rail shrinks to icons */ @media (max-width: 75rem) { .afv-shell { grid-template-columns: 5rem minmax(0, 40rem) 19rem; } .afv-brand .wp-block-site-title, .afv-rail__write { display: none !important; } .afv-rail__inner { align-items: center; padding-inline: 0.5rem; } .afv-nav .wp-block-navigation-item__content { padding: 0.7rem; font-size: 0; gap: 0; } } @media (max-width: 64rem) { .afv-shell { grid-template-columns: 5rem minmax(0, 1fr); max-width: 45rem; margin-inline: auto; } .afv-side { display: none; } } /* Phones: the rail becomes a tab bar */ @media (max-width: 40rem) { .afv-shell { display: block; padding-block-end: 3.75rem; } .afv-main { border-inline: 0; } .afv-rail { position: fixed; inset: auto 0 0 0; top: auto !important; height: auto !important; z-index: 20; background: var(--afv-base); border-top: 1px solid var(--afv-line); } .afv-rail__inner { padding: 0; height: auto; } .afv-brand { display: none; } .afv-nav { width: 100%; } .afv-nav .wp-block-navigation__container { flex-direction: row !important; justify-content: space-around; } .afv-nav .wp-block-navigation-item__content { justify-content: center; } .afv-post--list { padding-inline: 0.75rem; } .afv-post--single .afv-post__content { font-size: 1.1875rem; } .admin-bar .afv-topbar { top: 0; } } @media (max-width: 782px) and (min-width: 40.01rem) { .admin-bar .afv-topbar { top: 46px; } } @media (prefers-reduced-motion: no-preference) { .afv-post--list { transition: background-color 0.12s linear; } } /* While an avatar loads or if it fails, show a quiet circle rather than alt text */ .wp-block-avatar img, .afv-composer__avatar img { background: var(--afv-surface); color: transparent; font-size: 0; } .afv-reply__body .wp-block-comment-content > :last-child { margin-block-end: 0; } /* The rail has a Write button on wide screens, so the floating one is for narrower ones */ @media (min-width: 75.01rem) { .afv-fab { display: none; } } @media (max-width: 40rem) { .afv-fab { bottom: 4.75rem; } } .afv-post--list video { width: 100%; border-radius: 14px; display: block; } .afv-following .afv-follow__who img { border-radius: 50%; } /* Visitors can't write, so they get Log in instead. */ body:not(.logged-in) .afv-rail__write { display: none; } .afv-i-explore { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m4.500 5.500-2.700 6.300-6.300 2.700 2.700-6.300zM12 10.800a1.200 1.200 0 1 0 0 2.400 1.200 1.200 0 0 0 0-2.400'/%3E%3C/svg%3E"); } .afv-nav .wp-block-navigation-item.afv-i-explore { display: none; } .logged-in .afv-nav .wp-block-navigation-item.afv-i-explore { display: flex; } .afv-i-lists { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h3v3H3zm5 0h13v3H8zM3 10.500h3v3H3zm5 0h13v3H8zM3 16h3v3H3zm5 0h13v3H8z'/%3E%3C/svg%3E"); } .afv-i-about { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m1 15h-2v-6h2zm0-8h-2V7h2z'/%3E%3C/svg%3E"); } .afv-nav .wp-block-navigation-item.afv-i-lists { display: none; } .logged-in .afv-nav .wp-block-navigation-item.afv-i-lists { display: flex; } @media (max-width: 40rem) { /* More menu items than fit a phone: the bar scrolls sideways. */ .afv-nav .wp-block-navigation__container { justify-content: flex-start !important; flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; } .afv-nav .wp-block-navigation-item { flex: 0 0 auto; min-width: 3.4rem; justify-content: center; } } .afv-i-filters { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18l-7 8.500V20l-4-2v-4.500z'/%3E%3C/svg%3E"); } .afv-nav .wp-block-navigation-item.afv-i-filters { display: none; } .logged-in .afv-nav .wp-block-navigation-item.afv-i-filters { display: flex; } .afv-i-signup { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4m0 2c-3 0-7 1.500-7 4v2h14v-2c0-2.500-4-4-7-4M6 10V7H4v3H1v2h3v3h2v-3h3v-2z'/%3E%3C/svg%3E"); } .afv-nav .wp-block-navigation-item.afv-i-signup { display: none; } .afv-can-sign-up:not(.logged-in) .afv-nav .wp-block-navigation-item.afv-i-signup { display: flex; } .afv-i-communities { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 11a3.500 3.500 0 1 0 0-7 3.500 3.500 0 0 0 0 7m8 0a3.500 3.500 0 1 0 0-7 3.500 3.500 0 0 0 0 7m-8 2c-3 0-6 1.500-6 4v3h12v-3c0-2.500-3-4-6-4m8 0c-.5 0-1 0-1.500.1 1.500 1 2.500 2.300 2.500 3.900v3h5v-3c0-2.500-3-4-6-4'/%3E%3C/svg%3E"); } .afv-nav .wp-block-navigation-item.afv-i-communities { display: none; } .logged-in .afv-nav .wp-block-navigation-item.afv-i-communities { display: flex; } .afv-i-preferences { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.400 13a7.500 7.500 0 0 0 0-2l2-1.600-2-3.400-2.400 1a7.500 7.500 0 0 0-1.700-1L15 3.500h-4L10.700 6a7.500 7.500 0 0 0-1.700 1L6.600 6l-2 3.400 2 1.600a7.500 7.500 0 0 0 0 2l-2 1.600 2 3.400L9 17a7.500 7.500 0 0 0 1.700 1l.3 2.500h4l.3-2.500a7.500 7.500 0 0 0 1.700-1l2.400 1 2-3.400zM13 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/%3E%3C/svg%3E"); } .afv-nav .wp-block-navigation-item.afv-i-preferences { display: none; } .logged-in .afv-nav .wp-block-navigation-item.afv-i-preferences { display: flex; } .afv-i-collections { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6H2v14a2 2 0 0 0 2 2h14v-2H4zm16-4H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2m-6 3a2.500 2.500 0 1 1 0 5 2.500 2.500 0 0 1 0-5m5 10H9v-1c0-2 4-3 5-3s5 1 5 3z'/%3E%3C/svg%3E"); } .afv-nav .wp-block-navigation-item.afv-i-collections { display: none; } .logged-in .afv-nav .wp-block-navigation-item.afv-i-collections { display: flex; } /* The menu scrolls on its own when it doesn't fit, like the sidebar. */ @media (min-width: 40.01rem) { .afv-rail { overflow-y: auto; scrollbar-width: none; } .afv-rail::-webkit-scrollbar { display: none; } .afv-rail__inner { min-height: 100%; height: auto; box-sizing: border-box; } } /* The account menu sits at the bottom of the menu. */ .afv-rail__inner { display: flex; flex-direction: column; } .afv-i-messages { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E"); } .afv-nav .wp-block-navigation-item.afv-i-messages { display: none; } .logged-in .afv-nav .wp-block-navigation-item.afv-i-messages { display: flex; position: relative; } .afv-i-messages .afv-badge { position: absolute; top: 0.25rem; left: 1.75rem; font-size: 0.6875rem; } /* Topic panels saved in the Site Editor before 0.0.0.41 should also disappear. */ .afv-side .afv-topics { display: none !important; } /* 0.0.0.50: dedicated long-form reading and previews. */ .afv-i-articles { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h7a5 5 0 0 1 4 2 5 5 0 0 1 4-2h1v16h-1a6 6 0 0 0-4 1.5A6 6 0 0 0 11 19H4zm2 2v12h5a7 7 0 0 1 3 1V7a3 3 0 0 0-3-2zm12 0a3 3 0 0 0-2 2v11a7 7 0 0 1 2-1z'/%3E%3C/svg%3E"); } .afv-article-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; color: var(--afv-muted); font-size: .84rem; margin: .2rem 0; } .afv-article-meta span:first-child { color: var(--afv-iris); font-weight: 700; } .afv-articles-topbar__write { font-size: .88rem; white-space: nowrap; padding: .55rem .85rem; } .afv-article-reader { padding: clamp(1rem, 3vw, 2rem); } .afv-article-reader__title { font-family: var(--afv-display); font-size: clamp(1.9rem, 4.5vw, 2.7rem); line-height: 1.16; overflow-wrap: break-word; margin-block: .7rem 1rem; } .afv-article-reader .afv-post__meta { flex-direction: row; gap: .65rem; } .afv-article-reader__cover img { display: block; max-width: 100%; height: auto; border-radius: 14px; } .afv-article-reader .afv-article-reader__body { font-size: 1.08rem; line-height: 1.78; overflow-wrap: anywhere; } .afv-article-reader__body :is(h2,h3,h4) { font-family: var(--afv-display); line-height: 1.26; margin-block: 1.7em .65em; } .afv-article-reader__body :is(p,ul,ol,blockquote) { margin-block: 1em; } .afv-article-reader__body img, .afv-article-reader__body video { max-width: 100%; height: auto; } .afv-article-reader__body figure { margin-inline: 0; } .afv-article-reader__body figcaption { text-align: center; color: var(--afv-muted); font-size: .87em; } .afv-article-reader__body blockquote { border-inline-start: 3px solid var(--afv-iris); padding-inline-start: 1rem; } .afv-article-reader__body pre { max-width: 100%; overflow-x: auto; } .afv-article-back { color: var(--afv-ink); text-decoration: none; font-size: .95rem; font-weight: 650; } .afv-article-back:hover { color: var(--afv-iris); text-decoration: underline; } /* v0.0.0.53: job details follow the existing article reader typography. */ .afv-job-details{padding:1rem 1.25rem;border:1px solid var(--wp--preset--color--contrast-3,#d2d6d9);border-radius:12px;margin:1rem 0 1.5rem} .afv-job-details h2{font-size:1.1rem;margin:0 0 .7rem}.afv-job-details p{margin:.45rem 0}.afv-job-expired{font-weight:700} /* 0.0.0.54: real icons for the new menu items; hide previously saved old organisation link. */ .afv-i-jobs { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6a2 2 0 0 1 2 2v2h4v13H3V7h4V5a2 2 0 0 1 2-2zm0 4h6V5H9zm-4 2v3h14V9zm0 5v4h14v-4h-6v1h-2v-1z'/%3E%3C/svg%3E"); } .afv-i-organisations { --afv-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16v18h-6v-5h-4v5H4zm3 3v3h3V6zm7 0v3h3V6zM7 11v3h3v-3zm7 0v3h3v-3z'/%3E%3C/svg%3E"); } .afv-nav .afv-i-organisations { display: none !important; } /* Profile timeline: block query loops should not show native list bullets. */ .afv-main .wp-block-post-template { list-style: none !important; padding-inline-start: 0 !important; } .afv-main .wp-block-post-template > li { list-style: none !important; } /* 0.0.0.57: prevent Query Loop block gaps on profile feeds. */ .afv-main:has(.afv-profile) .afv-timeline { margin-block: 0 !important; } .afv-main:has(.afv-profile) .afv-timeline .wp-block-post-template { display: block !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; } .afv-main:has(.afv-profile) .afv-timeline .wp-block-post-template > li { margin: 0 !important; padding: 0 !important; } /* 0.0.0.58: frontend management screens. */ .afv-prefpage .afv-admin-links {display:flex;flex-wrap:wrap;gap:.5rem} /* 0.0.0.59: public server policies and full-width control forms. */ .afv-server-policy{padding:1.25rem 0;border-top:1px solid var(--wp--preset--color--contrast-3,#ddd)} .afv-server-policy h2{margin-top:.25rem} .afv-frontend-control textarea.large-text{box-sizing:border-box;width:100%;min-height:8rem} .afv-signup-agreement{display:flex;align-items:flex-start;gap:.6rem;margin:1rem 0} .afv-signup-agreement input{width:auto;flex:none;margin-top:.25rem} /* Separate newspaper glyph for Nyheder, distinct from the Articles open-book icon. */ .afv-i-news{--afv-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h14v15a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 2-3zm0 2v13a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5zm4 3h5v4H8zm0 7h6v1H8zm0 2h6v1H8z'/%3E%3Cpath d='M18 7h2a2 2 0 0 1 2 2v9a3 3 0 0 1-3 3h-4'/%3E%3C/svg%3E")} /* FediPress 0.0.0.62: news cards share the standard timeline rhythm. */ .afv-news-feed{max-width:100%;padding:0;margin:0}.afv-news-feed__intro{padding:1rem 1.15rem;border-bottom:1px solid var(--afv-line,#dedee4)}.afv-news-feed__intro h1{font-size:1.45rem;margin:0}.afv-news-feed__intro p{margin:.3rem 0 0;font-size:.88rem;color:var(--afv-muted,#667085)} .afv-news-categories{display:flex;gap:.4rem;flex-wrap:wrap;padding:.65rem 1rem;border-bottom:1px solid var(--afv-line,#dedee4)}.afv-news-categories a{padding:.45rem .85rem;border-radius:99px;text-decoration:none;font-size:.88rem;color:inherit}.afv-news-categories a[aria-current=page]{background:var(--afv-iris,#6453c5);color:white;font-weight:700} .afv-news-timeline{margin:0!important;padding:0!important;display:block!important;list-style:none}.afv-news-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.7rem;padding:1rem 1.1rem;margin:0!important;border:0;border-bottom:1px solid var(--afv-line,#dedee4);border-radius:0!important;background:transparent;box-shadow:none!important;overflow-wrap:anywhere}.afv-news-card+.afv-news-card{margin-block-start:0!important}.afv-news-avatar{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--afv-surface-2,#ebeaf3);color:var(--afv-iris,#6453c5)}.afv-news-card__main{min-width:0}.afv-news-card__byline{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem;font-size:.9rem}.afv-news-card__byline strong{font-weight:750}.afv-news-card__source,.afv-news-card__time{color:var(--afv-muted,#667085);font-size:.85rem}.afv-news-card__body p{margin:.5rem 0 .75rem;line-height:1.55;font-size:.96rem}.afv-news-link-preview{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1rem;border:1px solid var(--afv-line,#dedee4);border-radius:13px;text-decoration:none;color:inherit;transition:background .12s ease}.afv-news-link-preview:hover{background:var(--afv-surface-2,#f6f6fa)}.afv-news-link-preview strong{line-height:1.35;font-size:1.02rem}.afv-news-link-preview__source{font-size:.76rem;color:var(--afv-muted,#667085);overflow-wrap:anywhere}.afv-news-link-preview__cta{display:flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--afv-iris,#6453c5);font-weight:650}.afv-news-link-preview__cta svg{width:14px;height:14px}.afv-news-actions{display:flex;align-items:center;justify-content:space-between;gap:.3rem;margin:.65rem 0 0;max-width:430px}.afv-news-actions form{margin:0}.afv-news-action{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:40px;border:0;background:transparent;color:var(--afv-muted,#667085);padding:.45rem .55rem;border-radius:99px;cursor:pointer;text-decoration:none;font:inherit;font-size:.82rem}.afv-news-action:hover,.afv-news-action:focus-visible{background:var(--afv-surface-2,#ebeaf3);color:var(--afv-iris,#6453c5)}.afv-news-action.is-active{color:var(--afv-iris,#6453c5)}.afv-news-federated{margin:.35rem 0 0;font-size:.78rem}.afv-news-hide{margin:.4rem 0 0;text-align:right}.afv-news-hide button{border:0;background:transparent;color:var(--afv-muted,#667085);font-size:.75rem;cursor:pointer}.afv-news-pagination{padding:1.2rem}.afv-news-empty{padding:2rem 1rem;text-align:center;color:var(--afv-muted,#667085)} /* Source management: responsive full-width fields and distinct source panels. */ .afv-news-manage{max-width:100%;overflow-wrap:anywhere}.afv-news-manage__header{margin-bottom:1.2rem}.afv-news-manage__header h1{margin-bottom:.3rem}.afv-news-manage__header p{color:var(--afv-muted,#667085)}.afv-news-panel{padding:clamp(1rem,2.5vw,1.6rem);margin:0 0 1rem;border:1px solid var(--afv-line,#dedee4);border-radius:16px;background:var(--afv-surface,#fff)}.afv-news-panel h2{font-size:1.1rem;margin:0 0 .75rem}.afv-news-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.afv-news-form-grid label,.afv-news-settings label{display:flex;flex-direction:column;gap:.4rem;min-width:0;font-weight:650;font-size:.9rem}.afv-news-form-grid input,.afv-news-settings select{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:.72rem .8rem;border:1px solid var(--afv-line,#ccc);border-radius:10px;background:var(--afv-surface,#fff);color:inherit;font:inherit;font-weight:400}.afv-news-form-wide{grid-column:1/-1}.afv-news-form-wide small{font-weight:400;color:var(--afv-muted,#667085)}.afv-news-form-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.afv-news-form-footer span,.afv-news-hint{color:var(--afv-muted,#667085);font-size:.83rem}.afv-news-manage button{border-radius:9px;padding:.55rem .85rem;cursor:pointer}.afv-news-form-footer button,.afv-news-settings button{background:var(--afv-iris,#6453c5);color:#fff;border:0}.afv-news-checkbox{display:flex;align-items:center;gap:.55rem;margin-top:1rem;font-size:.88rem}.afv-news-checkbox input{width:auto}.afv-news-settings{display:grid;gap:.8rem}.afv-news-source{padding:1rem 0;border-bottom:1px solid var(--afv-line,#dedee4)}.afv-news-source:last-of-type{border-bottom:0}.afv-news-source__head{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.afv-news-status{background:var(--afv-surface-2,#eee);padding:.2rem .55rem;border-radius:99px;font-size:.75rem}.afv-news-source__url{display:block;overflow-wrap:anywhere;font-size:.87rem;margin:.4rem 0}.afv-news-source__details{color:var(--afv-muted,#667085);font-size:.8rem;margin:.35rem 0}.afv-news-source__actions{display:flex;flex-wrap:wrap;gap:.5rem}.afv-news-source__actions form{margin:0}.afv-news-source__actions button{background:transparent;border:1px solid var(--afv-line,#ddd);color:inherit}.afv-news-source__actions .afv-news-danger{color:#b83346}.afv-news-refresh{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.afv-news-alert{padding:.7rem;border-radius:10px;background:var(--afv-surface-2,#eee)}.afv-news-feed a:focus-visible,.afv-news-feed button:focus-visible,.afv-news-manage :is(a,button,input,select):focus-visible{outline:3px solid var(--afv-iris,#6453c5);outline-offset:2px}#afv-news-quote textarea{width:100%} @media(max-width:580px){.afv-news-form-grid{grid-template-columns:1fr}.afv-news-form-wide{grid-column:auto}.afv-news-card{grid-template-columns:36px minmax(0,1fr);padding:.85rem .75rem;gap:.55rem}.afv-news-avatar{width:36px;height:36px}.afv-news-card__time{font-size:.77rem}} /* 0.0.0.65: compact news cards and native share composer */ .afv-news-card{grid-template-columns:32px minmax(0,1fr);gap:.55rem;padding:.65rem .85rem}.afv-news-avatar{width:32px;height:32px}.afv-news-avatar svg{width:16px;height:16px}.afv-news-card__byline{font-size:.85rem;line-height:1.35}.afv-news-card__source,.afv-news-card__time{font-size:.78rem}.afv-news-card__body{margin:.35rem 0 0}.afv-news-link-preview{padding:.55rem .7rem;gap:.18rem;border-radius:9px}.afv-news-link-preview strong{font-size:.94rem;line-height:1.28}.afv-news-link-preview__source{font-size:.72rem}.afv-news-link-preview__cta{font-size:.74rem}.afv-news-actions{margin:.25rem 0 0;max-width:none;justify-content:flex-start;gap:.55rem;flex-wrap:wrap}.afv-news-action{padding:.25rem .4rem;min-width:30px;font-size:.77rem}.afv-news-action svg{width:17px;height:17px}.afv-news-action--share{margin-left:auto}.afv-news-action--share span{font-size:.73rem}.afv-news-federated{margin:.2rem 0;font-size:.73rem}.afv-news-feed__intro{padding:.7rem .9rem}.afv-news-feed__intro p{font-size:.8rem}.afv-news-compose{padding:1rem;max-width:690px}.afv-news-compose h1{font-size:1.4rem;margin:.75rem 0}.afv-news-compose__preview{padding:.8rem;background:var(--afv-surface-2,#f6f6fa);border:1px solid var(--afv-line,#ddd);border-radius:12px;display:flex;flex-direction:column;gap:.3rem;overflow-wrap:anywhere}.afv-news-compose__preview small,.afv-news-compose__preview span,.afv-news-compose__help{color:var(--afv-muted,#667085);font-size:.85rem}.afv-news-compose__form{display:grid;gap:1rem;margin-top:1rem}.afv-news-compose__form label{display:grid;gap:.35rem;font-weight:600}.afv-news-compose__form :is(select,input,textarea){width:100%;min-width:0;box-sizing:border-box;padding:.65rem;border:1px solid var(--afv-line,#ddd);border-radius:9px;background:var(--afv-surface,#fff);font:inherit;color:inherit}.afv-news-compose__form [readonly]{background:var(--afv-surface-2,#f6f6fa);font-weight:400}.afv-news-compose__form button{justify-self:start}.afv-news-compose__form :focus-visible{outline:3px solid var(--afv-iris,#6453c5);outline-offset:2px}@media(max-width:580px){.afv-news-card{padding:.55rem .65rem;gap:.45rem}.afv-news-action--share span{display:none}} /* v0.0.0.65: prevent WP global block gaps between news actions and moderation tools. */ .afv-news-card .afv-news-card__main{display:flex;flex-direction:column;gap:0;min-width:0} .afv-news-card .afv-news-card__main > *{margin-block:0!important} .afv-news-card .afv-news-actions{margin-top:.25rem!important;display:flex;align-items:center;gap:.4rem} .afv-news-card .afv-news-actions form{display:inline-flex!important;margin:0!important;padding:0!important;min-height:0!important;align-self:center} .afv-news-card .afv-news-hide{align-self:flex-end;line-height:1;margin-top:0!important;padding:0!important} .afv-news-card .afv-news-hide button{font:inherit;font-size:.72rem;line-height:1.2;padding:.18rem .2rem!important;margin:0!important;min-height:0!important} .afv-news-card .afv-news-comment{margin:.2rem 0 0!important;font-size:.8rem;color:var(--afv-muted,#667085)} .afv-news-card .afv-news-comment summary{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;padding:.2rem 0;list-style:none} .afv-news-card .afv-news-comment summary svg{width:15px;height:15px} .afv-news-card .afv-news-comment form{display:flex;flex-direction:column;gap:.4rem;margin:.35rem 0!important} .afv-news-card .afv-news-comment textarea{display:block;box-sizing:border-box;width:100%;min-height:75px;resize:vertical;padding:.55rem;border:1px solid var(--afv-line,#ccc);border-radius:8px;background:var(--afv-surface,#fff);color:inherit;font:inherit} .afv-news-card .afv-news-comment form button{align-self:flex-start;padding:.4rem .8rem;border:0;border-radius:8px;background:var(--afv-iris,#6453c5);color:#fff;font:inherit;cursor:pointer} .afv-news-card .afv-news-action.is-active svg{fill:currentColor;fill-opacity:.16} .afv-news-card .afv-news-actions .afv-news-hide{margin-left:auto!important;align-self:center!important;display:inline-flex!important;align-items:center!important} .afv-news-card .afv-news-actions .afv-news-action--share{margin-left:0} @media(max-width:650px){.afv-news-card .afv-news-actions{gap:.12rem;flex-wrap:wrap}.afv-news-card .afv-news-actions .afv-news-hide{margin-left:auto!important}} /* 0.0.0.65: the sole comment control sits in the action bar and expands inline. */ .afv-news-card .afv-news-actions .afv-news-comment{position:relative;margin:0!important;display:inline-block!important;color:inherit} .afv-news-card .afv-news-comment>summary{list-style:none;cursor:pointer} .afv-news-card .afv-news-comment>summary::-webkit-details-marker{display:none} .afv-news-card .afv-news-comment__panel{position:absolute;z-index:3;left:-.5rem;top:calc(100% + .35rem);width:min(340px,80vw);padding:.75rem;background:var(--afv-surface,#fff);border:1px solid var(--afv-line,#ddd);border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.12);color:var(--afv-text,#222)} .afv-news-card .afv-news-comment__item{padding:.35rem 0;border-bottom:1px solid var(--afv-line,#ddd);font-size:.83rem;overflow-wrap:anywhere} .afv-news-card .afv-news-comment__item p{margin:.15rem 0 .35rem} .afv-news-card .afv-news-comment__thread{display:inline-block;margin-top:.45rem;font-size:.8rem} .afv-news-bot-form{border-top:1px solid var(--afv-line,#ddd);margin-top:1rem;padding-top:1rem;display:grid;gap:.5rem} .afv-news-bot-fields{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center} .afv-news-bot-fields input{min-width:12rem;flex:1} /* 0.0.0.66: two-action compact news cards with optional RSS thumbnails. */ .afv-news-card .afv-news-link-preview{display:flex;flex-direction:row;align-items:center;gap:.65rem;min-height:0;padding:.5rem .6rem} .afv-news-card .afv-news-link-preview__text{display:flex;flex-direction:column;gap:.14rem;min-width:0;flex:1} .afv-news-card .afv-news-thumb{display:block;width:74px;height:74px;flex:0 0 74px;border-radius:7px;object-fit:cover;background:var(--afv-surface-2,#eee)} .afv-news-card .afv-news-actions{display:flex;justify-content:flex-start;gap:1rem;margin-top:.35rem!important} .afv-news-card .afv-news-actions .afv-news-action{display:inline-flex;gap:.35rem;min-height:32px;align-items:center;text-decoration:none} .afv-news-card .afv-news-actions .afv-news-action--share{margin-left:0} .afv-news-card .afv-news-actions__hint{font-size:.8rem;color:var(--afv-muted,#667085)} .afv-news-manage .afv-news-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.2rem} .afv-news-manage .afv-news-form-grid label{min-width:0;display:flex;flex-direction:column;gap:.4rem} .afv-news-manage .afv-news-form-grid input{width:100%;max-width:100%;min-width:0;box-sizing:border-box} .afv-news-manage .afv-news-form-grid small{font-size:.78rem;font-weight:400;color:var(--afv-muted,#667085)} .afv-news-compose__tag{font-size:.9rem;color:var(--afv-muted,#667085)} @media(max-width:580px){.afv-news-card .afv-news-thumb{width:58px;height:58px;flex-basis:58px}.afv-news-manage .afv-news-form-grid{grid-template-columns:minmax(0,1fr)}} /* 0.0.0.68: horizontally scrollable mobile navigation, including iOS standalone PWA. * Scroll the outer navigation instead of a width-constrained Gutenberg