/* SH3D UI tweaks — feature 1: collapsible category groups on the board index.
mvnForum parity: a chevron on each category header collapses/expands the
forum list below it. State is kept client-side in localStorage. */
.forabg > .inner > ul.topiclist > li.header {
position: relative;
}
/* make room on the left of the category title for the chevron + watch button */
.forabg > .inner > ul.topiclist > li.header dl.row-item dt .list-inner {
padding-left: 40px;
}
button.sh3d-cat-toggle {
position: absolute;
z-index: 1;
left: 10px;
top: -1px;
bottom: 0;
width: 22px;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
cursor: pointer;
color: inherit;
font-size: 1em;
line-height: 1;
}
button.sh3d-cat-toggle:hover {
opacity: .75;
}
button.sh3d-cat-toggle .icon {
color: #fff;
}
ul.topiclist.forums.sh3d-collapsed {
display: none;
}
/* feature 2: category-level "Watch" button (mvnForum parity). Icon-only,
sits just right of the chevron in the header gutter; tooltip carries the label. */
a.sh3d-cat-watch {
position: absolute;
z-index: 1;
right: 4px;
top: 2px;
width: 22px;
display: flex;
align-items: center;
justify-content: center;
color: inherit;
text-decoration: none;
}
a.sh3d-cat-watch:hover {
opacity: .75;
}
a.sh3d-cat-watch .icon {
color: inherit;
}
/* feature 3: language flag in forum descriptions (mvnForum parity). The desc
carries the flag as [img] BBCode rendered to ![]()
by the listener. */
img.sh3d-lang-flag {
vertical-align: middle;
margin-left: 4px;
border: 0;
}
/* feature 4: mvnForum-style Quick Go + Sort/Order/Go bar on viewforum. */
.sh3d-go-bar {
clear: both;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
margin: 8px 0 0;
padding: 4px 0;
font-size: 1em;
color: #536482;
}
.sh3d-go-quick,
.sh3d-go-sort {
display: flex;
align-items: center;
gap: 6px;
margin: 0;
white-space: nowrap;
}
.sh3d-go-sort {
flex-wrap: wrap;
justify-content: flex-end;
}
.sh3d-go-sort label {
display: flex;
align-items: center;
gap: 4px;
}
.sh3d-go-bar select {
max-width: 260px;
}
.sh3d-go-sort select {
min-width: 120px;
}
.sh3d-go-submit {
margin-left: 2px;
}
/* feature 5: first-post preview below topic titles on viewforum. */
.sh3d-topic-preview {
margin-top: 3px;
color: #536482;
font-size: .95em;
line-height: 1.35;
overflow-wrap: anywhere;
}
/* feature 6: high-priority marker before the topic title, as in mvnForum. */
img.sh3d-high-priority-icon {
display: inline-block;
width: 16px;
height: 16px;
border: 0;
vertical-align: text-bottom;
}
/* feature 7: attachment marker before the topic title, as in mvnForum. */
.sh3d-attachment-icon {
color: #536482;
vertical-align: text-bottom;
}
/* feature 8: legacy mvnForum thread mood/emoticon before the topic title.
.sh3d-topic-icon-inline = the native phpBB topic icon, relocated here by the
footer JS (it ships as an inline background on the row dt, which the flex
row layout strands bottom-left). */
img.sh3d-topic-mood-icon,
img.sh3d-topic-icon-inline {
display: inline-block;
width: 16px;
height: 16px;
border: 0;
vertical-align: text-bottom;
}
img.sh3d-topic-icon-inline { margin-right: 6px; }
/* features 13/14: nudge the priority/mood icons up when shown in the topic-view
heading (the .topic-title element) only — the list placement is unaffected. */
.topic-title img.sh3d-high-priority-icon,
.topic-title img.sh3d-topic-mood-icon {
position: relative;
top: -4px;
}
@media (max-width: 700px) {
.sh3d-go-bar {
align-items: flex-start;
flex-direction: column;
}
.sh3d-go-quick,
.sh3d-go-sort {
flex-wrap: wrap;
justify-content: flex-start;
white-space: normal;
width: 100%;
}
.sh3d-go-bar select {
max-width: 100%;
}
}
/* feature 9: "Welcome " status text in the navbar (mvnForum parity). */
.sh3d-welcome .sh3d-welcome-text {
color: inherit;
font-weight: normal;
white-space: nowrap;
}
.sh3d-welcome-text .username {
font-weight: bold;
}
/* logged-in: small gap between "Welcome" and the avatar/username that follow */
.sh3d-welcome-inline {
margin-right: 4px;
}
/* feature 10: icon "Legend" block at the bottom of the topic list (mvnForum parity). */
.sh3d-legend {
clear: both;
width: 95%;
padding: 16px 0;
font-size: .95em;
color: #536482;
}
.sh3d-legend-title {
font-weight: bold;
margin-right: 6px;
}
.sh3d-legend-list {
list-style: none;
margin: 4px 0 0;
padding: 0;
}
.sh3d-legend-list li {
display: flex;
align-items: center;
gap: 6px;
margin: 2px 0;
}
img.sh3d-legend-icon {
width: 16px;
height: 16px;
border: 0;
vertical-align: middle;
flex: 0 0 auto;
}
/* feature 12: topic stats line under the topic title (mvnForum parity). */
.sh3d-topic-stats {
margin: 2px 0 6px;
font-size: .95em;
color: #536482;
}
/* visually-hidden label kept for screen readers */
.sh3d-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
/* feature 13: mvnForum "Priority" radio (Normal/High) replacing phpBB's native
topic-icon picker on forum posting. When our control is rendered, hide the
following native icon list (its first radio has id="icon"). PM compose keeps
its icons because .sh3d-priority is not rendered there (var set only in posting). */
dl.sh3d-priority ~ dl:has(#icon) {
display: none;
}
dl.sh3d-priority dd label {
margin-right: 18px;
}
dl.sh3d-priority dd img {
vertical-align: middle;
margin: 0 2px;
}
/* feature 14: mvnForum thread "mood"/emoticon selector in the post editor (separate
axis from priority; stored in phpbb_sh3d_topic_moods). A wrapping row of radios. */
dl.sh3d-mood dd {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 10px;
}
label.sh3d-mood-opt {
display: inline-flex;
align-items: center;
gap: 3px;
white-space: nowrap;
}
dl.sh3d-mood img {
vertical-align: middle;
}
/* feature 15: "Watch this topic" notice under the watch checkbox in the posting
Options panel (mvnForum "Watch notice" parity). */
.sh3d-watch-notice {
margin: 2px 0 2px 18px;
font-size: .9em;
color: #536482;
font-style: italic;
}
/* feature 16: "Reset" button in the post editor submit row (mvnForum parity). The
template event renders before Preview/Submit; float it to the row end to match
mvnForum, where Reset is the last button. */
.sh3d-reset-button {
float: right;
}
/* feature 17: mvnForum "Logged-in notice" above the Edit profile information form.
Centered line with the current username in bold red (mvnForum messageTextBoldRed). */
.sh3d-loggedin-notice {
text-align: center;
margin: 0 0 10px;
}
.sh3d-loggedin-name {
color: #bc2a4d;
font-weight: bold;
}
/* feature 17b: Reset button injected next to Submit on Edit profile information.
Adjacent to Submit (NOT float:right like the post-editor .sh3d-reset-button). */
.sh3d-profile-reset {
margin-left: 6px;
}
/* feature 20: favorite threads capacity bar on UCP > Manage bookmarks. */
.sh3d-bookmark-capacity {
margin: 8px 0 14px;
max-width: 420px;
}
.sh3d-bookmark-capacity-label {
margin: 0 0 4px;
color: #536482;
font-weight: bold;
}
.sh3d-bookmark-capacity-track {
height: 12px;
overflow: hidden;
border: 1px solid #c7c3bf;
border-radius: 2px;
background: #e5e5e5;
}
.sh3d-bookmark-capacity-fill {
height: 100%;
background: #7ab35b;
}
.sh3d-bookmark-capacity-medium .sh3d-bookmark-capacity-fill {
background: #d79b28;
}
.sh3d-bookmark-capacity-high .sh3d-bookmark-capacity-fill {
background: #bc2a4d;
}
/* SH3D chrome: drop prosilver's 12px top/bottom body padding so the WordPress
header/footer sit flush against the viewport edges. */
body#phpbb {
padding-top: 0;
padding-bottom: 0;
}
/* ===========================================================================
SH3D board restyle (Claude design) — board index.
WP brand tokens (SF Compact font + #1D5FF9 = --color-blue-pure) on the design
layout/neutrals. Presentation only; prosilver HTML untouched.
=========================================================================== */
/* Forum-wide font = SF Pro Display (design mockup). No Trebuchet MS/Helvetica/Arial anywhere. */
body#phpbb {
font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "system-ui", "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
background: #f4f6f8;
}
/* Force SF Pro Display on every element too, to override prosilver's own font-family
declarations ("Trebuchet MS"/Helvetica/Arial/Verdana/… on .forumtitle, headings,
form controls, etc.). Icons are excluded so FontAwesome glyphs still render. */
body#phpbb :not(.icon):not([class*="fa-"]) {
font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "system-ui", "Segoe UI", Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}
/* Hide the redundant native phpBB chrome (kept: the top .navbar = quick links /
search / login / breadcrumb). The WP header/footer wrap the page instead. */
#page-header .headerbar { display: none; }
/* Hide the footer's content, NOT the footer itself: prosilver puts the AJAX dialogs
(#darkenwrapper, #phpbb_alert = errors such as "file too large", #phpbb_confirm = every
"Are you sure…?" of lock / change type / delete topic / add friend) inside #page-footer
(overall_footer.html:41-56). Hiding the whole footer made all of them invisible and the
actions looked dead (QA 2026-10, 2026-10-13-01). The index shows its footer navbar below. */
body:not(.section-index) #page-footer > :not(#darkenwrapper):not(#phpbb_alert):not(#phpbb_confirm) { display: none; }
/* --- Category card (.forabg) --- */
.forabg {
background: #fff;
background-image: none;
border: 1px solid #e1e5ea;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
margin-bottom: 22px;
padding: 0;
}
.forabg > .inner { border-radius: 10px; overflow: hidden; }
/* --- Category name bar (li.header) --- */
.forabg > .inner > ul.topiclist > li.header {
background: #eef2f6;
background-image: none;
border-bottom: 1px solid #e1e5ea;
}
.forabg > .inner > ul.topiclist > li.header dl.row-item {
background: transparent;
background-image: none;
}
.forabg > .inner > ul.topiclist > li.header dl.row-item dt .list-inner {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 48px; /* room for the watch pill (absolute, right) */
font-weight: 700; font-size: 13px; line-height: 1.3;
color: #20262e;
text-transform: uppercase;
letter-spacing: .05em;
}
/* the category name is a link, coloured white by prosilver for the old blue bar →
recolour it dark for the light bar. */
.forabg > .inner > ul.topiclist > li.header dl.row-item dt a {
color: #20262e;
text-decoration: none;
}
/* hide prosilver's column labels in the header row → clean category bar (design) */
.forabg > .inner > ul.topiclist > li.header dd { display: none; }
/* chevron now sits on a light bar → make it dark instead of white */
button.sh3d-cat-toggle .icon { color: #5a6470; }
button.sh3d-cat-toggle .sh3d-cat-chev { flex: none; transition: transform .15s; }
/* watch button → compact white pill, blue outline (design) */
a.sh3d-cat-watch {
top: 50%;
right: 12px;
transform: translateY(-50%);
width: auto;
padding: 5px 10px;
gap: 6px;
border: 1px solid #1D5FF9;
border-radius: 999px;
color: #1D5FF9;
background: white;
}
a.sh3d-cat-watch .icon { color: #1D5FF9; }
/* hover: light-blue fill, blue border, keep blue text (prosilver a:hover{color:#D31141}), no underline */
a.sh3d-cat-watch:hover,
a.sh3d-cat-watch:focus {
background: #E8F0FB;
border-color: #1D5FF9;
color: #1D5FF9;
text-decoration: none !important;
opacity: 1;
}
a.sh3d-cat-watch:hover .icon,
a.sh3d-cat-watch:focus .icon { color: #1D5FF9; }
/* prosilver colours li.header links white (legacy blue bar) with high specificity →
force brand blue on the watch pill text/label, base + hover. */
body#phpbb .forabg > .inner > ul.topiclist > li.header a.sh3d-cat-watch,
body#phpbb .forabg > .inner > ul.topiclist > li.header a.sh3d-cat-watch:hover,
body#phpbb .forabg > .inner > ul.topiclist > li.header a.sh3d-cat-watch:focus { color: #1D5FF9; }
/* --- Forum rows --- */
.forabg ul.topiclist.forums li.row { background: #fff; border-bottom: 0; }
.forabg ul.topiclist.forums li.row dl.row-item {
position: relative;
background-image: none; /* drop prosilver's forum read/unread bg icon */
border-bottom: 1px solid #eef1f4;
padding: 15px 0;
/* prosilver lays the columns out with floats + a faux-column padding hack that
top-aligns the counters. Use flex instead so Threads/Posts/Last post are
vertically centred in the row (widths preserved below to keep column alignment). */
display: flex;
align-items: center;
}
.forabg ul.topiclist.forums li.row dl.row-item dt { flex: 1 1 auto; min-width: 0; margin-right: 0; }
.forabg ul.topiclist.forums li.row dl.row-item dt .list-inner { margin-right: 0; }
.forabg ul.topiclist.forums li.row dd.topics,
.forabg ul.topiclist.forums li.row dd.posts { flex: 0 0 95px; width: 95px; float: none; margin: 0; padding: 0; align-content: center; }
.forabg ul.topiclist.forums li.row dd.lastpost { flex: 0 0 250px; width: 250px; float: none; margin: 0; padding: 0 0 0 18px; }
.forabg ul.topiclist.forums li.row:last-child dl.row-item { border-bottom: 0; }
/* design forum icon: rounded square + brand-blue line glyph */
.forabg ul.topiclist.forums li.row dl.row-item::before {
content: "";
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
width: 42px;
height: 42px;
border-radius: 11px;
background: #eef5fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 5h16v10H8l-4 4z' stroke='%231D5FF9' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M8 9h8M8 12h5' stroke='%231D5FF9' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
}
/* keep a subtle read/unread cue via the icon tile shade */
.forabg ul.topiclist.forums li.row dl.row-item.forum_unread::before { background-color: #d9e9f7; }
.forabg ul.topiclist.forums li.row dl.row-item dt .list-inner {
padding-left: 78px; /* 18 + 42 icon + 18 gap */
font-size: 13px;
color: #6c757d; /* description colour */
}
.forabg ul.topiclist.forums li.row a.forumtitle {
font-weight: 700; font-size: 15.5px; line-height: 1.35;
color: #1D5FF9;
}
/* counters */
.forabg ul.topiclist.forums li.row dd.topics,
.forabg ul.topiclist.forums li.row dd.posts {
font-weight: 700; font-size: 15px; line-height: 1.2;
color: #2b3138;
}
/* last post */
.forabg ul.topiclist.forums li.row dd.lastpost {
border-left: 1px solid #eef1f4;
padding-left: 18px;
font-size: 12px;
color: #9aa3ad;
}
.forabg ul.topiclist.forums li.row dd.lastpost a.lastsubject,
.forabg ul.topiclist.forums li.row dd.lastpost a.username { color: #1D5FF9; }
.forabg ul.topiclist.forums li.row dd.lastpost time { color: #9aa3ad; }
/* prosilver shows a grey vertical border between dd columns on row hover
(li.row:hover dd{border-left-color:#ccc}) → suppress it; keep only the
intentional last-post divider. */
.forabg ul.topiclist.forums li.row:hover dd { border-left-color: transparent; }
.forabg ul.topiclist.forums li.row:hover dd.lastpost { border-left-color: #eef1f4; }
/* Same hover divider on the topic lists (viewforum, search by topics): it appeared flush against
the author avatar (BUG-UI-02, QA 2026-10). The last-post cell keeps its resting divider. */
.forumbg ul.topiclist.topics li.row:hover dd { border-left-color: transparent; }
.forumbg ul.topiclist.topics li.row:hover dd.lastpost { border-left-color: #eef1f4; }
/* --- Board-index top blocks (hero + welcome + stats), design Claude.
Hero / welcome are full-width bands (see the full-bleed section at the bottom). --- */
.sh3d-hero {
background: #fff;
border-bottom: 1px solid #e8ecf1;
}
.sh3d-hero-inner {
max-width: 1180px;
margin: 0 auto;
padding: 38px 40px 30px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}
.sh3d-hero-text { min-width: 0; }
.sh3d-hero-title {
margin: 0;
font-weight: 700; font-size: 34px; line-height: 1.1;
color: #1a1f26;
letter-spacing: -.022em;
}
.sh3d-hero-sub {
margin: 11px 0 0;
font-weight: 400; font-size: 16px; line-height: 1.5;
color: #6c757d;
max-width: 640px;
}
.sh3d-hero-actions { display: flex; align-items: center; gap: 10px; flex: none; padding-top: 6px; }
.sh3d-btn {
display: inline-flex;
align-items: center;
padding: 9px 20px;
border-radius: 999px;
font-weight: 600; font-size: 15px; line-height: 1;
text-decoration: none;
white-space: nowrap;
}
/* buttons are links → prosilver's a:hover adds an underline; keep them clean
(no underline, colour unchanged) on hover/focus. */
.sh3d-btn:hover,
.sh3d-btn:focus { text-decoration: none; }
.sh3d-btn-ghost { background: transparent; border: 1px solid #d4dae1; color: #3a4350; }
.sh3d-btn-ghost:hover,
.sh3d-btn-ghost:focus { background: #f1f4f8; color: #3a4350; }
.sh3d-btn-primary { background: #E8F0FB; border: 1px solid #E8F0FB; color: #1D5FF9; }
.sh3d-btn-primary:hover,
.sh3d-btn-primary:focus { background: #d9e7fb; border-color: #d9e7fb; color: #1D5FF9; }
.sh3d-welcomebar {
background: #eef4ff;
border-bottom: 1px solid #dbe6fb;
color: #3a4350;
}
.sh3d-welcomebar-inner {
max-width: 1180px;
margin: 0 auto;
padding: 11px 40px;
font-weight: 500; font-size: 13.5px; line-height: 1.5;
}
.sh3d-welcomebar strong { color: #1a1f26; font-weight: 700; }
.sh3d-welcomebar a { color: #1D5FF9; text-decoration: none; font-weight: 600; }
.sh3d-stats {
display: flex;
align-items: center;
gap: 11px;
flex-wrap: wrap;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 10px;
padding: 13px 20px;
margin-bottom: 22px;
}
.sh3d-stats-ico { flex: none; }
.sh3d-stats p { margin: 0; font-weight: 400; font-size: 14px; line-height: 1.5; color: #3a4350; }
.sh3d-stats p a { color: #1D5FF9; text-decoration: none; font-weight: 600; }
/* the statistics are now shown at the top → hide the duplicate bottom block */
.stat-block.statistics { display: none; }
/* --- Index bottom (Claude design) --- hide the Login/Register + Birthdays blocks,
show Who-is-online as a card, and restore+style phpBB's NATIVE footer navbar
(Index · The team · Members · Delete cookies · All times are UTC) as a band. --- */
body.section-index form.headerspace { display: none; } /* LOGIN • REGISTER block */
body.section-index .stat-block.birthday-list { display: none; } /* BIRTHDAYS block */
/* design: index links = brand blue with a slightly darker hover. Class-level specificity
(0,2,2) so the styled buttons (excluded), the dark category names / breadcrumbs / grey
toolbar links (higher specificity) and the #phpbb-scoped WP chrome all keep their own colours. */
body.section-index a:not(.sh3d-btn),
body.section-memberlist a:not(.sh3d-btn),
body.section-app\/postconfirm a:not(.sh3d-btn),
body.section-posting a:not(.sh3d-btn),
body.section-search a:not(.sh3d-btn),
body:is(.section-ucp, .section-mcp) a:not(.sh3d-btn),
body.section-viewtopic a:not(.sh3d-btn),
body.section-viewforum a:not(.sh3d-btn) { color: #1D5FF9; }
body.section-index a:not(.sh3d-btn):hover,
body.section-index a:not(.sh3d-btn):focus,
body.section-memberlist a:not(.sh3d-btn):hover,
body.section-app\/postconfirm a:not(.sh3d-btn):hover,
body.section-posting a:not(.sh3d-btn):hover,
body.section-search a:not(.sh3d-btn):hover,
body:is(.section-ucp, .section-mcp) a:not(.sh3d-btn):hover,
body.section-viewtopic a:not(.sh3d-btn):hover,
body.section-viewforum a:not(.sh3d-btn):hover,
body.section-memberlist a:not(.sh3d-btn):focus,
body.section-app\/postconfirm a:not(.sh3d-btn):focus,
body.section-posting a:not(.sh3d-btn):focus,
body.section-search a:not(.sh3d-btn):focus,
body:is(.section-ucp, .section-mcp) a:not(.sh3d-btn):focus,
body.section-viewtopic a:not(.sh3d-btn):focus,
body.section-viewforum a:not(.sh3d-btn):focus { color: #1550e0; }
/* Who is online → white card */
body.section-index .stat-block.online-list {
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
padding: 18px 22px;
margin-bottom: 22px;
}
body.section-index .stat-block.online-list h3 {
color: #1D5FF9;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: .05em;
margin: 0 0 10px;
border-bottom: 0;
}
body.section-index .stat-block.online-list p {
font-size: 14px;
color: #3A4350;
font-weight: 300;
}
/* Footer navbar shown on index (overrides the global #page-footer hide).
Prosilver floats the rightside items (they render The team · Members · Delete cookies ·
All times = the design order), so we keep the float layout. The bar is a CONTAINED
rounded box (design), not a full-width band → bg/radius live on the linklist, and .inner
carries the 40px inset so the box aligns with the content cards above. */
body.section-index #page-footer { display: block; }
body.section-index #page-footer .navbar {
background: transparent;
background-image: none;
border: 0;
border-radius: 0;
box-shadow: none;
}
body.section-index #page-footer .navbar > .inner {
max-width: 1180px;
margin: 0 auto;
padding: 0 40px;
}
body.section-index #page-footer .navbar ul.nav-footer {
background: #eef4ff;
border-radius: 12px;
padding: 13px 24px;
margin: 0;
}
/* all text inside nav-footer = 14px (prosilver puts 1.1em on the items → override the
text-bearing descendants; icons keep their own size). */
body.section-index #page-footer .navbar ul.nav-footer,
body.section-index #page-footer .navbar ul.nav-footer li,
body.section-index #page-footer .navbar ul.nav-footer a,
body.section-index #page-footer .navbar ul.nav-footer span { font-size: 14px; }
body.section-index #page-footer .navbar li.responsive-menu { display: none; } /* fa-bars toggle */
/* links = brand blue 600, no underline/red on hover; "All times are UTC" (text-only li) grey */
body.section-index #page-footer .navbar a,
body.section-index #page-footer .navbar a:hover,
body.section-index #page-footer .navbar a:focus {
color: #1D5FF9;
font-weight: 600;
text-decoration: none;
}
body.section-index #page-footer .navbar .icon { color: #1D5FF9; }
body.section-index #page-footer .navbar li.rightside { color: #6c757d; font-weight: 600; }
/* breadcrumb "Index" + house icon brand blue */
body.section-index #page-footer .navbar li.breadcrumbs a,
body.section-index #page-footer .navbar li.breadcrumbs a:hover,
body.section-index #page-footer .navbar li.breadcrumbs a:focus {
color: #1D5FF9;
display: inline-flex;
align-items: center;
gap: 9px;
font-weight: 700;
}
body.section-index #page-footer .navbar .sh3d-home-ico { flex: none; color: #1D5FF9; }
/* copyright (Powered by phpBB · Privacy | Terms) centered on the grey bg, 13px */
body.section-index #page-footer .copyright {
max-width: 1180px;
margin: 0 auto;
padding: 14px 40px;
text-align: center;
}
body.section-index #page-footer .copyright .footer-row,
body.section-index #page-footer .copyright .footer-copyright,
body.section-index #page-footer .copyright .footer-link-text { font-size: 13px; }
/* Board index (guests): the hero + welcome bar already provide login/register, so
hide the redundant navbar login/register/welcome. Scoped via :has() on the guest
welcome bar, so the logged-in navbar user-menu (notifications/PM/logout) is untouched
and other pages (viewforum/viewtopic) keep their login links. */
body.section-index:has(.sh3d-welcomebar) #page-header .navbar .nav-main li.rightside {
display: none;
}
/* --- Navbar band (shared index + viewforum): clean light bar, inner centred. The
index-specific single-row layout (breadcrumb→Index left, nav-main right) stays below. --- */
body.section-index #page-header .navbar,
body.section-memberlist #page-header .navbar,
body.section-app\/postconfirm #page-header .navbar,
body.section-posting #page-header .navbar,
body.section-search #page-header .navbar,
body.section-viewtopic #page-header .navbar,
body.section-viewforum #page-header .navbar {
background: #f8fafc;
background-image: none;
border: 0;
border-bottom: 1px solid #e8ecf1;
border-radius: 0;
box-shadow: none;
}
body.section-memberlist #page-header .navbar > .inner,
body.section-app\/postconfirm #page-header .navbar > .inner,
body.section-posting #page-header .navbar > .inner,
body.section-search #page-header .navbar > .inner,
body:is(.section-ucp, .section-mcp) #page-header .navbar > .inner,
body.section-viewtopic #page-header .navbar > .inner,
body.section-viewforum #page-header .navbar > .inner {
max-width: 1180px;
margin: 0 auto;
padding: 20px 40px 0;
}
/* viewforum: the toolbar is a contained white CARD (not a full-width band); the
breadcrumb sits below it on the grey page bg. */
body.section-memberlist #page-header .navbar,
body.section-app\/postconfirm #page-header .navbar,
body.section-posting #page-header .navbar,
body.section-search #page-header .navbar,
body:is(.section-ucp, .section-mcp) #page-header .navbar,
body.section-viewtopic #page-header .navbar,
body.section-viewforum #page-header .navbar {
background: transparent;
background-image: none;
border: 0;
box-shadow: none;
}
body.section-memberlist #page-header .navbar ul.nav-breadcrumbs,
body.section-app\/postconfirm #page-header .navbar ul.nav-breadcrumbs,
body.section-posting #page-header .navbar ul.nav-breadcrumbs,
body.section-search #page-header .navbar ul.nav-breadcrumbs,
body:is(.section-ucp, .section-mcp) #page-header .navbar ul.nav-breadcrumbs,
body.section-viewtopic #page-header .navbar ul.nav-breadcrumbs,
body.section-viewforum #page-header .navbar ul.nav-breadcrumbs {
margin: 12px 0 0;
padding: 0 2px;
background: transparent;
border: 0;
}
body.section-index #page-header .navbar > .inner {
max-width: 1180px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
padding: 8px 40px;
}
body.section-index #page-header .navbar .nav-breadcrumbs { order: 0; background: transparent; border: 0; }
body.section-index #page-header .navbar .nav-main { order: 1; margin-left: auto; background: transparent; }
body.section-index #page-header .navbar a { color: #3a4350; }
body.section-index #page-header .navbar .breadcrumbs a { color: #1a1f26; font-weight: 600; }
/* --- Last-post avatar (initial circle, design) — populated by footer JS --- */
.forabg ul.topiclist.forums li.row dd.lastpost { display: flex; align-items: center; gap: 10px; }
.forabg ul.topiclist.forums li.row dd.lastpost > span { flex: 1; min-width: 0; }
.sh3d-lp-avatar {
flex: none;
width: 34px;
height: 34px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 13px;
}
/* watch button → labelled pill (design) */
a.sh3d-cat-watch::after { content: "Watch"; font-weight: 600; font-size: 12px; }
/* --- Column-header row per category (design): Forum / Threads / Posts / Last post.
Injected by footer JS; reuses prosilver dl.row-item so it aligns with data rows. --- */
.forabg ul.topiclist.forums li.sh3d-colhead dl.row-item {
padding: 9px 0;
min-height: 0;
background: #f7f9fc;
background-image: none;
border-bottom: 1px solid #e1e5ea;
}
.forabg ul.topiclist.forums li.sh3d-colhead dl.row-item::before { display: none; content: none; }
.forabg ul.topiclist.forums li.sh3d-colhead dt .list-inner { padding-left: 78px; }
.forabg ul.topiclist.forums li.sh3d-colhead dt,
.forabg ul.topiclist.forums li.sh3d-colhead dd {
font-weight: 700;
font-size: 11px;
line-height: 1.2;
color: #9aa3ad;
text-transform: uppercase;
letter-spacing: .05em;
/* prosilver forces min-height:35px on dt/dd → row balloons to ~54px. Collapse it. */
min-height: 0;
padding-top: 0;
padding-bottom: 0;
}
.forabg ul.topiclist.forums li.sh3d-colhead dd.lastpost {
display: block;
border-left: 1px solid #eef1f4;
padding-left: 18px;
}
/* --- Index full-bleed layout (Claude design) --- on the board index, free phpBB's
centered .wrap column so the top bands (hero / navbar / welcome) span edge-to-edge,
then re-contain the content (#page-body: stats + categories) as a centered column on
the grey page bg. Scoped to body.section-index → other pages keep the .wrap column. */
body.section-index .wrap,
body.section-memberlist .wrap,
body.section-app\/postconfirm .wrap,
body.section-posting .wrap,
body.section-search .wrap,
body:is(.section-ucp, .section-mcp) .wrap,
body.section-viewtopic .wrap,
body.section-viewforum .wrap {
max-width: none;
min-width: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}
body.section-index #page-header,
body.section-memberlist #page-header,
body.section-app\/postconfirm #page-header,
body.section-posting #page-header,
body.section-search #page-header,
body:is(.section-ucp, .section-mcp) #page-header,
body.section-viewtopic #page-header,
body.section-viewforum #page-header {
padding: 0;
background: transparent;
border: 0;
}
body.section-index #page-body {
max-width: 1180px;
margin: 0 auto;
padding: 24px 40px 0;
}
body.section-memberlist #page-body,
body.section-app\/postconfirm #page-body,
body.section-posting #page-body,
body.section-search #page-body,
body:is(.section-ucp, .section-mcp) #page-body,
body.section-viewtopic #page-body,
body.section-viewforum #page-body {
max-width: 1180px;
margin: 0 auto;
padding: 24px 40px 44px;
}
@media (max-width: 700px) {
body.section-index .sh3d-hero-inner,
body.section-index #page-header .navbar > .inner,
body.section-viewtopic #page-header .navbar > .inner,
body.section-viewforum #page-header .navbar > .inner,
body.section-index .sh3d-welcomebar-inner,
body.section-index #page-body,
body.section-viewtopic #page-body,
body.section-viewforum #page-body {
padding-left: 16px;
padding-right: 16px;
}
body.section-index .sh3d-hero-inner { padding-top: 26px; padding-bottom: 22px; }
}
/* --- Index toolbar content (Claude design): house+Index left; Quick links · Recent
Threads · search-input right. Built/patched by the footer JS. Scoped to index. --- */
/* breadcrumb home → house icon + "Index" */
body.section-index #page-header .navbar li.breadcrumbs a {
display: inline-flex;
align-items: center;
gap: 9px;
font-weight: 700;
font-size: 15px;
color: #1a1f26;
text-decoration: none;
}
body.section-index #page-header .navbar li.breadcrumbs a:hover { color: #1a1f26; }
body.section-index #page-header .navbar .sh3d-home-ico { flex: none; color: #6c757d; }
/* right cluster: spacing */
body.section-index #page-header .navbar .nav-main {
display: flex;
align-items: center;
gap: 24px;
}
body.section-index #page-header .navbar .nav-main > li { margin: 0; }
/* prosilver's .linklist clearfix ::after becomes a stray flex item in our flex
layout → remove it so the right cluster aligns/spaces correctly. */
body.section-index #page-header .navbar .nav-main::before,
body.section-index #page-header .navbar .nav-main::after { content: none; }
/* Quick links trigger + Recent Threads links */
body.section-index #page-header .navbar li.quick-links > a,
body.section-index #page-header .navbar .sh3d-recent a {
font-weight: 600;
font-size: 15px;
color: #3a4350;
text-decoration: none;
white-space: nowrap;
}
body.section-index #page-header .navbar li.quick-links > a:hover,
body.section-index #page-header .navbar .sh3d-recent a:hover { color: #3a4350; }
body.section-index #page-header .navbar a:hover,
body.section-index #page-header .navbar a:focus { text-decoration: none; }
/* design: chevron at the RIGHT of "Quick links" (shared index + viewforum, on our injected caret). */
#page-header .navbar li.quick-links > a .sh3d-ql-caret {
margin-left: 4px;
vertical-align: middle;
transition: transform .15s;
}
#page-header .navbar li.quick-links.dropdown-visible > a .sh3d-ql-caret,
#page-header .navbar li.quick-links .dropdown-visible .sh3d-ql-caret { transform: rotate(180deg); }
/* the standalone "Search" link is replaced by the search input box */
body.section-index #page-header .navbar li.responsive-search { display: none; }
/* "It is currently …" board time line — not in the design */
body.section-index p.time { display: none; }
/* search input box (design) — shared index + viewforum (only on our injected .sh3d-search) */
#page-header .navbar .sh3d-search form {
display: flex;
align-items: stretch;
border: 1px solid #d4dae1;
border-radius: 9px;
overflow: hidden;
background: #fff;
}
#page-header .navbar .sh3d-search input {
border: 0;
outline: none;
background: transparent;
padding: 7px 14px;
width: 210px;
font-weight: 400;
font-size: 14px;
color: #3a4350;
}
#page-header .navbar .sh3d-search button {
border: 0;
background: #1D5FF9;
width: 42px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
#page-header .navbar .sh3d-search button:hover { background: #1550e0; }
/* =====================================================================================
SH3D viewforum (topic list) restyle (Claude Design "2 · Viewforum").
Shared primitives (scaffold, navbar band, blue links) are promoted above with a
`body.section-viewforum` selector; the rules below are viewforum-specific.
===================================================================================== */
/* the design omits Who-is-online + Forum permissions at the bottom of viewforum */
body.section-viewtopic .stat-block.online-list,
body.section-viewforum .stat-block.online-list,
body.section-viewtopic .stat-block.permissions,
body.section-viewforum .stat-block.permissions { display: none; }
/* --- Header row: forum title + "New Thread" (JS wraps them in .sh3d-vf-head) --- */
body.section-viewtopic .sh3d-vf-head,
body.section-viewforum .sh3d-vf-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 4px 0 6px;
}
body.section-viewforum :is(h1, h2).forum-title,
body.section-memberlist h2.searchresults-title,
body.section-app\/postconfirm h2.posting-title,
body.section-posting h2.posting-title,
body.section-search h2.searchresults-title,
body:is(.section-ucp, .section-mcp) h2.ucp-title,
body.section-mcp #page-body > h2,
body.section-viewtopic :is(h1, h2).topic-title {
margin: 0;
font-weight: 700;
font-size: 30px;
line-height: 1.2;
color: #1a1f26;
}
body.section-viewforum :is(h1, h2).forum-title a,
body.section-viewtopic :is(h1, h2).topic-title a,
body.section-posting h2.posting-title a { color: #1a1f26; text-decoration: none; }
body.section-viewtopic a.button.sh3d-newthread,
body.section-viewforum a.button.sh3d-newthread {
flex: none;
display: inline-flex;
align-items: center;
gap: 8px;
background: #1D5FF9;
border: 0;
border-radius: 10px;
color: #fff;
font-weight: 600;
font-size: 14px;
line-height: 1;
padding: 12px 18px;
text-decoration: none;
box-shadow: none;
}
body.section-viewtopic a.button.sh3d-newthread:hover,
body.section-viewforum a.button.sh3d-newthread:hover,
body.section-viewtopic a.button.sh3d-newthread:focus,
body.section-viewforum a.button.sh3d-newthread:focus { background: #1550e0; color: #fff; text-decoration: none; }
body.section-viewtopic a.button.sh3d-newthread::before,
body.section-viewforum a.button.sh3d-newthread::before { content: "+"; font-size: 17px; font-weight: 400; line-height: 0; }
/* --- browsing line under the title (JS builds .sh3d-vf-browsing from who-is-online) --- */
body.section-viewtopic .sh3d-vf-browsing,
body.section-viewforum .sh3d-vf-browsing {
display: flex;
align-items: center;
gap: 8px;
color: #6c757d;
font-size: 13px;
margin: 0 0 14px;
}
body.section-viewtopic .sh3d-vf-browsing svg,
body.section-viewforum .sh3d-vf-browsing svg { flex: none; color: #9aa3ad; }
/* --- Action bar (below the title): stats+pagination row, then SORT/ORDER + QUICK GO --- */
body.section-viewforum .action-bar.bar-top {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 16px;
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
margin: 0 0 16px;
}
/* search lives in the top toolbar → hide the duplicate action-bar search box */
body.section-viewforum .action-bar.bar-top .search-box { display: none; }
/* stats + pagination row (above the sort bar): "739 topics …" left, pills right */
body.section-viewforum .action-bar.bar-top .pagination {
order: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0;
font-size: 13px;
font-weight: 600;
color: #6c757d;
}
body.section-viewforum .action-bar.bar-top .sh3d-go-bar { order: 1; }
/* labels stacked above the selects (SORT BY / ORDER / QUICK GO) */
body.section-viewforum .sh3d-go-bar label {
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
/* --- Sort / Order / Quick Go bar (ext .sh3d-go-bar) --- */
body.section-viewforum .sh3d-go-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 22px;
width: 100%;
margin: 0;
padding: 0;
border: 0;
background: transparent;
}
body.section-viewforum .sh3d-go-bar .sh3d-go-sort { order: 0; display: flex; align-items: flex-end; gap: 12px; margin: 0; }
body.section-viewforum .sh3d-go-bar .sh3d-go-quick { order: 1; margin-left: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
body.section-viewforum .sh3d-go-bar label {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .04em;
color: #8a94a3;
margin: 0;
}
/* Sort by / Order labels: baseline-align the label text with the select */
body.section-viewforum .sh3d-go-bar .sh3d-go-sort label { align-items: baseline; }
body.section-viewforum .sh3d-go-bar select {
border: 1px solid #d4dae1;
border-radius: 9px;
background: #fff;
padding: 9px 12px;
font-weight: 600;
font-size: 14px;
color: #1a1f26;
}
body.section-viewforum .sh3d-go-bar .sh3d-go-submit {
background: #1D5FF9;
border: 0;
border-radius: 9px;
color: #fff;
font-weight: 600;
font-size: 14px;
padding: 9px 20px;
cursor: pointer;
}
body.section-viewforum .sh3d-go-bar .sh3d-go-submit:hover { background: #1550e0; }
/* --- Pagination pills (shared look for the top/bottom bars) --- */
body.section-memberlist .pagination ul,
body:is(.section-ucp, .section-mcp) .pagination ul,
body.section-app\/postconfirm .pagination ul,
body.section-posting .pagination ul,
body.section-search .pagination ul,
body.section-viewtopic .pagination ul,
body.section-viewforum .pagination ul { display: inline-flex; gap: 6px; align-items: center; margin: 0; padding: 0; }
body.section-memberlist .pagination li,
body:is(.section-ucp, .section-mcp) .pagination li,
body.section-app\/postconfirm .pagination li,
body.section-posting .pagination li,
body.section-search .pagination li,
body.section-viewtopic .pagination li,
body.section-viewforum .pagination li { list-style: none; }
body.section-memberlist .pagination li a,
body:is(.section-ucp, .section-mcp) .pagination li a,
body.section-app\/postconfirm .pagination li a,
body.section-posting .pagination li a,
body.section-search .pagination li a,
body.section-viewtopic .pagination li a,
body.section-viewforum .pagination li a,
body.section-memberlist .pagination li span,
body:is(.section-ucp, .section-mcp) .pagination li span,
body.section-app\/postconfirm .pagination li span,
body.section-posting .pagination li span,
body.section-search .pagination li span,
body.section-viewtopic .pagination li span,
body.section-viewforum .pagination li span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 30px;
height: 30px;
padding: 0;
border: 1px solid #e1e5ea;
border-radius: 8px;
background: #fff;
color: #3a4350;
font-weight: 600;
font-size: 13px;
text-decoration: none;
}
body.section-memberlist .pagination li.active span,
body:is(.section-ucp, .section-mcp) .pagination li.active span,
body.section-app\/postconfirm .pagination li.active span,
body.section-posting .pagination li.active span,
body.section-search .pagination li.active span,
body.section-viewtopic .pagination li.active span,
body.section-viewforum .pagination li.active span {
background: #1D5FF9;
border-color: #1D5FF9;
color: #fff;
}
body.section-memberlist .pagination li.ellipsis span,
body:is(.section-ucp, .section-mcp) .pagination li.ellipsis span,
body.section-app\/postconfirm .pagination li.ellipsis span,
body.section-posting .pagination li.ellipsis span,
body.section-search .pagination li.ellipsis span,
body.section-viewtopic .pagination li.ellipsis span,
body.section-viewforum .pagination li.ellipsis span { border: 0; background: transparent; }
/* hover: override prosilver's solid blue (#368AD2) fill with a light-blue pill + blue text/icon
(covers the page-jump dropdown trigger and the next/prev arrows too). */
body.section-memberlist .pagination li a:hover,
body:is(.section-ucp, .section-mcp) .pagination li a:hover,
body.section-app\/postconfirm .pagination li a:hover,
body.section-posting .pagination li a:hover,
body.section-search .pagination li a:hover,
body.section-viewtopic .pagination li a:hover,
body.section-viewforum .pagination li a:hover,
body.section-memberlist .pagination .dropdown-visible a.dropdown-trigger,
body:is(.section-ucp, .section-mcp) .pagination .dropdown-visible a.dropdown-trigger,
body.section-app\/postconfirm .pagination .dropdown-visible a.dropdown-trigger,
body.section-posting .pagination .dropdown-visible a.dropdown-trigger,
body.section-search .pagination .dropdown-visible a.dropdown-trigger,
body.section-viewtopic .pagination .dropdown-visible a.dropdown-trigger,
body.section-viewforum .pagination .dropdown-visible a.dropdown-trigger {
background: #E8F0FB;
border-color: #1D5FF9;
color: #1D5FF9;
filter: none;
text-shadow: none;
}
body.section-memberlist .pagination li a:hover .icon,
body:is(.section-ucp, .section-mcp) .pagination li a:hover .icon,
body.section-app\/postconfirm .pagination li a:hover .icon,
body.section-posting .pagination li a:hover .icon,
body.section-search .pagination li a:hover .icon,
body.section-viewtopic .pagination li a:hover .icon,
body.section-viewforum .pagination li a:hover .icon,
body.section-memberlist .pagination .dropdown-visible a.dropdown-trigger .icon,
body:is(.section-ucp, .section-mcp) .pagination .dropdown-visible a.dropdown-trigger .icon,
body.section-app\/postconfirm .pagination .dropdown-visible a.dropdown-trigger .icon,
body.section-posting .pagination .dropdown-visible a.dropdown-trigger .icon,
body.section-search .pagination .dropdown-visible a.dropdown-trigger .icon,
body.section-viewtopic .pagination .dropdown-visible a.dropdown-trigger .icon,
body.section-viewforum .pagination .dropdown-visible a.dropdown-trigger .icon { color: #1D5FF9; background: transparent; }
/* --- Topic-list card (.forumbg) + column header + rows (Claude design) --- */
body.section-search .forumbg,
body.section-viewforum .forumbg {
background: #fff;
background-image: none;
border: 1px solid #e1e5ea;
border-radius: 0;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
margin-bottom: 22px;
padding: 0;
overflow: hidden;
}
body.section-search .forumbg > .inner,
body.section-viewforum .forumbg > .inner { border-radius: 0; overflow: visible; }
/* merge the adjacent .forumbg blocks into ONE continuous card (rounded only top+bottom) */
body.section-viewforum .forumbg.sh3d-fb-first { border-top-left-radius: 10px; border-top-right-radius: 10px; }
body.section-viewforum .forumbg.sh3d-fb-last { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
body.section-viewforum .forumbg.sh3d-fb:not(.sh3d-fb-last) { margin-bottom: 0; border-bottom: 0; }
/* header + rows share a flex column layout so the columns line up */
body.section-viewforum .forumbg ul.topiclist li.header dl,
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item {
display: flex;
align-items: center;
background-image: none;
}
body.section-search .forumbg ul.topiclist dt,
body.section-viewforum .forumbg ul.topiclist dt { flex: 1 1 auto; min-width: 0; margin-right: 0; }
body.section-search .forumbg ul.topiclist dt .list-inner,
body.section-viewforum .forumbg ul.topiclist dt .list-inner { margin-right: 0; }
/* rows: clear the 42px icon tile; column header + group bars: modest left padding */
body.section-search .forumbg ul.topiclist.topics li.row dt .list-inner,
body.section-viewforum .forumbg ul.topiclist.topics li.row dt .list-inner { padding-left: 78px; }
/* native topic icon: phpBB puts it as an INLINE background on the row dt, stranded
bottom-left by the flex layout — kill it here (beats the inline style; no FOUC);
the footer JS re-renders it as img.sh3d-topic-icon-inline before the badge/title. */
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item dt,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item dt { background-image: none !important; }
body.section-viewforum .forumbg .sh3d-colhdr dt .list-inner,
body.section-viewforum .forumbg .sh3d-grouphdr dt .list-inner { padding-left: 24px; }
body.section-viewforum .forumbg ul.topiclist dd.sh3d-author { flex: 0 0 150px; width: 150px; float: none; margin: 0; padding: 0; }
body.section-search .forumbg ul.topiclist dd.posts,
body.section-viewforum .forumbg ul.topiclist dd.posts,
body.section-search .forumbg ul.topiclist dd.views,
body.section-viewforum .forumbg ul.topiclist dd.views { flex: 0 0 90px; width: 90px; float: none; margin: 0; padding: 0; text-align: center; }
body.section-search .forumbg ul.topiclist dd.lastpost,
body.section-viewforum .forumbg ul.topiclist dd.lastpost { flex: 0 0 240px; width: 240px; float: none; margin: 0; padding: 0 0 0 18px; }
/* AUTHOR column: avatar + name (rows); label (header) */
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.sh3d-author {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
body.section-viewforum .forumbg dd.sh3d-author a.sh3d-author-name {
color: #1D5FF9;
font-weight: 600;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.section-viewforum .forumbg ul.topiclist li.header dd.sh3d-author { text-align: left; }
/* last post: avatar + text (like the index last-post) */
body.section-search .forumbg ul.topiclist.topics li.row dd.lastpost,
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.lastpost { display: flex; align-items: center; gap: 10px; }
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.lastpost > span { flex: 1; min-width: 0; }
/* column header row */
body.section-viewforum .forumbg ul.topiclist li.header {
background: #f7f9fc;
border-bottom: 1px solid #e1e5ea;
}
/* design: column header darker (#EEF2F6) than the group sub-headers (#F4F7FA);
drop its border-bottom so it doesn't double up with the group bar's border-top below. */
body.section-viewforum .forumbg ul.topiclist li.header.sh3d-colhdr { background: #EEF2F6; border-bottom: 0; }
/* injected group bar (plain group sub-header) — inside the topics list */
body.section-viewforum .forumbg ul.topiclist.topics li.header.sh3d-grouphdr {
background: #F4F7FA;
border-top: 1px solid #e1e5ea;
border-bottom: 1px solid #e1e5ea;
}
body.section-viewforum .forumbg ul.topiclist.topics li.header.sh3d-grouphdr dl { display: flex; padding: 9px 0; }
body.section-viewforum .forumbg ul.topiclist li.header dl { padding: 9px 0; }
body.section-viewforum .forumbg ul.topiclist li.header dt,
body.section-viewforum .forumbg ul.topiclist li.header dd {
font-weight: 700;
font-size: 11px;
line-height: 1.2;
color: #9aa3ad;
text-transform: uppercase;
letter-spacing: .05em;
min-height: 0;
padding-top: 0;
padding-bottom: 0;
}
body.section-viewforum .forumbg ul.topiclist li.header dd.lastpost { padding-left: 18px; text-align: left; }
/* topic rows */
body.section-search .forumbg ul.topiclist.topics li.row,
body.section-viewforum .forumbg ul.topiclist.topics li.row { background: #fff; border-bottom: 0; }
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item {
position: relative;
border-bottom: 1px solid #eef1f4;
padding: 15px 0;
min-height: 0;
}
body.section-search .forumbg ul.topiclist.topics li.row:last-child dl.row-item,
body.section-viewforum .forumbg ul.topiclist.topics li.row:last-child dl.row-item { border-bottom: 0; }
/* icon tile (generic speech-bubble; type is also shown by the badges) */
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item::before {
content: "";
position: absolute;
left: 18px;
top: 17px;
width: 42px;
height: 42px;
border-radius: 11px;
background: #eef5fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 5h16v11H9l-4 4z' stroke='%231D5FF9' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M8 9.5h8M8 12.5h5' stroke='%231D5FF9' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
}
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item.topic_unread::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item.topic_unread::before { background-color: #d9e9f7; }
/* per-type tile glyphs (rows carry .global-announce / .announce / .sticky; *_hot = hot) */
body.section-search .forumbg ul.topiclist.topics li.row.global-announce dl.row-item::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row.global-announce dl.row-item::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%231D5FF9' stroke-width='1.8'/%3E%3Cpath d='M3 12h18' stroke='%231D5FF9' stroke-width='1.8'/%3E%3Cpath d='M12 3c2.6 2.7 2.6 15.3 0 18M12 3c-2.6 2.7-2.6 15.3 0 18' stroke='%231D5FF9' stroke-width='1.8'/%3E%3C/svg%3E");
}
body.section-search .forumbg ul.topiclist.topics li.row.announce dl.row-item::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row.announce dl.row-item::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 10v4h3l9 4V6L6 10H3z' stroke='%231D5FF9' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M18 9a3 3 0 0 1 0 6' stroke='%231D5FF9' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.section-search .forumbg ul.topiclist.topics li.row.sticky dl.row-item::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row.sticky dl.row-item::before {
background-color: #fdf3da;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 3h6l-1 6 3 3H7l3-3-1-6z' stroke='%23a86a12' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M12 15v6' stroke='%23a86a12' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item.topic_read_hot::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item.topic_read_hot::before,
body.section-search .forumbg ul.topiclist.topics li.row dl.row-item.topic_unread_hot::before,
body.section-viewforum .forumbg ul.topiclist.topics li.row dl.row-item.topic_unread_hot::before {
background-color: #fdeae0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13 3c1 3 4 4.5 4 8.5A5 5 0 0 1 7 12c0-2 1-3.5 2.2-4.5 0 1.8 1 2.8 2.3 3C11 8 12 5.5 13 3z' stroke='%23e8663a' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* type badges (viewforum: JS injects .sh3d-ttype before the title;
viewtopic: the status bar template renders the same badge) */
body.section-viewforum .forumbg .sh3d-ttype,
body.section-viewtopic .sh3d-ttype {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
padding: 2px 8px;
border-radius: 6px;
font-weight: 700;
font-size: 10px;
letter-spacing: .04em;
text-transform: uppercase;
}
body.section-viewforum .forumbg .sh3d-tt-global,
body.section-viewforum .forumbg .sh3d-tt-announce,
body.section-viewtopic .sh3d-tt-global,
body.section-viewtopic .sh3d-tt-announce { background: #E8F0FB; color: #1D5FF9; }
body.section-viewforum .forumbg .sh3d-tt-sticky,
body.section-viewtopic .sh3d-tt-sticky { background: #fef3d7; color: #a86a12; }
/* collapse prosilver's min-height on dt/dd so the flex row centres cleanly */
body.section-search .forumbg ul.topiclist.topics li.row dt,
body.section-viewforum .forumbg ul.topiclist.topics li.row dt,
body.section-search .forumbg ul.topiclist.topics li.row dd,
body.section-viewforum .forumbg ul.topiclist.topics li.row dd { min-height: 0; }
body.section-search .forumbg ul.topiclist.topics li.row dt .list-inner,
body.section-viewforum .forumbg ul.topiclist.topics li.row dt .list-inner { padding-top: 0; padding-bottom: 0; }
/* title + snippet + poster line */
body.section-search .forumbg a.topictitle,
body.section-viewforum .forumbg a.topictitle {
font-weight: 700;
font-size: 15.5px;
line-height: 1.35;
color: #1D5FF9;
}
body.section-viewforum .forumbg .sh3d-topic-preview {
font-size: 13px;
color: #6c757d;
line-height: 1.5;
margin: 3px 0 0;
}
body.section-viewforum .forumbg .topic-poster {
font-size: 12px;
color: #9aa3ad;
margin-top: 4px;
float: none;
}
body.section-viewforum .forumbg .topic-poster a { color: #1D5FF9; }
/* replies / views (row data) */
body.section-search .forumbg ul.topiclist.topics li.row dd.posts,
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.posts,
body.section-search .forumbg ul.topiclist.topics li.row dd.views,
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.views {
font-weight: 700;
font-size: 15px;
line-height: 1.2;
color: #2b3138;
}
/* last post */
body.section-search .forumbg ul.topiclist.topics li.row dd.lastpost,
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.lastpost {
border-left: 1px solid #eef1f4;
font-size: 12px;
color: #9aa3ad;
}
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.lastpost a.username,
body.section-viewforum .forumbg ul.topiclist.topics li.row dd.lastpost a.lastsubject { color: #1D5FF9; }
/* --- viewforum navbar: nav-main toolbar + breadcrumbs (Claude design) --- */
/* toolbar row: Quick links / FAQ (left), search | Login Register (right) — white card */
body.section-memberlist #page-header .navbar ul.nav-main,
body.section-app\/postconfirm #page-header .navbar ul.nav-main,
body.section-posting #page-header .navbar ul.nav-main,
body.section-search #page-header .navbar ul.nav-main,
body.section-viewtopic #page-header .navbar ul.nav-main,
body.section-viewforum #page-header .navbar ul.nav-main {
display: flex;
align-items: center;
gap: 22px;
margin: 0;
background: #fff;
border: 1px solid #e6e9ee;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
padding: 4px 4px 4px 16px;
}
body.section-memberlist #page-header .navbar ul.nav-main::before,
body.section-app\/postconfirm #page-header .navbar ul.nav-main::before,
body.section-posting #page-header .navbar ul.nav-main::before,
body.section-search #page-header .navbar ul.nav-main::before,
body.section-viewtopic #page-header .navbar ul.nav-main::before,
body.section-viewforum #page-header .navbar ul.nav-main::before,
body.section-memberlist #page-header .navbar ul.nav-main::after,
body.section-app\/postconfirm #page-header .navbar ul.nav-main::after,
body.section-posting #page-header .navbar ul.nav-main::after,
body.section-search #page-header .navbar ul.nav-main::after,
body.section-viewtopic #page-header .navbar ul.nav-main::after,
body.section-viewforum #page-header .navbar ul.nav-main::after { content: none; }
body.section-memberlist #page-header .navbar ul.nav-main > li,
body.section-app\/postconfirm #page-header .navbar ul.nav-main > li,
body.section-posting #page-header .navbar ul.nav-main > li,
body.section-search #page-header .navbar ul.nav-main > li,
body.section-viewtopic #page-header .navbar ul.nav-main > li,
body.section-viewforum #page-header .navbar ul.nav-main > li { margin: 0; float: none; }
/* Quick links + FAQ → dark */
body.section-memberlist #page-header .navbar li.quick-links > a,
body.section-app\/postconfirm #page-header .navbar li.quick-links > a,
body.section-posting #page-header .navbar li.quick-links > a,
body.section-search #page-header .navbar li.quick-links > a,
body.section-viewtopic #page-header .navbar li.quick-links > a,
body.section-viewforum #page-header .navbar li.quick-links > a,
body.section-memberlist #page-header .navbar ul.nav-main > li > a[href*="/help/"],
body.section-app\/postconfirm #page-header .navbar ul.nav-main > li > a[href*="/help/"],
body.section-posting #page-header .navbar ul.nav-main > li > a[href*="/help/"],
body.section-search #page-header .navbar ul.nav-main > li > a[href*="/help/"],
body.section-viewtopic #page-header .navbar ul.nav-main > li > a[href*="/help/"],
body.section-viewforum #page-header .navbar ul.nav-main > li > a[href*="/help/"] {
color: #3a4350;
font-weight: 600;
font-size: 15px;
text-decoration: none;
white-space: nowrap;
}
body.section-memberlist #page-header .navbar li.quick-links > a:hover,
body.section-app\/postconfirm #page-header .navbar li.quick-links > a:hover,
body.section-posting #page-header .navbar li.quick-links > a:hover,
body.section-search #page-header .navbar li.quick-links > a:hover,
body.section-viewtopic #page-header .navbar li.quick-links > a:hover,
body.section-viewforum #page-header .navbar li.quick-links > a:hover,
body.section-memberlist #page-header .navbar ul.nav-main > li > a[href*="/help/"]:hover,
body.section-app\/postconfirm #page-header .navbar ul.nav-main > li > a[href*="/help/"]:hover,
body.section-posting #page-header .navbar ul.nav-main > li > a[href*="/help/"]:hover,
body.section-search #page-header .navbar ul.nav-main > li > a[href*="/help/"]:hover,
body.section-viewtopic #page-header .navbar ul.nav-main > li > a[href*="/help/"]:hover,
body.section-viewforum #page-header .navbar ul.nav-main > li > a[href*="/help/"]:hover { color: #3a4350; }
/* FAQ → no icon */
body.section-memberlist #page-header .navbar ul.nav-main > li > a[href*="/help/"] i.icon,
body.section-app\/postconfirm #page-header .navbar ul.nav-main > li > a[href*="/help/"] i.icon,
body.section-posting #page-header .navbar ul.nav-main > li > a[href*="/help/"] i.icon,
body.section-search #page-header .navbar ul.nav-main > li > a[href*="/help/"] i.icon,
body.section-viewtopic #page-header .navbar ul.nav-main > li > a[href*="/help/"] i.icon,
body.section-viewforum #page-header .navbar ul.nav-main > li > a[href*="/help/"] i.icon { display: none; }
/* right cluster: search pushes everything right */
body.section-memberlist #page-header .navbar ul.nav-main li.sh3d-search,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.sh3d-search,
body.section-posting #page-header .navbar ul.nav-main li.sh3d-search,
body.section-search #page-header .navbar ul.nav-main li.sh3d-search,
body.section-viewtopic #page-header .navbar ul.nav-main li.sh3d-search,
body.section-viewforum #page-header .navbar ul.nav-main li.sh3d-search { margin-left: auto; }
/* hide "Welcome Guest" (specificity must beat the li.rightside rule above) */
body.section-memberlist #page-header .navbar ul.nav-main li.rightside.sh3d-welcome,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.rightside.sh3d-welcome,
body.section-posting #page-header .navbar ul.nav-main li.rightside.sh3d-welcome,
body.section-search #page-header .navbar ul.nav-main li.rightside.sh3d-welcome,
body.section-viewtopic #page-header .navbar ul.nav-main li.rightside.sh3d-welcome,
body.section-viewforum #page-header .navbar ul.nav-main li.rightside.sh3d-welcome { display: none; }
/* Login (ghost) + Register (pill): JS adds .sh3d-btn classes + .sh3d-login/.sh3d-register */
body.section-memberlist #page-header .navbar ul.nav-main li.rightside,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.rightside,
body.section-posting #page-header .navbar ul.nav-main li.rightside,
body.section-search #page-header .navbar ul.nav-main li.rightside,
body.section-viewtopic #page-header .navbar ul.nav-main li.rightside,
body.section-viewforum #page-header .navbar ul.nav-main li.rightside { display: inline-flex; align-items: center; }
body.section-memberlist #page-header .navbar ul.nav-main li.rightside a.sh3d-btn,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.rightside a.sh3d-btn,
body.section-posting #page-header .navbar ul.nav-main li.rightside a.sh3d-btn,
body.section-search #page-header .navbar ul.nav-main li.rightside a.sh3d-btn,
body.section-viewtopic #page-header .navbar ul.nav-main li.rightside a.sh3d-btn,
body.section-viewforum #page-header .navbar ul.nav-main li.rightside a.sh3d-btn { padding: 8px 16px; font-size: 14px; }
body.section-memberlist #page-header .navbar ul.nav-main li.rightside a.sh3d-btn i.icon,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.rightside a.sh3d-btn i.icon,
body.section-posting #page-header .navbar ul.nav-main li.rightside a.sh3d-btn i.icon,
body.section-search #page-header .navbar ul.nav-main li.rightside a.sh3d-btn i.icon,
body.section-viewtopic #page-header .navbar ul.nav-main li.rightside a.sh3d-btn i.icon,
body.section-viewforum #page-header .navbar ul.nav-main li.rightside a.sh3d-btn i.icon { display: none; }
/* vertical divider before the Login group */
body.section-memberlist #page-header .navbar ul.nav-main li.sh3d-login,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.sh3d-login,
body.section-posting #page-header .navbar ul.nav-main li.sh3d-login,
body.section-search #page-header .navbar ul.nav-main li.sh3d-login,
body.section-viewtopic #page-header .navbar ul.nav-main li.sh3d-login,
body.section-viewforum #page-header .navbar ul.nav-main li.sh3d-login {
padding-left: 22px;
border-left: 1px solid #dfe4ea;
}
/* bigger nav text (nav-main + breadcrumb) */
body.section-memberlist #page-header .navbar ul.linklist > li,
body:is(.section-ucp, .section-mcp) #page-header .navbar ul.linklist > li,
body.section-app\/postconfirm #page-header .navbar ul.linklist > li,
body.section-posting #page-header .navbar ul.linklist > li,
body.section-search #page-header .navbar ul.linklist > li,
body.section-viewtopic #page-header .navbar ul.linklist > li,
body.section-viewforum #page-header .navbar ul.linklist > li { font-size: 1.2em; }
/* breadcrumbs: dark house, right chevron separators, current page dark */
body.section-memberlist #page-header .navbar .nav-breadcrumbs .sh3d-home-ico,
body:is(.section-ucp, .section-mcp) #page-header .navbar .nav-breadcrumbs .sh3d-home-ico,
body.section-app\/postconfirm #page-header .navbar .nav-breadcrumbs .sh3d-home-ico,
body.section-posting #page-header .navbar .nav-breadcrumbs .sh3d-home-ico,
body.section-search #page-header .navbar .nav-breadcrumbs .sh3d-home-ico,
body.section-viewtopic #page-header .navbar .nav-breadcrumbs .sh3d-home-ico,
body.section-viewforum #page-header .navbar .nav-breadcrumbs .sh3d-home-ico { color: #3a4350; margin-bottom: 3px; }
body.section-memberlist #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"],
body:is(.section-ucp, .section-mcp) #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"],
body.section-app\/postconfirm #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"],
body.section-posting #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"],
body.section-search #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"],
body.section-viewtopic #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"],
body.section-viewforum #page-header .navbar .nav-breadcrumbs a[data-navbar-reference="index"] { display: inline-flex; align-items: center; gap: 0.4rem; }
body.section-memberlist #page-header .navbar .nav-breadcrumbs .crumb::before,
body:is(.section-ucp, .section-mcp) #page-header .navbar .nav-breadcrumbs .crumb::before,
body.section-app\/postconfirm #page-header .navbar .nav-breadcrumbs .crumb::before,
body.section-posting #page-header .navbar .nav-breadcrumbs .crumb::before,
body.section-search #page-header .navbar .nav-breadcrumbs .crumb::before,
body.section-viewtopic #page-header .navbar .nav-breadcrumbs .crumb::before,
body.section-viewforum #page-header .navbar .nav-breadcrumbs .crumb::before { content: "\203A"; color: #c2c9d2; padding: 0 8px; }
body.section-memberlist #page-header .navbar .nav-breadcrumbs .crumb:first-child::before,
body:is(.section-ucp, .section-mcp) #page-header .navbar .nav-breadcrumbs .crumb:first-child::before,
body.section-app\/postconfirm #page-header .navbar .nav-breadcrumbs .crumb:first-child::before,
body.section-posting #page-header .navbar .nav-breadcrumbs .crumb:first-child::before,
body.section-search #page-header .navbar .nav-breadcrumbs .crumb:first-child::before,
body.section-viewtopic #page-header .navbar .nav-breadcrumbs .crumb:first-child::before,
body.section-viewforum #page-header .navbar .nav-breadcrumbs .crumb:first-child::before { content: none; }
body.section-memberlist #page-header .navbar .nav-breadcrumbs .crumb:last-child a,
body:is(.section-ucp, .section-mcp) #page-header .navbar .nav-breadcrumbs .crumb:last-child a,
body.section-app\/postconfirm #page-header .navbar .nav-breadcrumbs .crumb:last-child a,
body.section-posting #page-header .navbar .nav-breadcrumbs .crumb:last-child a,
body.section-search #page-header .navbar .nav-breadcrumbs .crumb:last-child a,
body.section-viewtopic #page-header .navbar .nav-breadcrumbs .crumb:last-child a,
body.section-viewforum #page-header .navbar .nav-breadcrumbs .crumb:last-child a { color: #1a1f26; font-weight: 700; }
/* --- viewforum bottom: Legend card + Return-to-Index/pagination row (Claude design) --- */
body.section-viewforum .sh3d-legend {
width: auto;
clear: both;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
padding: 18px 22px;
margin: 0;
color: #3a4350;
font-size: 13px;
}
body.section-viewforum .sh3d-legend .sh3d-legend-title {
display: block;
margin: 0 0 12px;
color: #1D5FF9;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
letter-spacing: .05em;
}
body.section-viewforum .sh3d-legend .sh3d-legend-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px 20px;
margin: 0;
padding: 0;
list-style: none;
}
body.section-viewforum .sh3d-legend .sh3d-legend-list li {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
font-size: 13px;
color: #3a4350;
}
body.section-viewforum .sh3d-legend .sh3d-legend-ico {
flex: none;
width: 26px;
height: 26px;
border-radius: 7px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #eef5fb;
font-size: 15px;
line-height: 1;
}
body.section-viewforum .sh3d-legend .sh3d-lg-sticky { background: #fdf3da; }
body.section-viewforum .sh3d-legend .sh3d-lg-hot { background: #fdeae0; }
body.section-viewforum .sh3d-legend .sh3d-lg-priority,
body.section-viewforum .sh3d-legend .sh3d-lg-mood { background: transparent; }
body.section-viewforum .sh3d-legend .sh3d-legend-ico .icon { color: #6c757d; }
@media (max-width: 700px) {
body.section-viewforum .sh3d-legend .sh3d-legend-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* bottom action bar: only the legend card; hide stray New Topic + the display-age filter */
body.section-viewforum .action-bar.bar-bottom {
display: block;
background: transparent;
border: 0;
padding: 0;
margin: 8px 0 0;
}
body.section-viewforum .action-bar.bar-bottom > a.button,
body.section-viewforum .action-bar.bar-bottom > form { display: none; }
/* Return to Index (left) + pagination (moved here by JS) (right) */
body.section-viewforum .action-bar.actions-jump {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
background: transparent;
border: 0;
padding: 0;
margin: 14px 0 0;
}
body.section-viewforum .action-bar.actions-jump .jumpbox { display: none; }
body.section-viewforum .action-bar.actions-jump a { color: #1D5FF9; font-weight: 600; text-decoration: none; }
body.section-viewforum .action-bar.actions-jump .pagination { margin: 0; }
/* prosilver adds a clearfix `.action-bar:after{clear:both;content:'';display:block}` that
becomes a stray flex item → neutralize it so the pagination aligns fully right. */
body.section-memberlist .action-bar.bar-top::after,
body.section-app\/postconfirm .action-bar.bar-top::after,
body.section-posting .action-bar.bar-top::after,
body.section-search .action-bar.bar-top::after,
body.section-viewtopic .action-bar.bar-top::after,
body.section-viewforum .action-bar.bar-top::after,
body.section-memberlist .action-bar.bar-bottom::after,
body.section-app\/postconfirm .action-bar.bar-bottom::after,
body.section-posting .action-bar.bar-bottom::after,
body.section-search .action-bar.bar-bottom::after,
body.section-viewtopic .action-bar.bar-bottom::after,
body.section-viewforum .action-bar.bar-bottom::after,
body.section-memberlist .action-bar.actions-jump::after,
body.section-app\/postconfirm .action-bar.actions-jump::after,
body.section-posting .action-bar.actions-jump::after,
body.section-search .action-bar.actions-jump::after,
body.section-viewtopic .action-bar.actions-jump::after,
body.section-viewforum .action-bar.actions-jump::after { content: none; }
/* topic-row pagination ("PAGES 1 2") inline next to the title (JS adds .sh3d-inline-pages) */
body.section-viewforum .forumbg .pagination.sh3d-inline-pages {
float: none !important; /* prosilver floats .pagination right → blockifies inline-flex to flex; unfloat so it flows inline after the title */
display: inline-flex !important; /* beats prosilver's #phpbb-scoped .pagination{display:flex} */
align-items: center;
gap: 6px;
vertical-align: middle;
margin: 0 0 0 10px;
}
body.section-viewforum .forumbg .pagination.sh3d-inline-pages > span {
display: inline-flex;
align-items: center;
gap: 5px;
color: #9aa3ad;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
}
body.section-viewforum .forumbg .pagination.sh3d-inline-pages > span::after { content: "Pages"; }
body.section-viewforum .forumbg .pagination.sh3d-inline-pages > span .icon { color: #9aa3ad; }
body.section-viewforum .forumbg .pagination.sh3d-inline-pages ul { display: inline-flex; gap: 4px; margin: 0; padding: 0; }
body.section-viewforum .forumbg .pagination.sh3d-inline-pages li { list-style: none; }
body.section-viewforum .forumbg .pagination.sh3d-inline-pages li a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 20px;
height: 20px;
padding: 0 5px;
border: 1px solid #e1e5ea;
border-radius: 5px;
background: #fff;
color: #3a4350;
font-weight: 600;
font-size: 11px;
text-decoration: none;
}
body.section-viewforum .forumbg .pagination.sh3d-inline-pages li a:hover { border-color: #1D5FF9; color: #1D5FF9; background: #E8F0FB; }
/* =====================================================================================
SH3D viewtopic (topic view) restyle (Claude Design "3 · Viewtopic — discussion").
Shared primitives (scaffold, navbar card, breadcrumb, blue links, head row, browsing
line, pagination pills, .sh3d-ttype badges) are extended above with a
body.section-viewtopic twin selector; the rules below are viewtopic-specific.
NB: prefixed body#phpbb… where prosilver ships #phpbb-scoped rules (float/width on
.postprofile/.postbody, .pagination display) that beat class-level overrides. */
/* native chrome not in the design — the JS moves out what we keep (buttons → head,
pagination → pagerow, return link → bottom row) before these are hidden */
body#phpbb.section-viewtopic .action-bar.bar-top,
body#phpbb.section-viewtopic .action-bar.bar-bottom,
body#phpbb.section-viewtopic .action-bar.actions-jump,
body#phpbb.section-viewtopic .back2top { display: none; }
/* mood/high-priority icons inline with the title text (the anchor is inline-block in
prosilver → it wraps to its own line after the icons; make it flow inline) */
body#phpbb.section-viewtopic :is(h1, h2).topic-title a { display: inline; }
body#phpbb.section-viewtopic :is(h1, h2).topic-title img { vertical-align: middle; margin: 0 6px 4px 0; }
/* forum description block under the title (classless div) — not in the design */
body#phpbb.section-viewtopic #page-body > div:not([class]) { display: none; }
/* --- head: two actions next to the title (New Thread = outline, Post Reply = solid) --- */
body#phpbb:is(.section-viewtopic, .section-viewforum) .sh3d-vt-actions { display: flex; align-items: center; gap: 10px; flex: none; }
body#phpbb.section-viewtopic a.button.sh3d-newthread {
background: #fff;
border: 1px solid #1D5FF9;
color: #1D5FF9;
}
body#phpbb.section-viewtopic a.button.sh3d-newthread::before { content: "+"; font-size: 17px; font-weight: 400; line-height: 0; }
body#phpbb.section-viewtopic a.button.sh3d-newthread:hover,
body#phpbb.section-viewtopic a.button.sh3d-newthread:focus { background: #E8F0FB; color: #1D5FF9; }
body#phpbb.section-viewtopic a.button.sh3d-postreply {
flex: none;
display: inline-flex;
align-items: center;
gap: 8px;
background: #1D5FF9;
border: 0;
border-radius: 10px;
color: #fff;
font-weight: 600;
font-size: 14px;
line-height: 1;
padding: 12px 18px;
text-decoration: none;
box-shadow: none;
}
body#phpbb.section-viewtopic a.button.sh3d-postreply:hover,
body#phpbb.section-viewtopic a.button.sh3d-postreply:focus { background: #1550e0; color: #fff; text-decoration: none; }
/* --- prev/next thread row --- */
body#phpbb.section-viewtopic .sh3d-vt-prevnext {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 10px;
}
body#phpbb.section-viewtopic .sh3d-vt-prevnext a {
display: inline-flex;
align-items: center;
gap: 6px;
color: #6c757d;
font-size: 13px;
font-weight: 600;
text-decoration: none;
}
body#phpbb.section-viewtopic .sh3d-vt-prevnext a:hover { color: #1D5FF9; }
/* --- posts/pages row: "4 posts • Page 1 of 1" left + jump link right --- */
body#phpbb.section-viewtopic .sh3d-vt-pagerow {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0 0 14px;
}
body#phpbb.section-viewtopic .sh3d-vt-pagerow .pagination {
float: none;
display: flex;
align-items: center;
gap: 10px;
margin: 0;
font-size: 13px;
font-weight: 600;
color: #6c757d;
text-align: left;
}
body#phpbb.section-viewtopic a.sh3d-vt-jump {
display: inline-flex;
align-items: center;
gap: 6px;
color: #1D5FF9;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}
body#phpbb.section-viewtopic a.sh3d-vt-jump:hover { color: #1550e0; }
/* --- status bar card (rendered by viewtopic_topic_title_after.html) --- */
body#phpbb.section-viewtopic .sh3d-vt-statusbar {
display: flex;
align-items: center;
gap: 12px;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
padding: 13px 18px;
margin: 0 0 14px;
}
body#phpbb.section-viewtopic .sh3d-vt-status-label { color: #6c757d; font-size: 13px; font-weight: 600; }
body#phpbb.section-viewtopic .sh3d-vt-status {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 3px 12px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
}
body#phpbb.section-viewtopic .sh3d-vt-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
body#phpbb.section-viewtopic .sh3d-vt-status-active { background: #E7F6EC; color: #1E9E4B; }
body#phpbb.section-viewtopic .sh3d-vt-status-locked { background: #FDECEC; color: #C4322E; }
body#phpbb.section-viewtopic .sh3d-vt-status-sep { width: 1px; align-self: stretch; background: #e8ecf1; margin: 0 6px; }
body#phpbb.section-viewtopic .sh3d-vt-statusbar .sh3d-ttype { margin-right: 0; }
/* --- watching banner (only when subscribed) --- */
body#phpbb.section-viewtopic .sh3d-vt-watch {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
background: #E8F0FB;
border-radius: 10px;
padding: 12px 18px;
margin: 0 0 14px;
color: #1D5FF9;
font-size: 13px;
font-weight: 600;
}
body#phpbb.section-viewtopic .sh3d-vt-watch-msg { display: inline-flex; align-items: center; gap: 9px; }
body#phpbb.section-viewtopic .sh3d-vt-watch a.sh3d-vt-stopwatch { color: #1D5FF9; font-weight: 700; text-decoration: none; }
/* --- viewed line --- */
body#phpbb.section-viewtopic .sh3d-topic-stats { font-size: 13px; color: #6c757d; margin: 0 0 12px; }
/* --- AUTHOR | MESSAGE column header --- */
body#phpbb.section-viewtopic .sh3d-vt-colhdr {
display: flex;
background: #EEF2F6;
border-radius: 8px;
padding: 9px 0;
margin: 0 0 14px;
font-size: 11px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: #6c757d;
}
body#phpbb.section-viewtopic .sh3d-vt-colhdr span:first-child { flex: 0 0 190px; box-sizing: border-box; padding-left: 24px; }
body#phpbb.section-viewtopic .sh3d-vt-colhdr span:last-child { padding-left: 24px; }
/* --- post cards --- */
body#phpbb.section-viewtopic .post,
body#phpbb.section-viewtopic .post.bg1,
body#phpbb.section-viewtopic .post.bg2 {
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
padding: 0;
margin: 0 0 14px;
overflow: hidden;
}
body#phpbb.section-viewtopic .post .inner { display: flex; align-items: stretch; }
body#phpbb.section-viewtopic .post .inner::after { content: none; }
/* profile column (left) */
body#phpbb.section-viewtopic .postprofile {
flex: 0 0 190px;
width: 190px;
min-height: 0;
float: none;
margin: 0;
padding: 20px 16px;
background: #F8FAFB;
border-left: 0;
border-right: 1px solid #e8ecf1;
color: #6c757d;
display: block;
box-sizing: border-box;
}
body#phpbb.section-viewtopic .postprofile dt {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
width: 100%;
float: none;
margin: 0 0 16px;
padding: 0;
border: 0;
text-align: center;
}
body#phpbb.section-viewtopic .postprofile .avatar-container { margin: 4px 0 0; }
body#phpbb.section-viewtopic .postprofile .avatar-container img.avatar {
width: 56px;
height: 56px;
max-width: 56px;
max-height: 56px;
border-radius: 50%;
object-fit: cover;
border: 0;
}
body#phpbb.section-viewtopic .postprofile a.username,
body#phpbb.section-viewtopic .postprofile a.username-coloured {
font-weight: 700;
font-size: 14px;
color: #1D5FF9;
text-decoration: none;
word-break: break-word;
}
/* role badge (JS: rank → text; coloured username → mod/admin; default Member) */
body#phpbb.section-viewtopic .sh3d-rank {
display: inline-block;
padding: 3px 9px;
border-radius: 6px;
font-size: 9.5px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
}
body#phpbb.section-viewtopic .sh3d-rank-member { background: #EEF2F6; color: #6c757d; }
body#phpbb.section-viewtopic .sh3d-rank-mod { background: #E7F6EC; color: #1E9E4B; }
body#phpbb.section-viewtopic .sh3d-rank-admin { background: #8C2B12; color: #fff; }
body#phpbb.section-viewtopic .postprofile dd.profile-rank { display: none; }
/* profile fields: grey label (strong) + darker bold value */
body#phpbb.section-viewtopic .postprofile dd {
float: none;
width: auto;
margin: 0 0 5px;
padding: 0;
font-size: 12px;
color: #3a4350;
font-weight: 600;
text-align: left;
}
body#phpbb.section-viewtopic .postprofile dd strong { color: #9aa3ad; font-weight: 500; }
body#phpbb.section-viewtopic .postprofile dd a { color: #3a4350; text-decoration: none; }
/* admin post tint (cream) */
body#phpbb.section-viewtopic .post.sh3d-post-admin { background: #FFF8F2; border-color: #F0DCC8; }
body#phpbb.section-viewtopic .post.sh3d-post-admin .postprofile { background: #FDF1E7; border-right-color: #F0DCC8; }
body#phpbb.section-viewtopic .post.sh3d-post-admin .sh3d-post-head { background: #FDF1E7; border-bottom-color: #F0DCC8; }
body#phpbb.section-viewtopic .post.sh3d-post-admin .signature { color: #b4643c; }
/* message column (right) */
body#phpbb.section-viewtopic .postbody {
flex: 1 1 auto;
float: none;
width: auto;
min-width: 0;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
body#phpbb.section-viewtopic .postbody h3 { display: none; }
body#phpbb.section-viewtopic .postbody p.author { display: none; }
body#phpbb.section-viewtopic .postbody .post-buttons { display: none; }
body#phpbb.section-viewtopic .postbody > div:not(.sh3d-post-head) { padding: 14px 22px 18px; flex: 1 1 auto; }
/* per-post header strip: date left, Reply/Quote/Print/#N right (built by JS) */
body#phpbb.section-viewtopic .sh3d-post-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
background: #FAFBFC;
border-bottom: 1px solid #e8ecf1;
padding: 10px 22px;
font-size: 12.5px;
}
body#phpbb.section-viewtopic .sh3d-post-date { display: inline-flex; align-items: center; gap: 7px; color: #6c757d; }
body#phpbb.section-viewtopic .sh3d-post-date svg { color: #9aa3ad; flex: none; }
body#phpbb.section-viewtopic .sh3d-post-actions { display: inline-flex; align-items: center; gap: 14px; }
body#phpbb.section-viewtopic .sh3d-post-actions a { color: #1D5FF9; font-weight: 700; font-size: 12.5px; text-decoration: none; }
body#phpbb.section-viewtopic .sh3d-post-actions a:hover { color: #1550e0; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-post-print { color: #9aa3ad; display: inline-flex; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-post-print:hover { color: #1D5FF9; }
body#phpbb.section-viewtopic .sh3d-post-num { color: #9aa3ad; font-weight: 700; }
/* message content */
body#phpbb.section-viewtopic .postbody .content {
font-size: 14px;
color: #3A4350;
line-height: 1.65;
}
/* code boxes: grey rounded, mono (design) */
body#phpbb.section-viewtopic .content .codebox {
background: #F4F6F8;
border: 1px solid #e8ecf1;
border-radius: 8px;
margin: 10px 0;
}
body#phpbb.section-viewtopic .content .codebox p { display: none; }
body#phpbb.section-viewtopic .content .codebox code {
display: block;
padding: 12px 14px;
font-family: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Consolas, monospace;
font-size: 13px;
color: #3a4350;
max-height: none;
}
/* quotes: light grey card with accent border */
body#phpbb.section-viewtopic .content blockquote {
background: #F8FAFB;
border: 1px solid #e8ecf1;
border-left: 3px solid #c9d4e0;
border-radius: 8px;
margin: 10px 0;
padding: 10px 14px;
font-size: 13.5px;
}
body#phpbb.section-viewtopic .content blockquote cite { font-size: 12px; color: #6c757d; }
/* signature */
body#phpbb.section-viewtopic .signature {
border-top: 1px solid #e8ecf1;
margin: 14px 0 0;
padding: 10px 0 0;
font-size: 12px;
color: #9aa3ad;
max-width: none;
}
/* --- bottom row: Post Reply left + "‹ Return to …" right --- */
body#phpbb.section-viewtopic .sh3d-vt-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 20px 0 0;
}
body#phpbb.section-viewtopic .sh3d-vt-bottom a.sh3d-vt-return {
display: inline-flex;
align-items: center;
gap: 6px;
color: #1D5FF9;
font-weight: 700;
font-size: 13px;
text-decoration: none;
}
body#phpbb.section-viewtopic .sh3d-vt-bottom a.sh3d-vt-return i.icon { color: #1D5FF9; font-size: 14px; }
/* --- small screens: stack the profile column above the message --- */
@media (max-width: 700px) {
body#phpbb.section-viewtopic .post .inner { flex-direction: column; }
body#phpbb.section-viewtopic .postprofile { flex: none; width: auto; border-right: 0; border-bottom: 1px solid #e8ecf1; }
body#phpbb.section-viewtopic .sh3d-vt-colhdr span:first-child { flex: none; }
}
/* =====================================================================================
SH3D search results / Recent Threads (Claude Design "6 · Recent Threads").
Shared chrome + the viewforum row/tile/columns rules are extended above with
body.section-search twin selectors; the rules below are search-specific.
body#phpbb prefix beats prosilver's #phpbb-scoped rules. */
/* native chrome not in the design — the JS moves out the matches count, the
advanced-search link and the bottom pagination before these are hidden */
body#phpbb.section-search .action-bar.bar-top,
body#phpbb.section-search p.advanced-search-link,
body#phpbb.section-search .action-bar.bottom,
body#phpbb.section-search .action-bar.actions-jump { display: none; }
/* subtitle under the "Recent Threads" title */
body#phpbb.section-search .sh3d-rt-subtitle,
body#phpbb.section-posting .sh3d-rt-subtitle,
body#phpbb.section-memberlist .sh3d-rt-subtitle { color: #6c757d; font-size: 14px; margin: 6px 0 16px; }
/* matches card: "Search found N matches" left + Advanced search right */
body#phpbb.section-search .sh3d-rt-matches {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
padding: 13px 18px;
margin: 0 0 14px;
font-size: 13px;
color: #3a4350;
}
body#phpbb.section-search .sh3d-rt-matches strong { color: #1a1f26; }
body#phpbb.section-search .sh3d-rt-matches a { color: #1D5FF9; font-weight: 700; text-decoration: none; }
/* keyword results, POST view: each prosilver div.search.post is a row of one card.
Styled on the native markup (not on JS classes) so there is no prosilver flash before the JS runs. */
body#phpbb.section-search .search.post {
background: #fff;
background-image: none;
border: 1px solid #e1e5ea;
border-top-width: 0;
border-radius: 0;
box-shadow: none;
margin: 0;
padding: 0;
cursor: pointer;
transition: background-color .12s;
}
body#phpbb.section-search :not(.search.post) + .search.post,
body#phpbb.section-search .sh3d-sr-list > .search.post:first-child {
border-top-width: 1px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
body#phpbb.section-search .search.post:not(:has(+ .search.post)) {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-bottom: 18px;
}
body#phpbb.section-search .search.post:hover { background: #f7f9fc; }
body#phpbb.section-search .search.post > .inner {
display: flex;
align-items: center;
gap: 18px;
padding: 16px 20px;
}
body#phpbb.section-search .search.post dl.postprofile,
body#phpbb.section-search .search.post ul.searchresults { display: none; }
body#phpbb.section-search .search.post .postbody { float: none; width: auto; flex: 1 1 auto; min-width: 0; margin: 0; }
body#phpbb.section-search .search.post .postbody h3 {
display: block;
float: none;
margin: 0;
padding: 0;
border: 0;
font-size: 15.5px;
font-weight: 700;
line-height: 1.35;
text-transform: none;
}
body#phpbb.section-search .search.post .postbody h3 a { color: #1D5FF9; text-decoration: none; }
body#phpbb.section-search .search.post .postbody h3 a:hover { text-decoration: underline; }
body#phpbb.section-search .sh3d-sr-meta { font-size: 12px; color: #9aa3ad; margin: 3px 0 0; line-height: 1.5; }
body#phpbb.section-search .sh3d-sr-meta a { color: #1D5FF9; font-weight: 600; }
body#phpbb.section-search .search.post .content {
font-size: 13.5px;
line-height: 1.55;
color: #3a4350;
margin: 6px 0 0;
padding: 0;
min-height: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
body#phpbb.section-search .search.post .posthilit {
background: #e8f0fb;
color: #1D5FF9;
font-weight: 600;
border-radius: 4px;
padding: 0 3px;
}
body#phpbb.section-search .sh3d-sr-stats { flex: 0 0 180px; display: flex; }
body#phpbb.section-search .sh3d-sr-stats > div { flex: 1 1 0; text-align: center; }
body#phpbb.section-search .sh3d-sr-stats strong { display: block; font-weight: 700; font-size: 15px; line-height: 1.2; color: #2b3138; }
body#phpbb.section-search .sh3d-sr-stats span {
display: block;
margin-top: 2px;
font-size: 10.5px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
color: #9aa3ad;
}
/* "Searched query: …" repeats the title. Native position = right after the h2 (hidden before the JS runs);
once the JS inserts the subtitle/matches card in between, the class takes over. */
body#phpbb.section-search #page-body > h2.searchresults-title + p:not(.sh3d-rt-subtitle),
body#phpbb.section-search p.sh3d-sr-queryline { display: none; }
body#phpbb.section-search .sh3d-rt-subtitle strong { color: #1a1f26; }
body#phpbb.section-search .sh3d-sr-ignored { color: #9aa3ad; }
@media (max-width: 700px) {
body#phpbb.section-search .search.post > .inner { flex-wrap: wrap; gap: 8px; padding: 14px 16px; }
body#phpbb.section-search .sh3d-sr-stats { flex: 1 1 100%; justify-content: flex-start; gap: 16px; }
body#phpbb.section-search .sh3d-sr-stats > div { flex: none; display: flex; align-items: baseline; gap: 5px; text-align: left; }
body#phpbb.section-search .sh3d-sr-stats strong { display: inline; font-size: 13px; }
body#phpbb.section-search .sh3d-sr-stats span { display: inline; margin: 0; }
}
/* results card: one card, rounded on all corners (no first/last split here) */
body#phpbb.section-search .forumbg { border-radius: 10px; margin-bottom: 18px; }
/* the design shows no column-header row on the results list */
body#phpbb.section-search .forumbg ul.topiclist li.header { display: none; }
/* byline "by user » date » in Forum" under the title */
body#phpbb.section-search .forumbg .responsive-hide.left-box {
font-size: 12px;
color: #9aa3ad;
margin-top: 4px;
float: none;
}
body#phpbb.section-search .forumbg .responsive-hide.left-box a { color: #1D5FF9; }
/* per-topic mini pagination inside rows: not in the design */
body#phpbb.section-search .forumbg dt .pagination { display: none; }
/* REPLIES / VIEWS: stacked number + visible label (prosilver hides dfn off-screen) */
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.posts,
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.views {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3px;
}
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.posts dfn,
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.views dfn {
position: static;
left: auto;
width: auto;
height: auto;
overflow: visible;
display: block;
padding: 0;
margin: 0;
font-style: normal;
font-weight: 700;
font-size: 10px;
letter-spacing: .05em;
text-transform: uppercase;
color: #9aa3ad;
}
/* last post cell: "Last post by " + date on its own line */
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.lastpost span { display: block; padding-left: 0; }
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.lastpost dfn {
position: static;
left: auto;
width: auto;
height: auto;
overflow: visible;
display: inline;
font-style: normal;
padding: 0;
margin: 0;
text-transform: lowercase; /* design: "last post by …" */
}
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.lastpost a { color: #1D5FF9; }
body#phpbb.section-search .forumbg ul.topiclist.topics li.row dd.lastpost time { display: block; margin-top: 2px; }
/* empty state ("No suitable matches were found.") as a card */
body#phpbb.section-search #page-body > .panel {
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
padding: 16px 20px;
margin-bottom: 16px;
}
/* bottom pagination: pills only, centered (JS wraps the moved .pagination) */
body#phpbb.section-search .sh3d-rt-pagination,
body#phpbb.section-memberlist .sh3d-rt-pagination { display: flex; justify-content: center; margin: 18px 0 6px; }
body#phpbb.section-search .sh3d-rt-pagination .pagination,
body#phpbb.section-memberlist .sh3d-rt-pagination .pagination { float: none; margin: 0; text-align: center; }
/* sh3d: hide nav-main on search — remove the top toolbar (Quick links / FAQ /
search / Login / Register) on Recent Threads (active_topics); breadcrumb stays */
body#phpbb.section-search #page-header .navbar ul.nav-main { display: none; }
/* =====================================================================================
SH3D advanced search FORM (Claude Design "8 · Search", mvnForum-style card).
JS adds .sh3d-sf to the form on the form page only; results pages are untouched. */
/* title: h2.solo 30px like the other section titles (form page only) */
body.section-search h2.solo,
body.section-memberlist h2.solo {
margin: 0;
font-weight: 700;
font-size: 30px;
line-height: 1.2;
color: #1a1f26;
}
/* the card */
body#phpbb.section-search form.sh3d-sf {
display: block;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
overflow: hidden;
margin: 0 0 24px;
}
body#phpbb.section-search form.sh3d-sf .sh3d-sf-head {
background: #1D5FF9;
color: #fff;
font-weight: 700;
font-size: 14px;
padding: 14px 20px;
}
/* neutralize the native prosilver panels/fieldsets inside the card */
body#phpbb.section-search form.sh3d-sf .panel,
body#phpbb.section-search form.sh3d-sf .inner,
body#phpbb.section-search form.sh3d-sf fieldset {
background: transparent;
background-image: none;
border: 0;
border-radius: 0;
margin: 0;
padding: 0;
box-shadow: none;
}
body#phpbb.section-search form.sh3d-sf h3,
body#phpbb.section-search form.sh3d-sf hr,
body#phpbb.section-search form.sh3d-sf legend { display: none; }
body#phpbb.section-search form.sh3d-sf .sh3d-sf-hidden { display: none !important; }
/* rows: label left (200px) + control right */
body#phpbb.section-search form.sh3d-sf fieldset dl {
display: flex;
align-items: center;
gap: 16px;
border-bottom: 1px solid #eef1f4;
margin: 0;
padding: 16px 20px;
}
body#phpbb.section-search form.sh3d-sf fieldset dl dt {
flex: 0 0 200px;
width: 200px;
float: none;
margin: 0;
padding: 0;
font-weight: 700;
font-size: 13.5px;
color: #1a1f26;
}
body#phpbb.section-search form.sh3d-sf fieldset dl dt label {
font-weight: 700;
font-size: 13.5px;
color: #1a1f26;
padding: 0;
}
/* helper text under the label: not in the design */
body#phpbb.section-search form.sh3d-sf fieldset dl dt br,
body#phpbb.section-search form.sh3d-sf fieldset dl dt span { display: none; }
body#phpbb.section-search form.sh3d-sf fieldset dl dd {
flex: 1 1 auto;
min-width: 0;
float: none;
margin: 0;
padding: 0;
border: 0;
display: flex;
align-items: center;
gap: 10px;
}
/* controls */
body#phpbb.section-search form.sh3d-sf input[type="search"],
body#phpbb.section-search form.sh3d-sf input[type="text"] {
width: 100%;
max-width: 600px;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 8px;
padding: 9px 12px;
font-size: 13.5px;
color: #1a1f26;
box-shadow: none;
}
body#phpbb.section-search form.sh3d-sf select {
background-color: #fff;
border: 1px solid #e1e5ea;
border-radius: 8px;
padding: 8px 12px;
font-size: 13.5px;
color: #1a1f26;
max-width: 340px;
}
body#phpbb.section-search form.sh3d-sf input:focus,
body#phpbb.section-search form.sh3d-sf select:focus { border-color: #1D5FF9; outline: none; }
/* footer strip: Search (solid pill) + Reset (outline pill), centered */
body#phpbb.section-search form.sh3d-sf fieldset.submit-buttons {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
background: #F4F7FA;
margin: 0;
padding: 16px 20px;
}
body#phpbb.section-search form.sh3d-sf fieldset.submit-buttons input[type="submit"] {
background: #1D5FF9;
border: 1px solid #1D5FF9;
border-radius: 999px;
color: #fff;
font-weight: 700;
font-size: 13.5px;
padding: 10px 26px;
cursor: pointer;
}
body#phpbb.section-search form.sh3d-sf fieldset.submit-buttons input[type="submit"]:hover { background: #1550e0; border-color: #1550e0; }
body#phpbb.section-search form.sh3d-sf fieldset.submit-buttons input.sh3d-sf-reset {
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 999px;
color: #3a4350;
font-weight: 700;
font-size: 13.5px;
padding: 10px 26px;
cursor: pointer;
}
body#phpbb.section-search form.sh3d-sf fieldset.submit-buttons input.sh3d-sf-reset:hover { background: #f1f4f8; }
/* small screens: stack label above control */
@media (max-width: 700px) {
body#phpbb.section-search form.sh3d-sf fieldset dl { flex-direction: column; align-items: flex-start; gap: 8px; }
body#phpbb.section-search form.sh3d-sf fieldset dl dt { flex: none; width: auto; }
}
/* =====================================================================================
SH3D memberlist (Claude Design "9 · Members"). Shared chrome twinned above with
body.section-memberlist; the rules below are memberlist-specific.
body#phpbb prefix beats prosilver's #phpbb-scoped rules. */
/* no toolbar on members (consistent with search, design 6/8/9); breadcrumb stays */
body#phpbb.section-memberlist #page-header .navbar ul.nav-main { display: none; }
/* native chrome not in the design (JS extracts the count + moves Find a member first) */
body#phpbb.section-memberlist .action-bar.bar-top .pagination { display: none; }
body#phpbb.section-memberlist .action-bar.actions-jump { display: none; }
body#phpbb.section-memberlist .action-bar.bar-bottom { background: transparent; border: 0; padding: 0; margin: 0; }
/* --- alphabet filter as pills --- */
body#phpbb.section-memberlist .action-bar.bar-top {
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
margin: 0 0 6px;
}
body#phpbb.section-memberlist .action-bar.bar-top .member-search {
display: flex;
flex-wrap: wrap;
align-items: center;
background: transparent;
background-image: none;
border: 0;
box-shadow: none;
padding: 0;
margin: 0 0 0 -3px;
float: none;
font-size: 0; /* kills the "•" text-node separator; pills reset their own size */
}
body#phpbb.section-memberlist .action-bar.bar-top .member-search a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 20px;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 8px;
padding: 6px 6px;
margin: 3px; /* inter-pill spacing (robust even where flex gap doesn't apply) */
font-size: 12.5px;
font-weight: 600;
color: #3a4350;
text-decoration: none;
}
body#phpbb.section-memberlist .action-bar.bar-top .member-search a:hover { border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb.section-memberlist .action-bar.bar-top .member-search a.sh3d-ml-active {
background: #1D5FF9;
border-color: #1D5FF9;
color: #fff;
}
/* --- meta row: "N users" left + Find a member right (JS-built) --- */
body#phpbb.section-memberlist .sh3d-ml-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 10px 0 12px;
font-size: 13.5px;
color: #3a4350;
}
body#phpbb.section-memberlist .sh3d-ml-meta strong { color: #1a1f26; }
body#phpbb.section-memberlist .sh3d-ml-meta a { color: #1D5FF9; font-weight: 700; text-decoration: none; font-size: 13px; }
/* --- members table card --- */
body#phpbb.section-memberlist .forumbg.forumbg-table {
background: #fff;
background-image: none;
border: 1px solid #e1e5ea;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
margin: 0 0 18px;
padding: 0;
overflow: hidden;
}
body#phpbb.section-memberlist .forumbg.forumbg-table > .inner {
border-radius: 0;
overflow: visible;
background: transparent;
border: 0;
}
body#phpbb.section-memberlist table#team,
body#phpbb.section-memberlist table#memberlist {
width: 100%;
border-collapse: collapse;
background: transparent;
border: 0;
}
body#phpbb.section-memberlist table#team thead th,
body#phpbb.section-memberlist table#memberlist thead th {
background: #EEF2F6;
background-image: none;
border: 0;
padding: 11px 16px;
font-size: 11px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: #6b7684;
text-align: left;
}
body#phpbb.section-memberlist table#team thead th a,
body#phpbb.section-memberlist table#memberlist thead th a { color: #6b7684; text-decoration: none; }
body#phpbb.section-memberlist table#team thead th a:hover,
body#phpbb.section-memberlist table#memberlist thead th a:hover { color: #1D5FF9; }
body#phpbb.section-memberlist table#team tbody td,
body#phpbb.section-memberlist table#memberlist tbody td {
background: #fff;
border: 0;
border-bottom: 1px solid #eef1f4;
padding: 12px 16px;
vertical-align: middle;
font-size: 13px;
color: #3a4350;
}
body#phpbb.section-memberlist table#team tbody tr:last-child td,
body#phpbb.section-memberlist table#memberlist tbody tr:last-child td { border-bottom: 0; }
body#phpbb.section-memberlist table#team dfn,
body#phpbb.section-memberlist table#memberlist dfn { display: none; }
/* name cell: avatar + username with rank below */
body#phpbb.section-memberlist .sh3d-ml-user { display: flex; align-items: center; gap: 12px; }
body#phpbb.section-memberlist .sh3d-ml-user a.username,
body#phpbb.section-memberlist .sh3d-ml-user a.username-coloured {
font-weight: 700;
font-size: 14px;
color: #1D5FF9;
text-decoration: none;
}
body#phpbb.section-memberlist .sh3d-ml-rank { font-size: 11.5px; color: #9aa3ad; margin-top: 1px; }
body#phpbb.section-memberlist .sh3d-ml-rank.sh3d-ml-rank-admin { color: #C0392B; font-weight: 600; }
body#phpbb.section-memberlist .sh3d-ml-rank.sh3d-ml-rank-mod { color: #1E9E4B; font-weight: 600; }
/* posts / info / joined cells */
body#phpbb.section-memberlist table#memberlist td.posts a { color: #1D5FF9; font-weight: 700; font-size: 14px; text-decoration: none; }
body#phpbb.section-memberlist table#memberlist td.info div { display: inline; }
body#phpbb.section-memberlist table#memberlist td.info div + div::before { content: " · "; color: #9aa3ad; }
body#phpbb.section-memberlist table#team td.info a,
body#phpbb.section-memberlist table#memberlist td.info a { color: #1D5FF9; text-decoration: none; }
/* the team page group link carries the group colour as an inline style -> force the design blue */
body#phpbb.section-memberlist table#team td.info a { color: #1D5FF9 !important; }
body#phpbb.section-memberlist .sh3d-ml-dash { color: #c2c9d2; }
/* Find a member panel (toggle target) as a card */
body#phpbb.section-memberlist #memberlist_search {
background: #fff;
background-image: none;
border: 1px solid #e1e5ea;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
padding: 16px 20px;
margin: 0 0 16px;
}
body#phpbb.section-memberlist #memberlist_search .inner { background: transparent; border: 0; padding: 0; }
body#phpbb.section-memberlist #memberlist_search input[type="text"],
body#phpbb.section-memberlist #memberlist_search input[type="search"],
body#phpbb.section-memberlist #memberlist_search select {
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 8px;
padding: 7px 10px;
font-size: 13px;
color: #1a1f26;
}
/* --- The team (memberlist.php?mode=team, Claude design "10 · The team") --- */
/* group header: hide the "Rank" label, colour the group name by group */
body#phpbb.section-memberlist table#team thead th.name .rank-img { display: none; }
body#phpbb.section-memberlist table#team thead th.name a {
font-size: 11px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
}
body#phpbb.section-memberlist table#team thead th.name a.sh3d-tm-admin { color: #C0392B; }
body#phpbb.section-memberlist table#team thead th.name a.sh3d-tm-mod { color: #1E9E4B; }
/* member rows: hide the native rank text (rebuilt inside .sh3d-ml-user by the JS) */
body#phpbb.section-memberlist table#team tbody .rank-img { display: none; }
/* empty group: italic grey note */
body#phpbb.section-memberlist table#team tbody td[colspan] { font-style: italic; color: #9aa3ad; }
/* =====================================================================================
SH3D index, logged-in (Claude design "1b · Index (logged in)"): hero user cluster
(moved from the navbar by the footer JS), welcome-back bar, bottom user card. */
/* hero user cluster: bell / envelope / profile pill / logout */
body#phpbb.section-index .sh3d-hero-user {
display: flex;
align-items: center;
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
float: none;
}
body#phpbb.section-index .sh3d-hero-user > li { margin: 0; padding: 0; list-style: none; float: none; position: relative; display: block; }
/* bell / envelope: icon-only with a red count bubble */
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-icon > a {
display: inline-flex;
align-items: center;
position: relative;
padding: 6px;
color: #3a4350;
text-decoration: none;
}
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-icon > a:hover { color: #1D5FF9; }
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-icon > a .icon { display: none; } /* FA icon replaced by the outline SVG */
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-icon > a .sh3d-hu-svg { display: block; }
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-icon > a > span { display: none; } /* text label off, icon only */
body#phpbb.section-index .sh3d-hero-user strong.badge {
position: absolute;
top: -3px;
right: -5px;
background: #E5484D;
color: #fff;
border: 0;
border-radius: 999px;
min-width: 16px;
height: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 4px;
font-size: 10px;
font-weight: 700;
line-height: 1;
}
body#phpbb.section-index .sh3d-hero-user strong.badge.hidden { display: none; }
/* profile pill (native UCP dropdown stays attached and opens below).
NB: the anchor is NOT a direct li child — it sits inside div.header-profile. */
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile .header-profile {
display: inline-flex;
float: none;
margin: 0;
padding: 0;
background: transparent;
position: relative;
}
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger {
display: inline-flex;
align-items: center;
gap: 8px;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 999px;
padding: 5px 12px 5px 6px;
color: #1a1f26;
font-weight: 600;
font-size: 14px;
text-decoration: none;
max-width: none;
overflow: visible;
}
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger:hover { border-color: #1D5FF9; }
/* neutralize prosilver's own carets (the ▼ pseudo + the mini caret on the avatar) */
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger::before,
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger::after,
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile .header-profile::before,
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile .header-profile::after,
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger span::before,
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger span::after { content: none !important; display: none !important; }
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger .sh3d-hu-chev { color: #6c757d; flex: none; }
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile a.dropdown-trigger img.avatar { width: 26px; height: 26px; max-width: 26px; max-height: 26px; border-radius: 50%; object-fit: cover; }
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile .username,
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile .username-coloured { color: #1a1f26 !important; font-weight: 600; float: none; max-width: none; }
body#phpbb.section-index .sh3d-hero-user li.sh3d-hu-profile .dropdown { top: 40px; left: auto; right: 0; }
/* logout text link */
body#phpbb.section-index .sh3d-hero-user a.sh3d-hu-logout { color: #3a4350; font-weight: 600; font-size: 14px; text-decoration: none; }
body#phpbb.section-index .sh3d-hero-user a.sh3d-hu-logout:hover { color: #1D5FF9; }
/* welcome-back bar (logged): text left + Mark forums read right */
body#phpbb.section-index .sh3d-welcomebar-user .sh3d-welcomebar-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
body#phpbb.section-index .sh3d-welcomebar-user .sh3d-wb-text strong { color: #1a1f26; }
body#phpbb.section-index .sh3d-wb-actions a.sh3d-wb-mark {
display: inline-flex;
align-items: center;
gap: 6px;
color: #1D5FF9;
font-weight: 700;
font-size: 13px;
text-decoration: none;
white-space: nowrap;
}
/* user card above who-is-online */
body#phpbb.section-index .sh3d-user-card {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
padding: 16px 20px;
margin: 0 0 22px;
}
body#phpbb.section-index .sh3d-uc-id { display: flex; align-items: center; gap: 12px; }
body#phpbb.section-index .sh3d-uc-info { display: flex; flex-direction: column; gap: 2px; }
body#phpbb.section-index .sh3d-uc-name { font-size: 14.5px; color: #1a1f26; }
body#phpbb.section-index .sh3d-uc-meta { font-size: 12.5px; color: #6c757d; }
body#phpbb.section-index .sh3d-uc-actions { display: flex; align-items: center; gap: 10px; flex: none; }
body#phpbb.section-index .sh3d-uc-actions .sh3d-btn {
display: inline-flex;
align-items: center;
gap: 7px;
border-radius: 999px;
padding: 9px 18px;
font-size: 13.5px;
font-weight: 700;
text-decoration: none;
}
body#phpbb.section-index .sh3d-uc-actions .sh3d-uc-ucp { background: #fff; border: 1px solid #1D5FF9; color: #1D5FF9; }
body#phpbb.section-index .sh3d-uc-actions .sh3d-uc-ucp:hover { background: #E8F0FB; color: #1D5FF9; }
body#phpbb.section-index .sh3d-uc-actions .sh3d-uc-logout { background: #1D5FF9; border: 1px solid #1D5FF9; color: #fff; }
body#phpbb.section-index .sh3d-uc-actions .sh3d-uc-logout:hover { background: #1550e0; color: #fff; }
@media (max-width: 700px) {
body#phpbb.section-index .sh3d-user-card { flex-direction: column; align-items: flex-start; }
body#phpbb.section-index .sh3d-hero-user { gap: 10px; }
}
/* =====================================================================================
Toolbar logged-in su viewforum/viewtopic (Claude design "3b · Viewtopic (logged in)"):
search grigia senza bottone (lente inline) + user pill con divider; le voci testuali
Welcome / Private messages / Notifications escono dalla barra (JS aggiunge le classi). */
/* soft search: grey rounded field, inline lens, no submit button (Enter submits) */
#page-header .navbar .sh3d-search.sh3d-search-soft input {
background: #F1F4F8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%239aa3ad' stroke-width='2'/%3E%3Cpath d='m20 20-3.2-3.2' stroke='%239aa3ad' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 12px center;
border: 1px solid transparent;
border-radius: 10px;
padding: 4px 8px 4px 38px;
color: #1a1f26;
}
#page-header .navbar .sh3d-search.sh3d-search-soft input:focus { border-color: #1D5FF9; background-color: #fff; outline: none; }
#page-header .navbar .sh3d-search.sh3d-search-soft button { display: none; }
/* hidden text items (PMs / Notifications live on the index hero + inside UCP) */
body.section-viewforum #page-header .navbar ul.nav-main li.sh3d-tb-hidden,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.sh3d-tb-hidden,
body.section-posting #page-header .navbar ul.nav-main li.sh3d-tb-hidden,
body.section-viewtopic #page-header .navbar ul.nav-main li.sh3d-tb-hidden { display: none !important; }
/* user pill with a leading divider */
body.section-viewforum #page-header .navbar ul.nav-main li.sh3d-tb-profile,
body.section-app\/postconfirm #page-header .navbar ul.nav-main li.sh3d-tb-profile,
body.section-posting #page-header .navbar ul.nav-main li.sh3d-tb-profile,
body.section-viewtopic #page-header .navbar ul.nav-main li.sh3d-tb-profile {
display: inline-flex;
align-items: center;
float: none;
border-left: 1px solid #e1e5ea;
padding-left: 14px;
margin-left: 4px;
font-size: 14px;
}
body.section-viewforum #page-header .navbar li.sh3d-tb-profile .header-profile,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile .header-profile,
body.section-posting #page-header .navbar li.sh3d-tb-profile .header-profile,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile .header-profile {
display: inline-flex;
float: none;
margin: 0;
padding: 0;
background: transparent;
position: relative;
}
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger {
display: inline-flex;
align-items: center;
gap: 8px;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 999px;
padding: 3px 12px 3px 6px;
color: #1a1f26;
font-weight: 600;
font-size: 14px;
text-decoration: none;
max-width: none;
overflow: visible;
}
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger:hover,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger:hover,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger:hover,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger:hover { border-color: #1D5FF9; }
/* neutralize prosilver carets (FontAwesome ::after on the inner spans) */
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::before,
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::after,
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::before,
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::after,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::before,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::before,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::before,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::after,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::after,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger span::after,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::before,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::before,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::before,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::after,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::after,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger::after { content: none !important; display: none !important; }
body.section-viewforum #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger img.avatar,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger img.avatar,
body.section-posting #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger img.avatar,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile a.dropdown-trigger img.avatar { width: 26px; height: 26px; max-width: 26px; max-height: 26px; border-radius: 50%; object-fit: cover; }
body.section-viewforum #page-header .navbar li.sh3d-tb-profile .username,
body.section-viewforum #page-header .navbar li.sh3d-tb-profile .username-coloured,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile .username,
body.section-posting #page-header .navbar li.sh3d-tb-profile .username,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile .username,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile .username-coloured,
body.section-posting #page-header .navbar li.sh3d-tb-profile .username-coloured,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile .username-coloured { color: #1a1f26 !important; font-weight: 600; float: none; max-width: none; }
body.section-viewforum #page-header .navbar li.sh3d-tb-profile .sh3d-hu-chev,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile .sh3d-hu-chev,
body.section-posting #page-header .navbar li.sh3d-tb-profile .sh3d-hu-chev,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile .sh3d-hu-chev { color: #6c757d; flex: none; }
body.section-viewforum #page-header .navbar li.sh3d-tb-profile .dropdown,
body.section-app\/postconfirm #page-header .navbar li.sh3d-tb-profile .dropdown,
body.section-posting #page-header .navbar li.sh3d-tb-profile .dropdown,
body.section-viewtopic #page-header .navbar li.sh3d-tb-profile .dropdown { top: 40px; left: auto; right: 0; }
/* =====================================================================================
Quick Reply card su viewtopic (Claude design "3b") — restyle del quick reply NATIVO
phpBB (form#qr_postform); il JS aggiunge header/toolbar/footer. */
body#phpbb.section-viewtopic form#qr_postform.sh3d-qr {
display: block;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(20, 40, 80, .04);
overflow: hidden;
margin: 18px 0 0;
}
body#phpbb.section-viewtopic .sh3d-qr .panel,
body#phpbb.section-viewtopic .sh3d-qr .inner {
background: transparent;
background-image: none;
border: 0;
border-radius: 0;
margin: 0;
padding: 0;
box-shadow: none;
}
body#phpbb.section-viewtopic .sh3d-qr h2.quickreply-title { display: none; }
/* prosilver clearfix ::after (.inner:after & co.) becomes a stray flex item and
pushes the submit off the right edge -> neutralize inside the card */
body#phpbb.section-viewtopic .sh3d-qr .inner::after,
body#phpbb.section-viewtopic .sh3d-qr .panel::after,
body#phpbb.section-viewtopic .sh3d-qr fieldset.submit-buttons::after { content: none !important; display: none !important; }
body#phpbb.section-viewtopic .sh3d-qr fieldset.fields1 { margin: 0; padding: 0; border: 0; }
body#phpbb.section-viewtopic .sh3d-qr fieldset.fields1 dl { display: none; } /* subject row (defaults to "Re: …") */
/* header */
body#phpbb.section-viewtopic .sh3d-qr-head {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 20px;
border-bottom: 1px solid #eef1f4;
}
body#phpbb.section-viewtopic .sh3d-qr-headtext { display: flex; flex-direction: column; gap: 2px; }
body#phpbb.section-viewtopic .sh3d-qr-headtext strong { font-size: 14.5px; color: #1a1f26; }
body#phpbb.section-viewtopic .sh3d-qr-postingas { font-size: 12.5px; color: #6c757d; }
body#phpbb.section-viewtopic .sh3d-qr-postingas a { color: #1D5FF9; text-decoration: none; }
/* mini BBCode toolbar */
body#phpbb.section-viewtopic .sh3d-qr-toolbar {
display: flex;
align-items: center;
gap: 6px;
padding: 10px 20px;
border-bottom: 1px solid #eef1f4;
}
body#phpbb.section-viewtopic .sh3d-qr-toolbar button {
width: 30px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 6px;
color: #3a4350;
font-size: 13px;
cursor: pointer;
padding: 0;
}
body#phpbb.section-viewtopic .sh3d-qr-toolbar button:hover { border-color: #1D5FF9; color: #1D5FF9; }
/* textarea */
body#phpbb.section-viewtopic .sh3d-qr .message-box { padding: 0; margin: 0; width: auto; float: none; }
body#phpbb.section-viewtopic .sh3d-qr .message-box textarea {
display: block;
width: 100%;
min-height: 140px;
border: 0;
border-radius: 0;
padding: 16px 20px;
font-size: 14px;
color: #1a1f26;
background: #fff;
resize: vertical;
box-sizing: border-box;
box-shadow: none;
}
body#phpbb.section-viewtopic .sh3d-qr .message-box textarea:focus { outline: none; box-shadow: none; }
/* footer: Attach File + Preview left, Quick Reply right */
body#phpbb.section-viewtopic .sh3d-qr fieldset.submit-buttons {
display: flex;
align-items: center;
gap: 16px;
background: #FAFBFC;
border-top: 1px solid #eef1f4;
margin: 0;
padding: 12px 20px;
text-align: left;
}
body#phpbb.section-viewtopic .sh3d-qr fieldset.submit-buttons input#qr_full_editor { display: none; }
body#phpbb.section-viewtopic .sh3d-qr-attach {
display: inline-flex;
align-items: center;
gap: 7px;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 8px;
padding: 8px 14px;
color: #3a4350;
font-weight: 600;
font-size: 13px;
cursor: pointer;
}
body#phpbb.section-viewtopic .sh3d-qr-attach:hover { border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb.section-viewtopic .sh3d-qr-preview { color: #1D5FF9; font-weight: 700; font-size: 13px; text-decoration: none; }
body#phpbb.section-viewtopic .sh3d-qr .sh3d-qr-submit {
display: inline-flex;
align-items: center;
gap: 8px;
margin-left: auto;
background: #1D5FF9;
border: 1px solid #1D5FF9;
border-radius: 8px;
color: #fff;
font-weight: 700;
font-size: 13.5px;
padding: 9px 20px;
cursor: pointer;
}
body#phpbb.section-viewtopic .sh3d-qr .sh3d-qr-submit:hover { background: #1550e0; color: #fff; }
/* the card replaces the duplicate bottom Post Reply button; the Return link stays */
body#phpbb.section-viewtopic .sh3d-vt-bottom-qr a.button.sh3d-postreply { display: none; }
/* =====================================================================================
Viewtopic moderator view (Claude design "3c"): MODERATOR TOOLS bar, azioni per-post
estese nella strip, Add to Favourites, Printer Friendly, edit-notice. Tutti gli
elementi derivano da link nativi permission-gated: senza permessi non esistono. */
/* MODERATOR TOOLS bar */
body#phpbb.section-viewtopic .sh3d-mod-bar {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
background: #FFF8F2;
border: 1px solid #F0DCC8;
border-radius: 10px;
padding: 10px 16px;
margin: 12px 0 12px;
}
body#phpbb.section-viewtopic .sh3d-mod-label {
display: inline-flex;
align-items: center;
gap: 7px;
color: #C05621;
font-size: 11px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
margin-right: 4px;
}
body#phpbb.section-viewtopic .sh3d-mod-btn {
display: inline-flex;
align-items: center;
gap: 7px;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 8px;
padding: 7px 13px;
color: #3a4350;
font-weight: 600;
font-size: 12.5px;
text-decoration: none;
cursor: pointer;
}
body#phpbb.section-viewtopic .sh3d-mod-btn:hover { border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb.section-viewtopic .sh3d-mod-btn.sh3d-mod-danger { border-color: #EAC7C4; color: #C4322E; }
body#phpbb.section-viewtopic .sh3d-mod-btn.sh3d-mod-danger:hover { background: #FDECEC; border-color: #C4322E; color: #C4322E; }
body#phpbb.section-viewtopic .sh3d-mod-note {
display: inline-flex;
align-items: center;
gap: 6px;
margin-left: auto;
color: #C05621;
font-size: 12px;
}
/* mini dropdowns (Change Type / More) */
body#phpbb.section-viewtopic .sh3d-mod-dd { position: relative; display: inline-flex; }
body#phpbb.section-viewtopic .sh3d-mod-menu {
display: none;
position: absolute;
top: 36px;
left: 0;
z-index: 60;
min-width: 200px;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(20, 40, 80, .12);
padding: 6px;
}
body#phpbb.section-viewtopic .sh3d-mod-dd.sh3d-open .sh3d-mod-menu { display: block; }
body#phpbb.section-viewtopic .sh3d-mod-menu a {
display: block;
padding: 7px 10px;
border-radius: 6px;
color: #3a4350;
font-size: 13px;
text-decoration: none;
white-space: nowrap;
}
body#phpbb.section-viewtopic .sh3d-mod-menu a:hover { background: #F4F7FA; color: #1D5FF9; }
/* per-post strip: extra actions */
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-edit { color: #1D5FF9; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-del { color: #C4322E; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-del:hover { color: #a02824; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-warn { color: #8a5a00; font-weight: 700; font-size: 12px; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-warn:hover { color: #C4322E; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-ip,
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-pm { color: #6c757d; font-weight: 700; font-size: 12px; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-ip:hover,
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-pm:hover { color: #1D5FF9; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-link,
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-report { color: #9aa3ad; display: inline-flex; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-link:hover,
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-report:hover { color: #1D5FF9; }
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-top {
display: inline-flex;
align-items: center;
gap: 4px;
color: #9aa3ad;
font-weight: 600;
font-size: 11.5px;
}
body#phpbb.section-viewtopic .sh3d-post-actions a.sh3d-pa-top:hover { color: #1D5FF9; }
/* header: Watch / Stop watching (forum + topic; built from phpBB's hidden subscribe link) */
body#phpbb:is(.section-viewtopic, .section-viewforum) a.sh3d-watch-btn {
flex: none;
display: inline-flex;
align-items: center;
gap: 8px;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 10px;
padding: 12px 18px;
color: #3a4350;
font-weight: 600;
font-size: 14px;
line-height: 1;
text-decoration: none;
}
body#phpbb:is(.section-viewtopic, .section-viewforum) a.sh3d-watch-btn:hover { border-color: #1D5FF9; color: #1D5FF9; }
body#phpbb:is(.section-viewtopic, .section-viewforum) a.sh3d-watch-btn.watching { border-color: #1D5FF9; color: #1D5FF9; background: #E8F0FB; }
/* header: Add to Favourites (outline grey, before New Thread) */
body#phpbb.section-viewtopic a.sh3d-fav-btn {
flex: none;
display: inline-flex;
align-items: center;
gap: 8px;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 10px;
padding: 12px 18px;
color: #3a4350;
font-weight: 600;
font-size: 14px;
line-height: 1;
text-decoration: none;
}
body#phpbb.section-viewtopic a.sh3d-fav-btn:hover { border-color: #1D5FF9; color: #1D5FF9; }
/* pagerow: Printer Friendly button; pagination pushes the rest right */
body#phpbb.section-viewtopic .sh3d-vt-pagerow { justify-content: flex-start; }
body#phpbb.section-viewtopic .sh3d-vt-pagerow .pagination { margin-right: auto; }
body#phpbb.section-viewtopic a.sh3d-print-btn {
display: inline-flex;
align-items: center;
gap: 7px;
background: #fff;
border: 1px solid #e1e5ea;
border-radius: 8px;
padding: 7px 13px;
color: #3a4350;
font-weight: 600;
font-size: 12.5px;
text-decoration: none;
}
body#phpbb.section-viewtopic a.sh3d-print-btn:hover { border-color: #1D5FF9; color: #1D5FF9; }
/* edit notice ("[Edit N times, last edit by …]") */
body#phpbb.section-viewtopic .postbody .notice {
font-size: 12px;
font-style: italic;
color: #9aa3ad;
border-top: 1px dashed #e8ecf1;
margin: 14px 0 0;
padding: 8px 0 0;
}
/* prosilver .button:hover has text-shadow: 1px 1px 0 #fff → ghost/doubled text on our
solid buttons (white text). Kill it on every restyled section — element-agnostic
(.button, not a.button): the go-bar "Go" is a