/* Platform UIX 1.0.42 - CB Activity Module + GroupJive Events Surface Correction Evidence base: - plug_cbactivity 6.2.0 templates/default/activity/new.php - plug_cbactivity 6.2.0 templates/default/activity/container.php - plug_cbactivity 6.2.0 templates/default/comments/new.php - plug_cbactivity 6.2.0 templates/default/comments/container.php - plug_cbactivity 6.2.0 templates/default/template.css Scope: visual-only adapter for CB Activity module activity stream. No CB, GroupJive, YooTheme, Bootstrap or UIkit core overrides. */ body .cb_template.cbActivityModuleActivity { --uix-surface-bg: rgba(255,255,255,.70); --uix-surface-border: 1px solid rgba(31,41,55,.10); --uix-surface-radius: 28px; --uix-surface-shadow: 0 16px 44px rgba(15,23,42,.08); --uix-surface-blur: 18px; --uix-text: #1f2933; --uix-muted: #6b7280; --uix-link: #666666; --uix-inset-x: clamp(1.05rem, 2.15vw, 1.75rem); --uix-control-h: 2.42rem; --uix-control-icon: 2.42rem; --uix-control-pad-x: 1rem; --uix-control-gap: .42rem; --uix-control-bg: rgba(255,255,255,.88); --uix-control-border: 1px solid rgba(31,41,55,.10); --uix-control-shadow: 0 4px 12px rgba(15,23,42,.025); } /* Confirmed CB Activity stream roots. */ body .cb_template.cbActivityModuleActivity .activityStream, body .cb_template.cbActivityModuleActivity .activityStream .streamItem, body .cb_template.cbActivityModuleActivity .activityStream .activityContainer { color: var(--uix-text) !important; } /* Confirmed divider from activity/container.php and DevTools:
Origin rules observed: .cb_template .border-top, .cb_template .ml-n2, .cb_template .mr-n2. */ body .cb_template.cbActivityModuleActivity .activityStream .streamItemDivider, body .cb_template.cbActivityModuleActivity .activityStream .border-top.streamItemDivider { display: none !important; border: 0 !important; margin: 0 !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; } /* Activity composer shell from activity/new.php. */ body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew.streamContainerNew { background: var(--uix-surface-bg) !important; border: var(--uix-surface-border) !important; border-radius: var(--uix-surface-radius) !important; box-shadow: var(--uix-surface-shadow) !important; -webkit-backdrop-filter: blur(var(--uix-surface-blur)); backdrop-filter: blur(var(--uix-surface-blur)); overflow: hidden !important; padding: 0 !important; } body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew .activityContainerForm, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew .streamItemInputGroup, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew .streamInputMessageContainer, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew .streamInputMessageThemeContainer, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew .streamInputMessageActions, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew .streamInputMessageCaptcha { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } /* Inactive activity composer: one line only. Do not expand via :focus-within. */ body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew:not(.streamItemActive) .streamInputMessage { min-height: 3.15rem !important; height: 3.15rem !important; max-height: 3.15rem !important; padding: 0 var(--uix-inset-x) !important; display: flex !important; align-items: center !important; overflow: hidden !important; line-height: 1.25 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew:not(.streamItemActive) .activityContainerFooter, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew:not(.streamItemActive) .activityContainerFooterRowActions, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew:not(.streamItemActive) .activityContainerFooterRowButtons, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew:not(.streamItemActive) .streamInputMessageActions, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew:not(.streamItemActive) .streamInputMessageCaptcha { display: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; height: 0 !important; min-height: 0 !important; } /* Expanded activity composer only when CB supplies streamItemActive. */ body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew.streamItemActive .streamInputMessage { min-height: 4.05rem !important; height: auto !important; max-height: 10rem !important; padding: .85rem var(--uix-inset-x) !important; line-height: 1.35 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: auto !important; } body .cb_template.cbActivityModuleActivity .activityContainerFooter { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-top: 0 !important; box-shadow: none !important; } /* Browser-confirmed remaining footer comment divider:
Origin rule observed: .cb_template .border-top { border-top: 1px solid #dee2e6 !important; } Keep the comments wrapper visible; remove only the injected border line. */ body .cb_template.cbActivityModuleActivity .activityStream .activityContainerFooter > .activityFooterComments.border-top, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerFooter > .border-top.activityFooterComments, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerFooter > .activityFooterComments.streamToggleOpen.border-top { border-top: 0 !important; border-width: 0 !important; box-shadow: none !important; } body .cb_template.cbActivityModuleActivity .activityContainerFooterRowActions, body .cb_template.cbActivityModuleActivity .activityContainerFooterRowButtons { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew.streamItemActive .activityContainerFooter:not(.hidden) { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: var(--uix-control-gap) !important; padding: .32rem .55rem .55rem !important; margin: 0 !important; } body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowActions, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowButtons { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: var(--uix-control-gap) !important; min-width: 0 !important; width: auto !important; } body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowActions { flex: 1 1 auto !important; justify-content: space-between !important; } body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowButtons { flex: 0 0 auto !important; justify-content: flex-end !important; margin-left: auto !important; } /* Scoped CB Activity composer buttons from activity/new.php and observed streamToggle buttons. */ body .cb_template.cbActivityModuleActivity .activityContainerFooterRowActions .btn, body .cb_template.cbActivityModuleActivity .activityContainerFooterRowButtons .btn, body .cb_template.cbActivityModuleActivity .activityContainerFooterRowActions .streamToggle, body .cb_template.cbActivityModuleActivity .activityContainerFooterRowButtons .streamToggle, body .cb_template.cbActivityModuleActivity .activityContainerFooterRowActions .streamPollButton, body .cb_template.cbActivityModuleActivity .activityContainerFooterRowButtons .streamItemNewSave, body .cb_template.cbActivityModuleActivity .activityContainerFooterRowButtons .streamItemNewCancel { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; width: auto !important; min-height: var(--uix-control-h) !important; height: var(--uix-control-h) !important; max-height: var(--uix-control-h) !important; padding: 0 var(--uix-control-pad-x) !important; margin: 0 !important; border: var(--uix-control-border) !important; border-radius: 999px !important; background: var(--uix-control-bg) !important; background-color: var(--uix-control-bg) !important; background-image: none !important; box-shadow: var(--uix-control-shadow) !important; color: var(--uix-text) !important; line-height: 1 !important; vertical-align: middle !important; white-space: nowrap !important; opacity: 1 !important; } body .cb_template.cbActivityModuleActivity .activityContainerFooterRowActions .streamPollButton { width: var(--uix-control-icon) !important; min-width: var(--uix-control-icon) !important; max-width: var(--uix-control-icon) !important; padding: 0 !important; } body .cb_template.cbActivityModuleActivity .activityContainerFooterRowButtons .streamItemNewCancel:empty { display: none !important; } /* Existing activity cards from activity/container.php. */ body .cb_template.cbActivityModuleActivity .activityStream .streamItem.activityContainer:not(.activityContainerNew) { background: var(--uix-surface-bg) !important; border: var(--uix-surface-border) !important; border-radius: var(--uix-surface-radius) !important; box-shadow: var(--uix-surface-shadow) !important; -webkit-backdrop-filter: blur(var(--uix-surface-blur)); backdrop-filter: blur(var(--uix-surface-blur)); overflow: hidden !important; } /* Browser-confirmed issue after 1.0.40: activity message text was too close to the card edge. Template evidence: activity/container.php renders the post body inside .streamItem.activityContainer > .activityContainerMain > .activityContainerMessage > .streamItemContent. Apply inset only to existing activity cards and their confirmed content blocks; do not touch composer, buttons, Bootstrap, UIkit, or global cards. */ body .cb_template.cbActivityModuleActivity .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain, body .cb_template.cbActivityModuleActivity .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain > .activityContainerMessage, body .cb_template.cbActivityModuleActivity .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain > .activityContainerContent { padding-left: var(--uix-inset-x) !important; padding-right: var(--uix-inset-x) !important; } body .cb_template.cbActivityModuleActivity .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain > .activityContainerMessage.streamMessageTheme, body .cb_template.cbActivityModuleActivity .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain > .activityContainerMedia { padding-left: 0 !important; padding-right: 0 !important; } body .cb_template.cbActivityModuleActivity .activityStream .activityContainerMain, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerMessage, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerMessage .streamItemContent, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerMessage .cbMoreLessContent, body .cb_template.cbActivityModuleActivity .activityStream .streamMessageTheme { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } /* Comment area from comments/new.php and comments/container.php. */ body .cb_template.cbActivityModuleActivity .commentsStream, body .cb_template.cbActivityModuleActivity .commentsStreamItems, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainer, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerMain, body .cb_template.cbActivityModuleActivity .commentsStream .commentMessageContainer, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerMessage, body .cb_template.cbActivityModuleActivity .commentsStream .streamItemContent, body .cb_template.cbActivityModuleActivity .commentsStream .cbMoreLessContent, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerFooter, body .cb_template.cbActivityModuleActivity .commentsStream .streamItemActionContainer { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body .cb_template.cbActivityModuleActivity .commentsStream .streamFooterDivider, body .cb_template.cbActivityModuleActivity .commentsStream .border-top.streamFooterDivider { display: none !important; border: 0 !important; margin: 0 !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; } body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; padding: .45rem 0 !important; } body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessageContainer { background: rgba(255,255,255,.82) !important; background-color: rgba(255,255,255,.82) !important; background-image: none !important; border: var(--uix-control-border) !important; border-radius: 999px !important; box-shadow: none !important; min-height: 2.72rem !important; height: 2.72rem !important; max-height: 2.72rem !important; padding: .16rem .22rem .16rem .85rem !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: .28rem !important; overflow: hidden !important; } body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessage { flex: 1 1 auto !important; min-width: 0 !important; min-height: 2.28rem !important; height: 2.28rem !important; max-height: 2.28rem !important; padding: 0 .5rem !important; background: transparent !important; background-color: transparent !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; overflow: hidden !important; display: flex !important; align-items: center !important; line-height: 1.25 !important; } body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessageActions.hidden, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessageButtons.hidden, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .commentContainerFooter.hidden { display: none !important; } body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessageActions:not(.hidden), body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessageButtons:not(.hidden) { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; gap: .25rem !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessageReaction, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessageSticker, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessageEmote, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessageFeature, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputSystem, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .commentsButtonNewSave, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamItemNewSave { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; width: auto !important; height: 2.28rem !important; min-height: 2.28rem !important; max-height: 2.28rem !important; padding: 0 .82rem !important; margin: 0 !important; border: var(--uix-control-border) !important; border-radius: 999px !important; background: var(--uix-control-bg) !important; background-color: var(--uix-control-bg) !important; background-image: none !important; box-shadow: var(--uix-control-shadow) !important; color: var(--uix-text) !important; line-height: 1 !important; white-space: nowrap !important; opacity: 1 !important; } body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessageReaction, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessageSticker, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessageEmote, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputMessageFeature, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .streamInputSystem { width: 2.28rem !important; min-width: 2.28rem !important; max-width: 2.28rem !important; padding: 0 !important; } /* Remove lower/second comment action surfaces; inline pill remains authoritative. */ body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .commentContainerFooter, body .cb_template.cbActivityModuleActivity .commentsStream .commentContainerNew .mt-2.d-block.d-sm-none.streamInputMessageButtons { display: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; height: 0 !important; min-height: 0 !important; } body .cb_template.cbActivityModuleActivity a, body .cb_template.cbActivityModuleActivity .streamUserName, body .cb_template.cbActivityModuleActivity .text-primary, body .cb_template.cbActivityModuleActivity .text-success { color: var(--uix-link) !important; } body .cb_template.cbActivityModuleActivity .text-muted, body .cb_template.cbActivityModuleActivity .activityContainerTitleBottom, body .cb_template.cbActivityModuleActivity .commentContainerActions { color: var(--uix-muted) !important; } body .cb_template.cbActivityModuleActivity img, body .cb_template.cbActivityModuleActivity .cbImgPict, body .cb_template.cbActivityModuleActivity .cbAvatar { border-radius: 999px !important; } @media (max-width: 640px) { body .cb_template.cbActivityModuleActivity { --uix-inset-x: 1rem; } body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew.streamItemActive .activityContainerFooter:not(.hidden), body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowActions, body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowButtons { flex-wrap: wrap !important; } } @media (prefers-reduced-transparency: reduce) { body .cb_template.cbActivityModuleActivity .activityStream .activityContainerNew.streamContainerNew, body .cb_template.cbActivityModuleActivity .activityStream .streamItem.activityContainer:not(.activityContainerNew) { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } } /* Platform UIX 1.0.42 - Startpage CB Activity module scope. Evidence: mod_cbactivity.php renders
around renderStream(). The previous adapter was restricted to #tm-main; startpage/module positions can render the same verified CB Activity DOM outside that ID. This remains scoped to CB Activity module roots only; no Bootstrap/UIkit/global .btn/.card overrides. */ body .cb_template.cbActivityModuleActivity .activityStream { width: 100% !important; max-width: 100% !important; } body .cb_template.cbActivityModuleActivity .activityStream .activityStreamItems, body .cb_template.cbActivityModuleActivity .activityStream .streamItems { width: 100% !important; max-width: 100% !important; } /* Platform UIX 1.0.58 - FINAL GROUP ACTIVITY STREAM ROOT-REPLACED HOMEPAGE PARITY BLOCK Authority: the working homepage CB Activity module rules above in this file. Homepage root: body .cb_template.cbActivityModuleActivity Group roots from real GroupJive/CB tab output: - #cb_tabid_grouptabactivity from plug_cbgroupjive templates/default/group.php - #cbtabpanegrouptabactivity as the matching CB tab pane id for grouptabactivity Method: copy the working homepage Activity Stream selector tails and replace only the root. Scope: group activity tab/pane only; no CB, GroupJive, YooTheme, Bootstrap, UIkit, SQL or template changes. */ body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) { --uix-surface-bg: rgba(255,255,255,.70); --uix-surface-border: 1px solid rgba(31,41,55,.10); --uix-surface-radius: 28px; --uix-surface-shadow: 0 16px 44px rgba(15,23,42,.08); --uix-surface-blur: 18px; --uix-text: #1f2933; --uix-muted: #6b7280; --uix-link: #666666; --uix-inset-x: clamp(1.05rem, 2.15vw, 1.75rem); --uix-control-h: 2.42rem; --uix-control-icon: 2.42rem; --uix-control-pad-x: 1rem; --uix-control-gap: .42rem; --uix-control-bg: rgba(255,255,255,.88); --uix-control-border: 1px solid rgba(31,41,55,.10); --uix-control-shadow: 0 4px 12px rgba(15,23,42,.025); color: var(--uix-text) !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .streamItem, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainer, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityStreamItems, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .streamItems { width: 100% !important; max-width: 100% !important; color: var(--uix-text) !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .streamItemDivider, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .border-top.streamItemDivider { display: none !important; border: 0 !important; margin: 0 !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew.streamContainerNew { background: var(--uix-surface-bg) !important; border: var(--uix-surface-border) !important; border-radius: var(--uix-surface-radius) !important; box-shadow: var(--uix-surface-shadow) !important; -webkit-backdrop-filter: blur(var(--uix-surface-blur)); backdrop-filter: blur(var(--uix-surface-blur)); overflow: hidden !important; padding: 0 !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew .activityContainerForm, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew .streamItemInputGroup, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew .streamInputMessageContainer, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew .streamInputMessageThemeContainer, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew .streamInputMessageActions, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew .streamInputMessageCaptcha { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew:not(.streamItemActive) .streamInputMessage { min-height: 3.15rem !important; height: 3.15rem !important; max-height: 3.15rem !important; padding: 0 var(--uix-inset-x) !important; display: flex !important; align-items: center !important; overflow: hidden !important; line-height: 1.25 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew:not(.streamItemActive) .activityContainerFooter, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew:not(.streamItemActive) .activityContainerFooterRowActions, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew:not(.streamItemActive) .activityContainerFooterRowButtons, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew:not(.streamItemActive) .streamInputMessageActions, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew:not(.streamItemActive) .streamInputMessageCaptcha { display: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; height: 0 !important; min-height: 0 !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew.streamItemActive .streamInputMessage { min-height: 4.05rem !important; height: auto !important; max-height: 10rem !important; padding: .85rem var(--uix-inset-x) !important; line-height: 1.35 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: auto !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityContainerFooter { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-top: 0 !important; box-shadow: none !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerFooter > .activityFooterComments.border-top, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerFooter > .border-top.activityFooterComments, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerFooter > .activityFooterComments.streamToggleOpen.border-top { border-top: 0 !important; border-width: 0 !important; box-shadow: none !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityContainerFooterRowActions, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityContainerFooterRowButtons { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew.streamItemActive .activityContainerFooter:not(.hidden) { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: var(--uix-control-gap) !important; padding: .32rem .55rem .55rem !important; margin: 0 !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowActions, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowButtons { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: var(--uix-control-gap) !important; min-width: 0 !important; width: auto !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowActions { flex: 1 1 auto !important; justify-content: space-between !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowButtons { flex: 0 0 auto !important; justify-content: flex-end !important; margin-left: auto !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityContainerFooterRowActions .btn, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityContainerFooterRowButtons .btn, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityContainerFooterRowActions .streamToggle, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityContainerFooterRowButtons .streamToggle, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityContainerFooterRowActions .streamPollButton, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityContainerFooterRowButtons .streamItemNewSave, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityContainerFooterRowButtons .streamItemNewCancel { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; width: auto !important; min-height: var(--uix-control-h) !important; height: var(--uix-control-h) !important; max-height: var(--uix-control-h) !important; padding: 0 var(--uix-control-pad-x) !important; margin: 0 !important; border: var(--uix-control-border) !important; border-radius: 999px !important; background: var(--uix-control-bg) !important; background-color: var(--uix-control-bg) !important; background-image: none !important; box-shadow: var(--uix-control-shadow) !important; color: var(--uix-text) !important; line-height: 1 !important; vertical-align: middle !important; white-space: nowrap !important; opacity: 1 !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityContainerFooterRowActions .streamPollButton { width: var(--uix-control-icon) !important; min-width: var(--uix-control-icon) !important; max-width: var(--uix-control-icon) !important; padding: 0 !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityContainerFooterRowButtons .streamItemNewCancel:empty { display: none !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .streamItem.activityContainer:not(.activityContainerNew) { background: var(--uix-surface-bg) !important; border: var(--uix-surface-border) !important; border-radius: var(--uix-surface-radius) !important; box-shadow: var(--uix-surface-shadow) !important; -webkit-backdrop-filter: blur(var(--uix-surface-blur)); backdrop-filter: blur(var(--uix-surface-blur)); overflow: hidden !important; margin-bottom: clamp(1rem, 2vw, 1.5rem) !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain > .activityContainerMessage, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain > .activityContainerContent { padding-left: var(--uix-inset-x) !important; padding-right: var(--uix-inset-x) !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain > .activityContainerMessage.streamMessageTheme, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain > .activityContainerMedia { padding-left: 0 !important; padding-right: 0 !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerMain, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerMessage, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerMessage .streamItemContent, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerMessage .cbMoreLessContent, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .streamMessageTheme { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStreamItems, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainer, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerMain, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentMessageContainer, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerMessage, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .streamItemContent, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .cbMoreLessContent, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerFooter, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .streamItemActionContainer { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .streamFooterDivider, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .border-top.streamFooterDivider { display: none !important; border: 0 !important; margin: 0 !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; padding: .45rem 0 !important; gap: .65rem !important; align-items: center !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .commentContainerRight { min-width: 0 !important; flex: 1 1 auto !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessageContainer { background: rgba(255,255,255,.82) !important; background-color: rgba(255,255,255,.82) !important; background-image: none !important; border: var(--uix-control-border) !important; border-radius: 999px !important; box-shadow: none !important; min-height: 2.72rem !important; height: 2.72rem !important; max-height: 2.72rem !important; padding: .16rem .22rem .16rem .85rem !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: .28rem !important; overflow: hidden !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessage { flex: 1 1 auto !important; min-width: 0 !important; min-height: 2.28rem !important; height: 2.28rem !important; max-height: 2.28rem !important; padding: 0 .5rem !important; background: transparent !important; background-color: transparent !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; overflow: hidden !important; display: flex !important; align-items: center !important; line-height: 1.25 !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessageActions.hidden, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessageButtons.hidden, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .commentContainerFooter.hidden { display: none !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessageActions:not(.hidden), body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessageButtons:not(.hidden) { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; gap: .25rem !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessageReaction, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessageSticker, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessageEmote, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessageFeature, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputSystem, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .commentsButtonNewSave, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamItemNewSave { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; width: auto !important; height: 2.28rem !important; min-height: 2.28rem !important; max-height: 2.28rem !important; padding: 0 .82rem !important; margin: 0 !important; border: var(--uix-control-border) !important; border-radius: 999px !important; background: var(--uix-control-bg) !important; background-color: var(--uix-control-bg) !important; background-image: none !important; box-shadow: var(--uix-control-shadow) !important; color: var(--uix-text) !important; line-height: 1 !important; white-space: nowrap !important; opacity: 1 !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessageReaction, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessageSticker, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessageEmote, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputMessageFeature, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .streamInputSystem { width: 2.28rem !important; min-width: 2.28rem !important; max-width: 2.28rem !important; padding: 0 !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .commentContainerFooter, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentsStream .commentContainerNew .mt-2.d-block.d-sm-none.streamInputMessageButtons { display: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; height: 0 !important; min-height: 0 !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) a, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .streamUserName, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .text-primary, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .text-success { color: var(--uix-link) !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .text-muted, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityContainerTitleBottom, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .commentContainerActions { color: var(--uix-muted) !important; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) img, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .cbImgPict, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .cbAvatar { border-radius: 999px !important; } @media (max-width: 640px) { body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) { --uix-inset-x: 1rem; } body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew.streamItemActive .activityContainerFooter:not(.hidden), body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowActions, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowButtons { flex-wrap: wrap !important; } } @media (prefers-reduced-transparency: reduce) { body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .activityContainerNew.streamContainerNew, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream .streamItem.activityContainer:not(.activityContainerNew) { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } } /* Platform UIX 1.0.59 - GROUP ACTIVITY OUTER SURFACE NEUTRALIZATION Screenshot trace: individual Group Activity cards are acceptable, but a parent GroupJive/tab/activity wrapper still creates a grey/blur field behind the full activity area with hard left/right edges. Homepage Activity has no such parent surface; only composer and stream items carry surfaces. Scope: proven GroupJive group tab wrappers and the activity tab pane only. No global .btn/.card/.border-top override. */ body .cb_template .cbGroupJive .gjGroup, body .cbGroupJive .gjGroup, body .gjContainer .gjGroup, body .cb_template .cbGroupJive .gjGroup .cbCanvasLayoutMain, body .cbGroupJive .gjGroup .cbCanvasLayoutMain, body .gjContainer .gjGroup .cbCanvasLayoutMain, body .cb_template .cbGroupJive .gjGroup #cbtabsgrouptab, body .cbGroupJive .gjGroup #cbtabsgrouptab, body .gjContainer .gjGroup #cbtabsgrouptab, body .cb_template .cbGroupJive .gjGroup #cbtabsgrouptab .cbTabsContent, body .cbGroupJive .gjGroup #cbtabsgrouptab .cbTabsContent, body .gjContainer .gjGroup #cbtabsgrouptab .cbTabsContent, body .cb_template .cbGroupJive .gjGroup #cbtabsgrouptab .cbTabsMenuContent, body .cbGroupJive .gjGroup #cbtabsgrouptab .cbTabsMenuContent, body .gjContainer .gjGroup #cbtabsgrouptab .cbTabsMenuContent, body .cb_template .cbGroupJive .gjGroup #cbtabsgrouptab .tab-content, body .cbGroupJive .gjGroup #cbtabsgrouptab .tab-content, body .gjContainer .gjGroup #cbtabsgrouptab .tab-content, body .cb_template .cbGroupJive .gjGroup #cbtabsgrouptab .tab-pane, body .cbGroupJive .gjGroup #cbtabsgrouptab .tab-pane, body .gjContainer .gjGroup #cbtabsgrouptab .tab-pane, body .cb_template .cbGroupJive .gjGroup #cb_tabid_grouptabactivity, body .cbGroupJive .gjGroup #cb_tabid_grouptabactivity, body .gjContainer .gjGroup #cb_tabid_grouptabactivity, body .cb_template .cbGroupJive .gjGroup #cbtabpanegrouptabactivity, body .cbGroupJive .gjGroup #cbtabpanegrouptabactivity, body .gjContainer .gjGroup #cbtabpanegrouptabactivity { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; filter: none !important; overflow: visible !important; } /* Keep the group Activity pane frameless even if CB/Bootstrap active-tab classes are added dynamically. */ body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity).active, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity).show, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity).fade, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) > .cbTabPane, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) > .cbTabPaneContent, body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) > .cb_tab_content { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; filter: none !important; overflow: visible !important; } /* Preserve Homepage concept: surfaces exist on composer and items only, not on the Group Activity parent stream. */ body :is(#cb_tabid_grouptabactivity, #cbtabpanegrouptabactivity) .activityStream { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; filter: none !important; overflow: visible !important; } /* Platform UIX 1.0.61 - COMMUNITY BUILDER PROFILE SURFACE ALIGNMENT Source: real HTML traces for own profile, connected profile and non-connected profile. Authority: homepage Activity Stream rules above; selector tails copied unchanged and only the root replaced. Scope: .cbProfile only. No CB/YooTheme core, template, SQL or global Bootstrap/UIkit override. */ /* CB connection/message containers: neutral UIX status cards instead of Bootstrap alert color fields. */ body .cb_template.cbProfile > .cbPosHead, body .cb_template.cbProfile > .cbPosHead > .cb_tab_content { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } body .cb_template.cbProfile .cbPosHead .cbConnectionPaths { background: var(--uix-card-background, rgba(255,255,255,.70)) !important; background-color: var(--uix-card-background, rgba(255,255,255,.70)) !important; background-image: none !important; color: var(--uix-text, #1f2933) !important; border: var(--uix-card-border, 1px solid rgba(31,41,55,.10)) !important; border-radius: var(--uix-card-radius, 28px) !important; box-shadow: var(--uix-card-shadow, 0 16px 44px rgba(15,23,42,.08)) !important; -webkit-backdrop-filter: blur(var(--uix-glass-blur, 18px)) !important; backdrop-filter: blur(var(--uix-glass-blur, 18px)) !important; margin: 0 0 1rem !important; padding: .85rem 1rem !important; } body .cb_template.cbProfile .cbPosHead .cbConnectionPaths .cbConnPathActions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: .5rem !important; } body .cb_template.cbProfile .cbPosHead .cbConnectionPaths .btn { border-radius: 999px !important; background: var(--uix-control-bg, rgba(255,255,255,.78)) !important; background-color: var(--uix-control-bg, rgba(255,255,255,.78)) !important; background-image: none !important; border: var(--uix-control-border, 1px solid rgba(31,41,55,.12)) !important; color: var(--uix-text, #1f2933) !important; box-shadow: var(--uix-control-shadow, 0 8px 20px rgba(15,23,42,.06)) !important; } /* Toolbar over canvas: content remains, Bootstrap surface is removed. */ body .cb_template.cbProfile > .cbPosCanvasMenu, body .cb_template.cbProfile > .cbPosCanvasMenu > .cb_tab_content, body .cb_template.cbProfile > .cbPosCanvasMenu .cbMenuNavBar { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body .cb_template.cbProfile > .cbPosCanvasMenu .cbMenuNavBar { margin: 0 !important; padding-inline: .35rem !important; } /* Main profile tab/navigation and full stream shells carry no surface. */ body .cb_template.cbProfile > .cbCanvasLayoutMain, body .cb_template.cbProfile > .cbCanvasLayoutMain > .cbTabsMenu, body .cb_template.cbProfile > .cbCanvasLayoutMain > .cbTabsMenu > .cbTabsMenuNavBar, body .cb_template.cbProfile > .cbCanvasLayoutMain > .cbTabsMenu > .cbTabsMenuContent, body .cb_template.cbProfile > .cbCanvasLayoutMain .cbTabsContent, body .cb_template.cbProfile > .cbCanvasLayoutMain .tab-pane, body .cb_template.cbProfile > .cbCanvasLayoutMain .activityStream, body .cb_template.cbProfile > .cbCanvasLayoutMain .activityStreamItems, body .cb_template.cbProfile > .cbCanvasLayoutMain .streamItems { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; filter: none !important; overflow: visible !important; } body .cb_template.cbProfile > .cbCanvasLayoutMain > .cbTabsMenu { padding: 0 !important; } body .cb_template.cbProfile > .cbCanvasLayoutMain > .cbTabsMenu > .cbTabsMenuNavBar { margin: 0 0 1rem !important; padding-inline: .35rem !important; } body .cb_template.cbProfile > .cbCanvasLayoutMain > .cbTabsMenu > .cbTabsMenuContent { padding: 0 !important; } /* Activity filter is a control row, not a page-wide grey panel. */ body .cb_template.cbProfile .cbCanvasLayoutMain .activityStreamToolbar { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding-inline: .25rem !important; } /* Homepage Activity Stream parity: exact existing rules, root replaced only. */ /* Platform UIX 1.0.42 - CB Activity Module + GroupJive Events Surface Correction Evidence base: - plug_cbactivity 6.2.0 templates/default/activity/new.php - plug_cbactivity 6.2.0 templates/default/activity/container.php - plug_cbactivity 6.2.0 templates/default/comments/new.php - plug_cbactivity 6.2.0 templates/default/comments/container.php - plug_cbactivity 6.2.0 templates/default/template.css Scope: visual-only adapter for CB Activity module activity stream. No CB, GroupJive, YooTheme, Bootstrap or UIkit core overrides. */ body .cb_template.cbProfile .cbCanvasLayoutMain { --uix-surface-bg: rgba(255,255,255,.70); --uix-surface-border: 1px solid rgba(31,41,55,.10); --uix-surface-radius: 28px; --uix-surface-shadow: 0 16px 44px rgba(15,23,42,.08); --uix-surface-blur: 18px; --uix-text: #1f2933; --uix-muted: #6b7280; --uix-link: #666666; --uix-inset-x: clamp(1.05rem, 2.15vw, 1.75rem); --uix-control-h: 2.42rem; --uix-control-icon: 2.42rem; --uix-control-pad-x: 1rem; --uix-control-gap: .42rem; --uix-control-bg: rgba(255,255,255,.88); --uix-control-border: 1px solid rgba(31,41,55,.10); --uix-control-shadow: 0 4px 12px rgba(15,23,42,.025); } /* Confirmed CB Activity stream roots. */ body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .streamItem, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainer { color: var(--uix-text) !important; } /* Confirmed divider from activity/container.php and DevTools:
Origin rules observed: .cb_template .border-top, .cb_template .ml-n2, .cb_template .mr-n2. */ body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .streamItemDivider, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .border-top.streamItemDivider { display: none !important; border: 0 !important; margin: 0 !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; } /* Activity composer shell from activity/new.php. */ body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew.streamContainerNew { background: var(--uix-surface-bg) !important; border: var(--uix-surface-border) !important; border-radius: var(--uix-surface-radius) !important; box-shadow: var(--uix-surface-shadow) !important; -webkit-backdrop-filter: blur(var(--uix-surface-blur)); backdrop-filter: blur(var(--uix-surface-blur)); overflow: hidden !important; padding: 0 !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew .activityContainerForm, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew .streamItemInputGroup, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew .streamInputMessageContainer, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew .streamInputMessageThemeContainer, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew .streamInputMessageActions, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew .streamInputMessageCaptcha { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } /* Inactive activity composer: one line only. Do not expand via :focus-within. */ body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew:not(.streamItemActive) .streamInputMessage { min-height: 3.15rem !important; height: 3.15rem !important; max-height: 3.15rem !important; padding: 0 var(--uix-inset-x) !important; display: flex !important; align-items: center !important; overflow: hidden !important; line-height: 1.25 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew:not(.streamItemActive) .activityContainerFooter, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew:not(.streamItemActive) .activityContainerFooterRowActions, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew:not(.streamItemActive) .activityContainerFooterRowButtons, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew:not(.streamItemActive) .streamInputMessageActions, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew:not(.streamItemActive) .streamInputMessageCaptcha { display: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; height: 0 !important; min-height: 0 !important; } /* Expanded activity composer only when CB supplies streamItemActive. */ body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew.streamItemActive .streamInputMessage { min-height: 4.05rem !important; height: auto !important; max-height: 10rem !important; padding: .85rem var(--uix-inset-x) !important; line-height: 1.35 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: auto !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .activityContainerFooter { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-top: 0 !important; box-shadow: none !important; } /* Browser-confirmed remaining footer comment divider:
Origin rule observed: .cb_template .border-top { border-top: 1px solid #dee2e6 !important; } Keep the comments wrapper visible; remove only the injected border line. */ body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerFooter > .activityFooterComments.border-top, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerFooter > .border-top.activityFooterComments, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerFooter > .activityFooterComments.streamToggleOpen.border-top { border-top: 0 !important; border-width: 0 !important; box-shadow: none !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .activityContainerFooterRowActions, body .cb_template.cbProfile .cbCanvasLayoutMain .activityContainerFooterRowButtons { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew.streamItemActive .activityContainerFooter:not(.hidden) { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: var(--uix-control-gap) !important; padding: .32rem .55rem .55rem !important; margin: 0 !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowActions, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowButtons { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: var(--uix-control-gap) !important; min-width: 0 !important; width: auto !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowActions { flex: 1 1 auto !important; justify-content: space-between !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowButtons { flex: 0 0 auto !important; justify-content: flex-end !important; margin-left: auto !important; } /* Scoped CB Activity composer buttons from activity/new.php and observed streamToggle buttons. */ body .cb_template.cbProfile .cbCanvasLayoutMain .activityContainerFooterRowActions .btn, body .cb_template.cbProfile .cbCanvasLayoutMain .activityContainerFooterRowButtons .btn, body .cb_template.cbProfile .cbCanvasLayoutMain .activityContainerFooterRowActions .streamToggle, body .cb_template.cbProfile .cbCanvasLayoutMain .activityContainerFooterRowButtons .streamToggle, body .cb_template.cbProfile .cbCanvasLayoutMain .activityContainerFooterRowActions .streamPollButton, body .cb_template.cbProfile .cbCanvasLayoutMain .activityContainerFooterRowButtons .streamItemNewSave, body .cb_template.cbProfile .cbCanvasLayoutMain .activityContainerFooterRowButtons .streamItemNewCancel { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; width: auto !important; min-height: var(--uix-control-h) !important; height: var(--uix-control-h) !important; max-height: var(--uix-control-h) !important; padding: 0 var(--uix-control-pad-x) !important; margin: 0 !important; border: var(--uix-control-border) !important; border-radius: 999px !important; background: var(--uix-control-bg) !important; background-color: var(--uix-control-bg) !important; background-image: none !important; box-shadow: var(--uix-control-shadow) !important; color: var(--uix-text) !important; line-height: 1 !important; vertical-align: middle !important; white-space: nowrap !important; opacity: 1 !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .activityContainerFooterRowActions .streamPollButton { width: var(--uix-control-icon) !important; min-width: var(--uix-control-icon) !important; max-width: var(--uix-control-icon) !important; padding: 0 !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .activityContainerFooterRowButtons .streamItemNewCancel:empty { display: none !important; } /* Existing activity cards from activity/container.php. */ body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .streamItem.activityContainer:not(.activityContainerNew) { background: var(--uix-surface-bg) !important; border: var(--uix-surface-border) !important; border-radius: var(--uix-surface-radius) !important; box-shadow: var(--uix-surface-shadow) !important; -webkit-backdrop-filter: blur(var(--uix-surface-blur)); backdrop-filter: blur(var(--uix-surface-blur)); overflow: hidden !important; } /* Browser-confirmed issue after 1.0.40: activity message text was too close to the card edge. Template evidence: activity/container.php renders the post body inside .streamItem.activityContainer > .activityContainerMain > .activityContainerMessage > .streamItemContent. Apply inset only to existing activity cards and their confirmed content blocks; do not touch composer, buttons, Bootstrap, UIkit, or global cards. */ body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain > .activityContainerMessage, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain > .activityContainerContent { padding-left: var(--uix-inset-x) !important; padding-right: var(--uix-inset-x) !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain > .activityContainerMessage.streamMessageTheme, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .streamItem.activityContainer:not(.activityContainerNew) > .activityContainerMain > .activityContainerMedia { padding-left: 0 !important; padding-right: 0 !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerMain, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerMessage, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerMessage .streamItemContent, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerMessage .cbMoreLessContent, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .streamMessageTheme { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } /* Comment area from comments/new.php and comments/container.php. */ body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStreamItems, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainer, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerMain, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentMessageContainer, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerMessage, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .streamItemContent, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .cbMoreLessContent, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerFooter, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .streamItemActionContainer { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .streamFooterDivider, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .border-top.streamFooterDivider { display: none !important; border: 0 !important; margin: 0 !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; padding: .45rem 0 !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessageContainer { background: rgba(255,255,255,.82) !important; background-color: rgba(255,255,255,.82) !important; background-image: none !important; border: var(--uix-control-border) !important; border-radius: 999px !important; box-shadow: none !important; min-height: 2.72rem !important; height: 2.72rem !important; max-height: 2.72rem !important; padding: .16rem .22rem .16rem .85rem !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: .28rem !important; overflow: hidden !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessage { flex: 1 1 auto !important; min-width: 0 !important; min-height: 2.28rem !important; height: 2.28rem !important; max-height: 2.28rem !important; padding: 0 .5rem !important; background: transparent !important; background-color: transparent !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; overflow: hidden !important; display: flex !important; align-items: center !important; line-height: 1.25 !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessageActions.hidden, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessageButtons.hidden, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .commentContainerFooter.hidden { display: none !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessageActions:not(.hidden), body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessageButtons:not(.hidden) { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; gap: .25rem !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessageReaction, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessageSticker, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessageEmote, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessageFeature, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputSystem, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .commentsButtonNewSave, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamItemNewSave { appearance: none !important; -webkit-appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; width: auto !important; height: 2.28rem !important; min-height: 2.28rem !important; max-height: 2.28rem !important; padding: 0 .82rem !important; margin: 0 !important; border: var(--uix-control-border) !important; border-radius: 999px !important; background: var(--uix-control-bg) !important; background-color: var(--uix-control-bg) !important; background-image: none !important; box-shadow: var(--uix-control-shadow) !important; color: var(--uix-text) !important; line-height: 1 !important; white-space: nowrap !important; opacity: 1 !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessageReaction, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessageSticker, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessageEmote, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputMessageFeature, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .streamInputSystem { width: 2.28rem !important; min-width: 2.28rem !important; max-width: 2.28rem !important; padding: 0 !important; } /* Remove lower/second comment action surfaces; inline pill remains authoritative. */ body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .commentContainerFooter, body .cb_template.cbProfile .cbCanvasLayoutMain .commentsStream .commentContainerNew .mt-2.d-block.d-sm-none.streamInputMessageButtons { display: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; height: 0 !important; min-height: 0 !important; } body .cb_template.cbProfile .cbCanvasLayoutMain a, body .cb_template.cbProfile .cbCanvasLayoutMain .streamUserName, body .cb_template.cbProfile .cbCanvasLayoutMain .text-primary, body .cb_template.cbProfile .cbCanvasLayoutMain .text-success { color: var(--uix-link) !important; } body .cb_template.cbProfile .cbCanvasLayoutMain .text-muted, body .cb_template.cbProfile .cbCanvasLayoutMain .activityContainerTitleBottom, body .cb_template.cbProfile .cbCanvasLayoutMain .commentContainerActions { color: var(--uix-muted) !important; } body .cb_template.cbProfile .cbCanvasLayoutMain img, body .cb_template.cbProfile .cbCanvasLayoutMain .cbImgPict, body .cb_template.cbProfile .cbCanvasLayoutMain .cbAvatar { border-radius: 999px !important; } @media (max-width: 640px) { body .cb_template.cbProfile .cbCanvasLayoutMain { --uix-inset-x: 1rem; } body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew.streamItemActive .activityContainerFooter:not(.hidden), body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowActions, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew.streamItemActive .activityContainerFooterRowButtons { flex-wrap: wrap !important; } } @media (prefers-reduced-transparency: reduce) { body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .activityContainerNew.streamContainerNew, body .cb_template.cbProfile .cbCanvasLayoutMain .activityStream .streamItem.activityContainer:not(.activityContainerNew) { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } } @media (prefers-reduced-transparency: reduce) { body .cb_template.cbProfile .cbPosHead .cbConnectionPaths { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } } /* ================================================================ CB ACTIVITY LOCATION COMPOSER REMOVAL — PLATFORM UIX 1.0.62 Real DOM authority: .streamLocations / .streamInputLocationContainer. Existing published location content remains untouched. ================================================================ */ body .cb_template .activityStream .activityContainerNew .streamLocations, body .cb_template .activityStream .activityContainerNew .streamInputLocationContainer { display: none !important; } /* ================================================================ CB PROFILE PRESENCE STATUS INLINE ALIGNMENT — PLATFORM UIX 1.0.64 Real DOM authority: - source: .cbPosCanvasPhoto .cbft_status .cb_online/.cb_offline - target row: .cbPosCanvasStats .cbFieldsContentsTab The avatar-edge indicator is removed. Status is inserted as the final item in the same counters row as Connections, Views and Groups. ================================================================ */ body .cb_template.cbProfile .cbPosCanvasPhoto .cbft_status { display: none !important; } body .cb_template.cbProfile .cbPosCanvasStats > .cb_tab_content > .cbFieldsContentsTab { display: flex !important; align-items: center !important; flex-wrap: wrap !important; column-gap: .5rem !important; row-gap: .15rem !important; } body .cb_template.cbProfile .cbPosCanvasStats .uix-profile-presence { display: inline-flex !important; align-items: center !important; gap: .25rem !important; margin: 0 !important; padding: 0 !important; font: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; white-space: nowrap !important; vertical-align: baseline !important; flex: 0 0 auto !important; } body .cb_template.cbProfile .cbPosCanvasStats .uix-profile-presence-icon { font-size: .72em !important; line-height: 1 !important; } body .cb_template.cbProfile .cbPosCanvasStats .uix-profile-presence.is-online { color: #198754 !important; } body .cb_template.cbProfile .cbPosCanvasStats .uix-profile-presence.is-offline { color: inherit !important; } /* ================================================================ CB ACTIVITY POLL GLASS PROGRESS — PLATFORM UIX 1.0.65 Applies to Homepage Activity module and CB Profile Activity view. Removes Bootstrap blue fill and mirrors the Platform UIX glass system. ================================================================ */ body .cb_template.cbActivityModuleActivity .streamPollResults .streamPollResult, body .cb_template.cbProfile .cbCanvasLayoutMain .streamPollResults .streamPollResult { background: var(--uix-glass-background) !important; border: var(--uix-card-border) !important; border-radius: var(--ds-radius-sm) !important; box-shadow: inset 0 1px 0 var(--ds-glass-highlight), 0 4px 14px rgba(15,23,42,.04) !important; -webkit-backdrop-filter: blur(var(--uix-glass-blur)) saturate(var(--ds-glass-saturation)) !important; backdrop-filter: blur(var(--uix-glass-blur)) saturate(var(--ds-glass-saturation)) !important; overflow: hidden !important; } body .cb_template.cbActivityModuleActivity .streamPollResults .streamPollResultProgress, body .cb_template.cbProfile .cbCanvasLayoutMain .streamPollResults .streamPollResultProgress { background: linear-gradient(135deg, rgba(255,255,255,.76), rgba(148,179,31,.24)) !important; background-color: transparent !important; border-right: 1px solid rgba(255,255,255,.58) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), inset -1px 0 0 rgba(31,41,55,.05) !important; -webkit-backdrop-filter: blur(12px) saturate(1.08) !important; backdrop-filter: blur(12px) saturate(1.08) !important; } body .cb_template.cbActivityModuleActivity .streamPollResults .streamPollResultProgress.bg-primary, body .cb_template.cbProfile .cbCanvasLayoutMain .streamPollResults .streamPollResultProgress.bg-primary, body .cb_template.cbActivityModuleActivity .streamPollResults .streamPollResultProgress.bg-light, body .cb_template.cbProfile .cbCanvasLayoutMain .streamPollResults .streamPollResultProgress.bg-light { background: linear-gradient(135deg, rgba(255,255,255,.76), rgba(148,179,31,.24)) !important; background-color: transparent !important; } @media (prefers-reduced-transparency: reduce) { body .cb_template.cbActivityModuleActivity .streamPollResults .streamPollResult, body .cb_template.cbProfile .cbCanvasLayoutMain .streamPollResults .streamPollResult { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } body .cb_template.cbActivityModuleActivity .streamPollResults .streamPollResultProgress, body .cb_template.cbProfile .cbCanvasLayoutMain .streamPollResults .streamPollResultProgress { background: rgba(148,179,31,.18) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } } /* ================================================================ CB ACTIVITY POLL TYPOGRAPHY REFINEMENT — PLATFORM UIX 1.0.66 Applies only to rendered poll results in Homepage Activity and CB Profile Activity. Removes the inherited Bootstrap bold weight while retaining clear selected-state and percentage hierarchy. ================================================================ */ body .cb_template.cbActivityModuleActivity .streamPollResults .streamPollResultOption, body .cb_template.cbProfile .cbCanvasLayoutMain .streamPollResults .streamPollResultOption { font-family: inherit !important; font-size: inherit !important; font-weight: 500 !important; line-height: 1.4 !important; color: inherit !important; } body .cb_template.cbActivityModuleActivity .streamPollResults .streamPollResultVotes, body .cb_template.cbProfile .cbCanvasLayoutMain .streamPollResults .streamPollResultVotes { font-family: inherit !important; font-size: .92em !important; font-weight: 400 !important; color: var(--uix-text-muted, #6b7280) !important; } body .cb_template.cbActivityModuleActivity .streamPollResults .streamPollResultVoted, body .cb_template.cbProfile .cbCanvasLayoutMain .streamPollResults .streamPollResultVoted { font-weight: 400 !important; } body .cb_template.cbActivityModuleActivity .streamPollResults .streamPollResultVoted .fa, body .cb_template.cbProfile .cbCanvasLayoutMain .streamPollResults .streamPollResultVoted .fa { color: inherit !important; } /* Platform UIX 1.0.75 — suppress oversized CB AJAX edit pencils on editable profile/group media. The edit action remains available through the existing profile/group menus. */ body .cb_template.cbProfile :is(.cbPosCanvasBackground, .cbCanvasLayoutBackground, .cbPosCanvasPhoto, .cbCanvasLayoutPhoto) .cbAjaxContainerIcon, body .cb_template.cbGroupJive .gjGroup :is(.cbPosCanvasBackground, .cbCanvasLayoutBackground, .cbPosCanvasPhoto, .cbCanvasLayoutPhoto) .cbAjaxContainerIcon, body .cbGroupJive .gjGroup :is(.cbPosCanvasBackground, .cbCanvasLayoutBackground, .cbPosCanvasPhoto, .cbCanvasLayoutPhoto) .cbAjaxContainerIcon, body .gjContainer .gjGroup :is(.cbPosCanvasBackground, .cbCanvasLayoutBackground, .cbPosCanvasPhoto, .cbCanvasLayoutPhoto) .cbAjaxContainerIcon { display: none !important; }