/* ========================================================================== GameManx 2026 — dark brand layer on top of Gauge. Loaded after Gauge's inline #gp-dynamic-css (see functions.php). ========================================================================== */ :root { --gmx-bg: #0e0f11; --gmx-surface: #16181c; --gmx-surface-2: #1d2025; --gmx-border: #2a2e35; --gmx-text: #e7e9ee; --gmx-muted: #9aa1ad; --gmx-orange: #ff7a1a; --gmx-orange-2: #ff9448; --gmx-cyan: #4fc4e3; --gmx-radius: 10px; --gmx-font-head: "Chakra Petch", "Segoe UI", system-ui, sans-serif; --gmx-font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, Consolas, monospace; --gmx-font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif; } /* ---- Base --------------------------------------------------------------- */ html, body, #gp-site-wrapper, #gp-page-wrapper, #gp-content-wrapper, .gp-container, #gp-content, #gp-sidebar { background: var(--gmx-bg) !important; color: var(--gmx-text); } body, input, textarea, select, button, .gp-entry-text, .gp-loop-text, #bbpress-forums, #buddypress { font-family: var(--gmx-font-body) !important; font-size: 16px; line-height: 1.65; } h1, h2, h3, h4, h5, h6, .gp-entry-title, .gp-loop-title, .gp-post-section-header h3, .widgettitle, .widget-title, .gp-element-title, #gp-main-nav, .gp-nav { font-family: var(--gmx-font-head) !important; letter-spacing: .01em; color: #fff; } a { color: var(--gmx-orange); transition: color .15s ease; } a:hover, a:focus { color: var(--gmx-orange-2); text-decoration: none; } ::selection { background: var(--gmx-orange); color: #111; } hr, .gp-post-section-header-line, .gp-divider { border-color: var(--gmx-border) !important; background: var(--gmx-border) !important; } /* ---- Top bar + main header ---------------------------------------------- */ #gp-top-header { background: #08090a !important; border-bottom: 1px solid var(--gmx-border) !important; } #gp-main-header, #gp-main-header.gp-header-small, .gp-fixed-header #gp-main-header { background: rgba(14, 15, 17, .92) !important; backdrop-filter: saturate(140%) blur(10px); -webkit-backdrop-filter: saturate(140%) blur(10px); border-bottom: 1px solid var(--gmx-border) !important; box-shadow: none !important; } #gp-logo img { image-rendering: auto; } /* Keep Gauge's own header positioning (it's driven by JS); only tune size + colour. */ #gp-main-nav .menu > li > a { color: var(--gmx-text) !important; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: .05em; position: relative; } @media (min-width: 1083px) { #gp-main-nav { margin-left: 32px !important; } #gp-main-nav .menu > li { margin-left: 0 !important; margin-right: 18px !important; } /* Search lives in the slim top bar on desktop so the menu keeps one row. */ #gp-main-header > .gp-container { position: relative; } #gp-main-header .searchform { position: absolute !important; right: 0; top: -33px; width: 220px; margin: 0 !important; float: none !important; z-index: 5; } #gp-main-header .searchform .gp-search-bar { height: 26px !important; line-height: 26px; font-size: 12px !important; padding: 0 32px 0 12px !important; width: 100% !important; } #gp-main-header .searchform .gp-search-submit { height: 26px; line-height: 26px; top: 0; } #gp-top-header .gp-social-icons { margin-right: 236px; } } #gp-main-nav .menu > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -8px; height: 2px; background: var(--gmx-orange); transform: scaleX(0); transition: transform .2s ease; } #gp-main-nav .menu > li:hover > a, #gp-main-nav .menu > li.current-menu-item > a, #gp-main-nav .menu > li.current-menu-ancestor > a { color: #fff !important; } #gp-main-nav .menu > li:hover > a::after, #gp-main-nav .menu > li.current-menu-item > a::after, #gp-main-nav .menu > li.current-menu-ancestor > a::after { transform: scaleX(1); } #gp-main-nav .sub-menu { background: var(--gmx-surface) !important; border: 1px solid var(--gmx-border) !important; border-radius: var(--gmx-radius); box-shadow: 0 18px 40px rgba(0, 0, 0, .45) !important; padding: 6px 0; } #gp-main-nav .sub-menu li a { color: var(--gmx-text) !important; border: 0 !important; } #gp-main-nav .sub-menu li a:hover { background: var(--gmx-surface-2) !important; color: var(--gmx-orange) !important; } #gp-main-nav .sub-menu::before, #gp-main-nav .sub-menu::after { display: none !important; } .gp-search-bar, #gp-main-header input[type="search"], #gp-main-header .gp-search-bar { background: var(--gmx-surface) !important; border: 1px solid var(--gmx-border) !important; color: var(--gmx-text) !important; border-radius: 999px !important; } .gp-search-submit { background: transparent !important; color: var(--gmx-muted) !important; border: 0 !important; } /* ---- Page title band ----------------------------------------------------- */ #gp-page-header, .gp-page-header { background: linear-gradient(180deg, #121417 0%, var(--gmx-bg) 100%) !important; border-bottom: 1px solid var(--gmx-border); } #gp-page-header h1, .gp-page-header h1 { color: #fff !important; font-weight: 700; } #gp-page-header .gp-subtitle, #gp-page-header p { color: var(--gmx-muted) !important; } /* ---- Post cards (archives, home, related) -------------------------------- */ .gp-post-item { background: var(--gmx-surface); border: 1px solid var(--gmx-border); border-radius: var(--gmx-radius); overflow: hidden; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; } .gp-post-item:hover { transform: translateY(-2px); border-color: #3a3f48; box-shadow: 0 12px 30px rgba(0, 0, 0, .35); } .gp-post-item .gp-post-thumbnail, .gp-post-item .gp-loop-featured { margin: 0 !important; } .gp-post-item .gp-post-thumbnail img.gp-large-image { width: 100%; height: auto; transition: transform .35s ease; } .gp-post-item:hover .gp-post-thumbnail img.gp-large-image { transform: scale(1.03); } /* Gauge prints a small square image for phones next to the large one; keep only one visible. */ @media (min-width: 768px) { .gp-post-item .gp-post-thumbnail img.gp-mobile-image { display: none !important; } } @media (max-width: 767px) { .gp-post-item .gp-post-thumbnail img.gp-large-image { display: none !important; } .gp-post-item .gp-post-thumbnail img.gp-mobile-image { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; } } .gp-post-item .gp-loop-content { padding: 16px 18px 18px; } .gp-loop-title, .gp-loop-title a { color: #fff !important; font-size: 20px; line-height: 1.3; font-weight: 700; } .gp-loop-title a:hover { color: var(--gmx-orange) !important; } .gp-loop-text, .gp-loop-text p { color: #c6cad2 !important; font-size: 15px; } .gp-loop-meta, .gp-post-meta, .gp-entry-meta, .gp-loop-meta a, .gp-entry-meta a { color: var(--gmx-muted) !important; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; } .gp-meta-cats a, .gp-entry-cats a { display: inline-block; background: rgba(255, 122, 26, .12); color: var(--gmx-orange) !important; border-radius: 999px; padding: 2px 10px; font-weight: 600; } /* Section headings for homepage blocks (Latest News, Podcast, Videos…) */ .gp-element-title { border-bottom: 1px solid var(--gmx-border) !important; margin-bottom: 18px !important; } .gp-element-title h3 { color: #fff !important; font-size: 18px !important; text-transform: uppercase; letter-spacing: .08em; } .gp-element-title h3::before { content: ""; display: inline-block; width: 4px; height: 16px; background: var(--gmx-orange); border-radius: 2px; margin-right: 10px; vertical-align: -2px; } .gp-see-all-link a { color: var(--gmx-muted) !important; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; } .gp-see-all-link a:hover { color: var(--gmx-orange) !important; } /* Titles laid over thumbnails need a scrim to stay readable */ .gp-post-thumbnail .gp-loop-title { background: linear-gradient(0deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,0) 100%); padding: 40px 14px 12px !important; font-size: 17px !important; } /* ---- Single posts --------------------------------------------------------- */ .gp-entry-title { font-size: clamp(28px, 4vw, 44px); line-height: 1.15; font-weight: 800; } .gp-entry-content, .gp-entry-text { color: #d6d9e0; font-size: 17px; } .gp-entry-content img, .gp-entry-text img { border-radius: 8px; max-width: 100%; height: auto; } .gp-entry-content blockquote, blockquote { background: var(--gmx-surface) !important; border-left: 4px solid var(--gmx-orange) !important; color: var(--gmx-text) !important; border-radius: 0 var(--gmx-radius) var(--gmx-radius) 0; padding: 16px 20px; } .gp-entry-tags a, .tagcloud a { background: var(--gmx-surface-2) !important; color: var(--gmx-text) !important; border: 1px solid var(--gmx-border) !important; border-radius: 999px; padding: 3px 12px; font-size: 12px !important; } .gp-entry-tags a:hover, .tagcloud a:hover { border-color: var(--gmx-orange) !important; color: var(--gmx-orange) !important; } .gp-author-info, .gp-related-wrapper { background: var(--gmx-surface) !important; border: 1px solid var(--gmx-border) !important; border-radius: var(--gmx-radius); color: var(--gmx-text) !important; } /* Video embeds + restored GameManx videos */ .gp-entry-content iframe[src*="youtube"], .gp-entry-content iframe[src*="vimeo"], .wp-block-embed iframe, .gmx-video video { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; border-radius: var(--gmx-radius); background: #000; } .gmx-video { margin: 0 0 1.25em; } .gmx-video-unavailable { background: var(--gmx-surface); border: 1px dashed var(--gmx-border); border-radius: var(--gmx-radius); padding: 14px 16px; color: var(--gmx-muted) !important; font-size: 14px; } .gmx-video-unavailable::before { content: "▶ "; color: var(--gmx-orange); font-style: normal; } /* ---- Sidebar widgets ----------------------------------------------------- */ #gp-sidebar .widget, #gp-sidebar .gp-widget, .wpb_widgetised_column .widget { background: var(--gmx-surface) !important; border: 1px solid var(--gmx-border) !important; border-radius: var(--gmx-radius); padding: 18px 18px 8px; margin-bottom: 22px; } #gp-sidebar .widgettitle, #gp-sidebar .widget-title, #gp-sidebar h3, .wpb_widgetised_column .widgettitle, .wpb_widgetised_column .widget-title { font-size: 15px !important; text-transform: uppercase; letter-spacing: .08em; color: #fff !important; border: 0 !important; padding: 0 0 10px !important; margin-bottom: 12px !important; position: relative; } #gp-sidebar .widgettitle::after, #gp-sidebar .widget-title::after, #gp-sidebar h3::after, .wpb_widgetised_column .widgettitle::after, .wpb_widgetised_column .widget-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 36px; height: 3px; border-radius: 3px; background: var(--gmx-orange); } #gp-sidebar li, .wpb_widgetised_column li { border-color: var(--gmx-border) !important; color: var(--gmx-text); } #gp-sidebar a, .wpb_widgetised_column a { color: var(--gmx-text) !important; } #gp-sidebar a:hover, .wpb_widgetised_column a:hover { color: var(--gmx-orange) !important; } /* ---- Forms + buttons ----------------------------------------------------- */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], textarea, select { background: var(--gmx-surface-2) !important; color: var(--gmx-text) !important; border: 1px solid var(--gmx-border) !important; border-radius: 8px !important; box-shadow: none !important; } input:focus, textarea:focus, select:focus { border-color: var(--gmx-orange) !important; outline: 2px solid rgba(255, 122, 26, .25); outline-offset: 0; } input[type="submit"], button, .button, .gp-button, .wp-block-button__link, #bbpress-forums .button, #buddypress .generic-button a, #buddypress input[type="submit"], .comment-reply-link { background: var(--gmx-orange) !important; color: #111 !important; border: 0 !important; border-radius: 8px !important; font-family: var(--gmx-font-head) !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .05em; box-shadow: none !important; text-shadow: none !important; } input[type="submit"]:hover, button:hover, .button:hover, .gp-button:hover, .comment-reply-link:hover { background: var(--gmx-orange-2) !important; color: #111 !important; } /* ---- Pagination ----------------------------------------------------------- */ .gp-pagination ul li a, .gp-pagination ul li span, .page-numbers, .bbp-pagination-links a, .bbp-pagination-links span { background: var(--gmx-surface) !important; color: var(--gmx-text) !important; border: 1px solid var(--gmx-border) !important; border-radius: 8px !important; } .gp-pagination ul li span.current, .page-numbers.current, .bbp-pagination-links span.current { background: var(--gmx-orange) !important; color: #111 !important; border-color: var(--gmx-orange) !important; } /* ---- Comments --------------------------------------------------------------- */ #comments, .comment-body, .commentlist li { background: transparent !important; color: var(--gmx-text) !important; border-color: var(--gmx-border) !important; } .comment-body { background: var(--gmx-surface) !important; border: 1px solid var(--gmx-border) !important; border-radius: var(--gmx-radius); padding: 16px; } /* ---- Footer -------------------------------------------------------------- */ #gp-footer, #gp-footer-3d { background: #08090a !important; border-top: 1px solid var(--gmx-border); } #gp-footer, #gp-footer p, #gp-footer li { color: var(--gmx-muted) !important; } #gp-footer a { color: var(--gmx-text) !important; } #gp-footer a:hover { color: var(--gmx-orange) !important; } #gp-copyright { background: #060708 !important; color: var(--gmx-muted) !important; border-top: 1px solid var(--gmx-border); } #gp-copyright a { color: var(--gmx-text) !important; } #gp-footer-nav a { text-transform: uppercase; letter-spacing: .06em; font-size: 12px; } /* ---- bbPress -------------------------------------------------------------- */ #bbpress-forums { color: var(--gmx-text); } #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-search-results { border: 1px solid var(--gmx-border) !important; border-radius: var(--gmx-radius); overflow: hidden; background: var(--gmx-surface) !important; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { background: var(--gmx-surface-2) !important; color: var(--gmx-muted) !important; border-color: var(--gmx-border) !important; font-family: var(--gmx-font-head); text-transform: uppercase; letter-spacing: .06em; font-size: 12px; } #bbpress-forums li.bbp-header a { color: var(--gmx-muted) !important; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums div.odd, #bbpress-forums ul.odd, #bbpress-forums div.even, #bbpress-forums ul.even, #bbpress-forums div.bbp-reply-header, #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header { background: var(--gmx-surface) !important; border-color: var(--gmx-border) !important; color: var(--gmx-text) !important; } #bbpress-forums div.bbp-reply-header, #bbpress-forums div.bbp-topic-header { background: var(--gmx-surface-2) !important; } #bbpress-forums li.bbp-body ul.forum:hover, #bbpress-forums li.bbp-body ul.topic:hover { background: var(--gmx-surface-2) !important; } #bbpress-forums a.bbp-forum-title, #bbpress-forums a.bbp-topic-permalink { color: #fff !important; font-weight: 600; } #bbpress-forums a.bbp-forum-title:hover, #bbpress-forums a.bbp-topic-permalink:hover { color: var(--gmx-orange) !important; } #bbpress-forums .bbp-forum-content, #bbpress-forums .bbp-topic-meta, #bbpress-forums .bbp-reply-post-date, #bbpress-forums .bbp-forum-freshness, #bbpress-forums .bbp-topic-freshness, #bbpress-forums .bbp-author-role { color: var(--gmx-muted) !important; } #bbpress-forums .bbp-reply-content, #bbpress-forums .bbp-topic-content { color: #d6d9e0 !important; font-size: 16px; } #bbpress-forums .bbp-author-role, .gp-forum-role { background: rgba(79, 196, 227, .12) !important; color: var(--gmx-cyan) !important; border-radius: 999px; padding: 1px 8px; } #bbpress-forums .bbp-signature { color: var(--gmx-muted); border-top: 1px dashed var(--gmx-border); padding-top: 8px; font-size: 13px; } #bbpress-forums div.bbp-template-notice, .bbp-template-notice { background: var(--gmx-surface-2) !important; border: 1px solid var(--gmx-border) !important; color: var(--gmx-text) !important; border-radius: var(--gmx-radius); } #bbpress-forums fieldset.bbp-form { border-color: var(--gmx-border) !important; border-radius: var(--gmx-radius); } #bbpress-forums .quote, #bbpress-forums blockquote { background: var(--gmx-surface-2) !important; } /* ---- BuddyPress ------------------------------------------------------------ */ #buddypress div.item-list-tabs, #buddypress div.item-list-tabs ul li a, #buddypress ul.item-list li, #buddypress div#item-header, #buddypress table, #buddypress table td, #buddypress table th { background: transparent !important; color: var(--gmx-text) !important; border-color: var(--gmx-border) !important; } #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a { background: var(--gmx-orange) !important; color: #111 !important; border-radius: 8px 8px 0 0; } #buddypress ul.item-list li { background: var(--gmx-surface) !important; border: 1px solid var(--gmx-border) !important; border-radius: var(--gmx-radius); margin-bottom: 10px; padding: 12px !important; } /* ---- Screenshot galleries (core gallery block) ------------------------------ */ .wp-block-gallery.has-nested-images figure.wp-block-image img { border-radius: 8px; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)) !important; font-size: 12px; } /* ---- Mobile nav ------------------------------------------------------------ */ #gp-mobile-nav, #gp-mobile-nav-bg { background: var(--gmx-bg) !important; } #gp-mobile-nav a { color: var(--gmx-text) !important; border-color: var(--gmx-border) !important; } #gp-mobile-nav-button { color: #fff !important; } /* ---- Misc ------------------------------------------------------------------ */ #gp-back-to-top, .gp-back-to-top { background: var(--gmx-orange) !important; color: #111 !important; border-radius: 999px !important; } .gp-filter, .gp-filter select { background: var(--gmx-surface) !important; color: var(--gmx-text) !important; border-color: var(--gmx-border) !important; } table, th, td { border-color: var(--gmx-border) !important; } th { background: var(--gmx-surface-2) !important; color: #fff !important; } /* bbPress widgets: small muted timestamps, roomy rows */ .widget_display_topics li, .widget_display_replies li { padding: 8px 0 !important; border-bottom: 1px solid var(--gmx-border); list-style: none; } .widget_display_topics li:last-child, .widget_display_replies li:last-child { border-bottom: 0; } .widget_display_topics .bbp-forum-title, .widget_display_topics a.bbp-forum-title, .widget_display_replies a.bbp-reply-topic-title { font-weight: 600; } .widget_display_topics div, .widget_display_replies div, .widget_display_topics time { color: var(--gmx-muted) !important; font-size: 12px; } /* Homepage hero: first row of three big cards */ .gmx-hero .gp-post-thumbnail .gp-loop-title { font-size: 20px !important; } .gmx-hero .gp-loop-content { padding: 10px 16px 14px !important; } /* bbPress forum index rows (Gauge "forum home" layout) */ #bbpress-forums .bbp-forums-list li.odd-forum-row, #bbpress-forums .bbp-forums-list li.even-forum-row, #bbpress-forums .gp-forum-home li.bbp-body ul.forum, #bbpress-forums .gp-forum-home .bbp-has-subforums .bbp-forum-info > .bbp-forum-title { background: var(--gmx-surface) !important; color: var(--gmx-text) !important; border-color: var(--gmx-border) !important; } #bbpress-forums .gp-forum-home.bbp-forums .bbp-has-subforums .bbp-forum-info > .bbp-forum-title, #bbpress-forums .bbp-topics .bbp-header, #bbpress-forums .bbp-replies .bbp-header, #bbpress-forums .bbp-search-results .bbp-header { background: var(--gmx-surface-2) !important; color: #fff !important; } #bbpress-forums .bbp-forums-list .bbp-forum .bbp-forum-link, body.forum #bbpress-forums .bbp-forums .bbp-forum-info > .bbp-forum-title, #bbpress-forums .gp-forum-home.bbp-forums .bbp-forum-info > .bbp-forum-title, #bbpress-forums .bbp-topics .bbp-topic-permalink { color: #fff !important; } #bbpress-forums .bbp-forums-list li.odd-forum-row:hover, #bbpress-forums .bbp-forums-list li.even-forum-row:hover { background: var(--gmx-surface-2) !important; } #bbpress-forums .topic-reply-counts { color: var(--gmx-muted) !important; } /* Footer: drop Gauge's decorative orange "bend" when there are no footer widgets */ .gp-first-widget-bend { display: none !important; } #gp-footer-widgets:empty, #gp-footer-widgets .gp-container:empty { display: none; } /* Header search: readable on the dark top bar */ #gp-main-header .searchform .gp-search-bar { background: var(--gmx-surface-2) !important; border-color: #3a3f48 !important; color: var(--gmx-text) !important; } #gp-main-header .searchform .gp-search-bar::placeholder, .gp-search-bar::placeholder { color: var(--gmx-muted) !important; opacity: 1; } #gp-main-header .searchform .gp-search-bar:focus { border-color: var(--gmx-orange) !important; } #gp-main-header .searchform .gp-search-submit { color: var(--gmx-orange) !important; } /* ========================================================================== ENDSCREEN Network language: mono "system" labels, // separators, [ BRACKETED ] small actions. Headlines and body copy stay Chakra/Inter. ========================================================================== */ .gp-loop-meta, .gp-entry-meta, .gp-post-meta, .gp-loop-meta a, .gp-entry-meta a, #bbpress-forums .bbp-topic-meta, #bbpress-forums .bbp-reply-post-date, #bbpress-forums li.bbp-header, .widget_display_topics div, .widget_display_replies div, #gp-breadcrumbs, #gp-copyright, #gp-footer-nav a, .gp-see-all-link a, .gp-read-more, .gmx-video-unavailable { font-family: var(--gmx-font-mono) !important; } .gp-loop-meta, .gp-entry-meta { font-size: 12px !important; letter-spacing: .04em; } /* Swap Gauge's meta icons for // separators */ .gp-loop-meta .gp-post-meta::before, .gp-entry-meta .gp-post-meta::before { content: none !important; } .gp-loop-meta .gp-post-meta + .gp-post-meta::before, .gp-entry-meta .gp-post-meta + .gp-post-meta::before { content: "//" !important; font-family: var(--gmx-font-mono) !important; color: #4a505c; margin: 0 8px 0 0; display: inline; } .gp-loop-meta .gp-post-meta, .gp-entry-meta .gp-post-meta { margin-right: 8px !important; padding-left: 0 !important; } .gp-loop-meta .gp-post-meta i, .gp-entry-meta .gp-post-meta i { display: none !important; } /* Section labels: // LATEST NEWS */ .gp-element-title h3 { font-family: var(--gmx-font-mono) !important; font-size: 14px !important; font-weight: 700; letter-spacing: .14em !important; } .gp-element-title h3::before { content: "// " !important; width: auto !important; height: auto !important; background: none !important; color: var(--gmx-orange); margin: 0 !important; display: inline !important; } #gp-sidebar .widgettitle, #gp-sidebar .widget-title, .wpb_widgetised_column .widgettitle, .wpb_widgetised_column .widget-title { font-family: var(--gmx-font-mono) !important; font-size: 13px !important; letter-spacing: .14em !important; } /* [ BRACKETED ] small actions */ .gp-see-all-link a::before { content: "[ "; color: var(--gmx-orange); } .gp-see-all-link a::after { content: " ]" !important; color: var(--gmx-orange); font-family: var(--gmx-font-mono) !important; } .gp-see-all-link a i, .gp-see-all-link a .fa { display: none !important; } .gp-read-more { text-transform: uppercase; font-size: 12px; letter-spacing: .06em; white-space: nowrap; } #gp-footer-nav a::before { content: "[ "; color: #4a505c; } #gp-footer-nav a::after { content: " ]"; color: #4a505c; } /* Buttons keep the heading face */ input[type="submit"], button, .button, .gp-button { font-family: var(--gmx-font-head) !important; } /* Brackets replace Gauge's own separators/arrows */ .gp-see-all-link::after, .gp-see-all-link::before { content: none !important; display: none !important; } #gp-footer-nav li::before { content: none !important; display: none !important; } #gp-footer-nav li { margin-left: 14px !important; } /* Gauge paints section headings (Related, Leave a Reply) with a white box */ .gp-post-section-header h3, #reply-title, .gp-related-wrapper .gp-post-section-header h3 { background: var(--gmx-bg) !important; color: #fff !important; font-family: var(--gmx-font-mono) !important; font-size: 14px !important; letter-spacing: .14em; text-transform: uppercase; padding-right: 12px !important; } .gp-post-section-header h3::before, #reply-title::before { content: "// "; color: var(--gmx-orange); } /* Empty 3D footer band (no footer widgets in use) */ #gp-footer-3d { display: none !important; } /* Section headers: more air around the title/"see all" row, its rule, and the content below */ .gp-element-title { padding: 4px 0 14px !important; margin-bottom: 28px !important; min-height: 0 !important; } .gp-element-title h3, .gp-element-title .gp-see-all-link { line-height: 1.5 !important; margin: 0 !important; } .gp-element-title .gp-see-all-link { top: 4px !important; } .gp-element-title-line { display: none !important; } /* the border-bottom above is the single rule */ .wpb_widgetised_column + .wpb_widgetised_column, .wpb_widgetised_column + .gp-blog-wrapper, .gp-blog-wrapper + .wpb_widgetised_column { margin-top: 28px; } /* ========================================================================== bbPress lists: row definition (dividers, zebra, hover accent, badges) ========================================================================== */ #bbpress-forums ul.bbp-topics li.bbp-body > ul, #bbpress-forums ul.bbp-forums li.bbp-body > ul, #bbpress-forums ul.bbp-search-results li.bbp-body > div, #bbpress-forums .bbp-forums-list li.odd-forum-row, #bbpress-forums .bbp-forums-list li.even-forum-row { border-bottom: 1px solid var(--gmx-border) !important; padding-top: 14px !important; padding-bottom: 14px !important; transition: background-color .15s ease, box-shadow .15s ease; } #bbpress-forums li.bbp-body > ul:last-child { border-bottom: 0 !important; } /* Zebra: every other row a touch lighter */ #bbpress-forums ul.bbp-topics li.bbp-body > ul.even, #bbpress-forums ul.bbp-forums li.bbp-body > ul.even, #bbpress-forums .bbp-forums-list li.even-forum-row { background: #1a1c21 !important; } #bbpress-forums ul.bbp-topics li.bbp-body > ul.odd, #bbpress-forums ul.bbp-forums li.bbp-body > ul.odd, #bbpress-forums .bbp-forums-list li.odd-forum-row { background: var(--gmx-surface) !important; } /* Hover: lift + orange accent bar on the left edge */ #bbpress-forums ul.bbp-topics li.bbp-body > ul:hover, #bbpress-forums ul.bbp-forums li.bbp-body > ul:hover, #bbpress-forums .bbp-forums-list li.odd-forum-row:hover, #bbpress-forums .bbp-forums-list li.even-forum-row:hover { background: var(--gmx-surface-2) !important; box-shadow: inset 3px 0 0 var(--gmx-orange); } /* Header row: firmer separation from the list */ #bbpress-forums li.bbp-header { border-bottom: 1px solid #3a3f48 !important; padding-top: 12px !important; padding-bottom: 12px !important; } /* Title column */ #bbpress-forums li.bbp-topic-title, #bbpress-forums li.bbp-forum-info { padding-left: 18px !important; } #bbpress-forums li.bbp-topic-title a.bbp-topic-permalink, #bbpress-forums a.bbp-forum-title { font-size: 15px; line-height: 1.35; } #bbpress-forums .bbp-topic-meta .bbp-topic-started-by, #bbpress-forums .bbp-topic-meta { font-size: 11px; margin-top: 4px; } #bbpress-forums .bbp-topic-started-by a, #bbpress-forums .bbp-topic-freshness-author a, #bbpress-forums .bbp-forum-freshness .bbp-author-link { color: var(--gmx-orange) !important; } /* Page links inside titles (1 2 … 45 46) as small chips */ #bbpress-forums .bbp-topic-pagination { margin-left: 8px; } #bbpress-forums .bbp-topic-pagination a, #bbpress-forums .bbp-topic-pagination span { display: inline-block; min-width: 20px; padding: 0 5px; margin: 0 1px; border: 1px solid var(--gmx-border); border-radius: 4px; font: 500 10px/18px var(--gmx-font-mono); text-align: center; color: var(--gmx-muted) !important; background: transparent; } #bbpress-forums .bbp-topic-pagination a:hover { border-color: var(--gmx-orange); color: var(--gmx-orange) !important; } /* Count columns: mono, centred, quieter */ #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-topic-reply-count, #bbpress-forums li.bbp-forum-topic-count, #bbpress-forums li.bbp-forum-reply-count { font-family: var(--gmx-font-mono); font-size: 13px; color: var(--gmx-text); text-align: center; } #bbpress-forums li.bbp-body li.bbp-topic-voice-count, #bbpress-forums li.bbp-body li.bbp-forum-topic-count { color: var(--gmx-muted); } #bbpress-forums li.bbp-topic-freshness, #bbpress-forums li.bbp-forum-freshness { font-size: 12px; } #bbpress-forums li.bbp-topic-freshness > a, #bbpress-forums li.bbp-forum-freshness > a { color: var(--gmx-muted) !important; font-family: var(--gmx-font-mono); font-size: 11px; } /* Pinned + locked threads */ #bbpress-forums ul.topic.sticky, #bbpress-forums ul.topic.super-sticky { background: linear-gradient(90deg, rgba(255, 122, 26, .07), rgba(255, 122, 26, 0) 60%), var(--gmx-surface) !important; } #bbpress-forums ul.topic.sticky a.bbp-topic-permalink::before, #bbpress-forums ul.topic.super-sticky a.bbp-topic-permalink::before, #bbpress-forums ul.topic.status-closed a.bbp-topic-permalink::before { display: inline-block; margin-right: 8px; padding: 0 6px; border-radius: 4px; vertical-align: 1px; font: 700 9px/16px var(--gmx-font-mono); letter-spacing: .1em; } #bbpress-forums ul.topic.sticky a.bbp-topic-permalink::before, #bbpress-forums ul.topic.super-sticky a.bbp-topic-permalink::before { content: "PINNED"; color: var(--gmx-orange); border: 1px solid rgba(255, 122, 26, .5); } #bbpress-forums ul.topic.status-closed a.bbp-topic-permalink::before { content: "LOCKED"; color: var(--gmx-muted); border: 1px solid var(--gmx-border); } #bbpress-forums ul.topic.status-closed a.bbp-topic-permalink { color: #c4c8d0 !important; } /* Topic view: each reply reads as its own card */ #bbpress-forums ul.bbp-replies > li.bbp-body > div, #bbpress-forums ul.bbp-lead-topic > li.bbp-body > div { border-bottom: 1px solid var(--gmx-border) !important; } #bbpress-forums div.bbp-reply-header, #bbpress-forums div.bbp-topic-header { border-top: 1px solid #3a3f48 !important; border-bottom: 1px solid var(--gmx-border) !important; } #bbpress-forums div.bbp-reply-author, #bbpress-forums div.bbp-topic-author { border-right: 1px solid var(--gmx-border); } #bbpress-forums div.even.reply, #bbpress-forums div.even.topic { background: #1a1c21 !important; } #bbpress-forums ul.bbp-topics li.bbp-body > ul, #bbpress-forums ul.bbp-forums li.bbp-body > ul { padding-top: 10px !important; padding-bottom: 10px !important; } /* bbPress default light borders → theme colours */ #bbpress-forums ul.bbp-forums-list { border-left: 0 !important; } #bbpress-forums img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar { border-color: var(--gmx-border) !important; border-radius: 4px; } /* ========================================================================== bbPress per-post admin links: Edit | Move | Split | Trash | Spam | Unapprove | Reply | Quote Pipes are bare text nodes, so the container's font-size is zeroed and restored on the links. ========================================================================== */ #bbpress-forums .bbp-admin-links { font-size: 0 !important; color: transparent !important; display: inline-flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 4px; } #bbpress-forums .bbp-admin-links a { display: inline-block; font: 600 10px/1 var(--gmx-font-mono) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--gmx-muted) !important; background: transparent; border: 1px solid var(--gmx-border); border-radius: 5px; padding: 5px 7px; text-decoration: none !important; transition: color .15s, border-color .15s, background-color .15s, opacity .15s; } #bbpress-forums .bbp-admin-links a:hover, #bbpress-forums .bbp-admin-links a:focus-visible { color: var(--gmx-text) !important; border-color: #4a505c; background: var(--gmx-surface-2); outline: none; } /* Destructive */ #bbpress-forums .bbp-admin-links a[class*="trash-link"]:hover, #bbpress-forums .bbp-admin-links a[class*="spam-link"]:hover, #bbpress-forums .bbp-admin-links a[class*="delete-link"]:hover { color: #ff6b5e !important; border-color: rgba(255, 107, 94, .55); background: rgba(255, 107, 94, .08); } /* Primary actions: Reply + Quote, set apart from moderation tools */ #bbpress-forums .bbp-admin-links a.bbp-reply-to-link, #bbpress-forums .bbp-admin-links a.bbp-topic-reply-link, #bbpress-forums .bbp-admin-links a.d4p-bbt-quote-link { color: var(--gmx-orange) !important; border-color: rgba(255, 122, 26, .45); } #bbpress-forums .bbp-admin-links a.bbp-reply-to-link, #bbpress-forums .bbp-admin-links a.bbp-topic-reply-link { margin-left: 10px; } #bbpress-forums .bbp-admin-links a.bbp-reply-to-link:hover, #bbpress-forums .bbp-admin-links a.bbp-topic-reply-link:hover, #bbpress-forums .bbp-admin-links a.d4p-bbt-quote-link:hover { color: #111 !important; background: var(--gmx-orange); border-color: var(--gmx-orange); } /* Moderation tools recede until the post is hovered (mouse devices only; always visible on touch) */ @media (hover: hover) { #bbpress-forums .bbp-admin-links a:not(.bbp-reply-to-link):not(.bbp-topic-reply-link):not(.d4p-bbt-quote-link) { opacity: .55; } #bbpress-forums .bbp-reply-header:hover .bbp-admin-links a, #bbpress-forums .bbp-topic-header:hover .bbp-admin-links a, #bbpress-forums .bbp-admin-links a:focus-visible { opacity: 1; } } /* Header bar: date on the left, actions + post number on the right, vertically centred */ #bbpress-forums div.bbp-reply-header .bbp-meta, #bbpress-forums div.bbp-topic-header .bbp-meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } #bbpress-forums .bbp-meta .bbp-admin-links { margin-left: auto; float: none !important; } #bbpress-forums .bbp-meta a.bbp-reply-permalink, #bbpress-forums .bbp-meta a.bbp-topic-permalink { order: 99; font: 500 11px var(--gmx-font-mono); color: var(--gmx-muted) !important; float: none !important; } /* ========================================================================== Pagination (bbPress + Gauge archives) as mono chips ========================================================================== */ .bbp-pagination-links, ul.page-numbers, .gp-pagination ul { display: inline-flex !important; flex-wrap: wrap; gap: 4px; align-items: center; font-size: 0 !important; } .bbp-pagination-links .page-numbers, ul.page-numbers .page-numbers, .gp-pagination ul li a, .gp-pagination ul li span { display: inline-flex !important; align-items: center; justify-content: center; min-width: 30px; height: 30px; padding: 0 8px !important; font: 600 12px/1 var(--gmx-font-mono) !important; color: var(--gmx-muted) !important; background: var(--gmx-surface) !important; border: 1px solid var(--gmx-border) !important; border-radius: 6px !important; text-decoration: none !important; transition: color .15s, border-color .15s, background-color .15s; float: none !important; margin: 0 !important; } .bbp-pagination-links a.page-numbers:hover, ul.page-numbers a.page-numbers:hover, .gp-pagination ul li a:hover { color: var(--gmx-text) !important; border-color: #4a505c !important; background: var(--gmx-surface-2) !important; } .bbp-pagination-links .page-numbers.current, ul.page-numbers .page-numbers.current, ul.page-numbers > span.page-numbers:not(.dots), .gp-pagination ul li span.current { color: #111 !important; background: var(--gmx-orange) !important; border-color: var(--gmx-orange) !important; } .bbp-pagination-links .page-numbers.dots, ul.page-numbers .page-numbers.dots { background: transparent !important; border-color: transparent !important; min-width: 16px; padding: 0 !important; } .bbp-pagination-links .next, .bbp-pagination-links .prev, ul.page-numbers .next, ul.page-numbers .prev { color: var(--gmx-orange) !important; } ul.page-numbers li { margin: 0 !important; float: none !important; list-style: none; } .bbp-pagination-count { font-family: var(--gmx-font-mono); font-size: 12px !important; color: var(--gmx-muted) !important; } .bbp-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 14px 0 !important; } /* ========================================================================== Subscribe / Favorite toggles (bbPress + bbp style pack button) ========================================================================== */ *:has(> #favorite-toggle), *:has(> #subscription-toggle) { font-size: 0 !important; } #favorite-toggle, #subscription-toggle { display: inline-block; margin-left: 6px; } #favorite-toggle a, #subscription-toggle a, a.subscription-toggle, a.favorite-toggle, .bsp_button1, a.bsp_button1 { display: inline-flex !important; align-items: center; gap: 6px; height: 30px; padding: 0 12px !important; font: 700 11px/1 var(--gmx-font-mono) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--gmx-orange) !important; background: transparent !important; border: 1px solid rgba(255, 122, 26, .5) !important; border-radius: 6px !important; box-shadow: none !important; text-shadow: none !important; text-decoration: none !important; transition: color .15s, background-color .15s, border-color .15s; } #subscription-toggle a::before, a.subscription-toggle::before { content: "+"; font-weight: 700; } #favorite-toggle a::before, a.favorite-toggle::before { content: "\2605"; font-size: 12px; } #favorite-toggle a:hover, #subscription-toggle a:hover, a.subscription-toggle:hover, a.favorite-toggle:hover, .bsp_button1:hover { color: #111 !important; background: var(--gmx-orange) !important; border-color: var(--gmx-orange) !important; } /* Active state: already subscribed / favourited */ #subscription-toggle a.is-subscribed, a.subscription-toggle.is-subscribed, #favorite-toggle a.is-favorite, a.favorite-toggle.is-favorite { color: #111 !important; background: var(--gmx-orange) !important; border-color: var(--gmx-orange) !important; } #subscription-toggle a.is-subscribed::before, a.subscription-toggle.is-subscribed::before { content: "\2713"; } /* The archive