/* Nexora Cyberpunk — UsersWP integration */ body.uwp_page, .uwp_page, .userswp, .uwp-profile, .uwp-users, .uwp-account, .uwp-login, .uwp-register, .uwp-registration-form, .uwp-account-form, .uwp-login-form, .uwp-forgot-form, .uwp-reset-form, .uwp-change-form { --uwp-nx-bg: #091426; --uwp-nx-panel: #0d1b30; --uwp-nx-panel-2: #11223c; --uwp-nx-border: rgba(22,221,255,.28); --uwp-nx-text: #f4f7ff; --uwp-nx-muted: #94a8c1; --uwp-nx-cyan: #16ddff; --uwp-nx-magenta: #ff42df; color: var(--uwp-nx-text); } /* Main UsersWP containers */ .uwp_page .uwp-content-wrap, .uwp_page .uwp-profile-wrap, .uwp_page .uwp-login-form, .uwp_page .uwp-registration-form, .uwp_page .uwp-account-form, .uwp_page .uwp-forgot-form, .uwp_page .uwp-reset-form, .uwp_page .uwp-change-form, .uwp_page .uwp-users-list, .uwp_page .card, .uwp_page .modal-content, .bsui .uwp-content-wrap, .bsui .card, .bsui .modal-content { color: var(--uwp-nx-text) !important; background: linear-gradient(180deg, rgba(16,29,51,.98), rgba(8,18,34,.98)) !important; border: 1px solid var(--uwp-nx-border) !important; border-radius: 16px !important; box-shadow: 0 0 26px rgba(22,221,255,.10), 0 0 40px rgba(157,99,255,.07) !important; } /* UsersWP account form spacing */ .uwp_page .uwp-account-form, .bsui .uwp-account-form { padding: 12px !important; } /* UsersWP profile content spacing */ .uwp_page .uwp-profile-content, .bsui .uwp-profile-content { padding: 12px !important; } /* Login/register narrow layout */ .uwp_page .uwp-login-form, .uwp_page .uwp-registration-form, .uwp_page .uwp-forgot-form, .uwp_page .uwp-reset-form, .uwp_page .uwp-change-form { max-width: 560px; margin: 0 auto; padding: clamp(22px,4vw,38px) !important; } /* Typography Keep UsersWP defaults scoped away from embedded Komplex Newest Packs content so that component can retain its own card typography/colors. */ .uwp_page h1:not(.komplex-newest-packs__heading):not(.komplex-newest-packs__title), .uwp_page h2:not(.komplex-newest-packs__heading):not(.komplex-newest-packs__title), .uwp_page h3:not(.komplex-newest-packs__heading):not(.komplex-newest-packs__title), .uwp_page h4:not(.komplex-newest-packs__heading):not(.komplex-newest-packs__title), .uwp_page h5:not(.komplex-newest-packs__heading):not(.komplex-newest-packs__title), .uwp_page h6:not(.komplex-newest-packs__heading):not(.komplex-newest-packs__title), .uwp_page .card-title, .bsui .uwp-profile-title, .bsui .card-title { color: var(--uwp-nx-text) !important; } .uwp_page p:not(.komplex-newest-packs__description):not(.komplex-newest-packs__author), .uwp_page small,.uwp_page .text-muted,.uwp_page .form-text, .bsui .text-muted,.bsui small { color: var(--uwp-nx-muted) !important; } .uwp_page a:not(.komplex-newest-packs__card-link),.bsui .uwp-profile a:not(.komplex-newest-packs__card-link),.bsui .uwp-users-list a { color: var(--uwp-nx-cyan); } .uwp_page a:not(.komplex-newest-packs__card-link):hover,.bsui .uwp-profile a:not(.komplex-newest-packs__card-link):hover,.bsui .uwp-users-list a:hover { color: var(--uwp-nx-magenta); } /* Form controls */ .uwp_page input[type="text"],.uwp_page input[type="email"],.uwp_page input[type="password"],.uwp_page input[type="url"],.uwp_page input[type="search"],.uwp_page input[type="number"],.uwp_page select,.uwp_page textarea, .bsui .form-control,.bsui .form-select { color: var(--uwp-nx-text) !important; background: #081426 !important; border: 1px solid rgba(132,174,213,.30) !important; border-radius: 10px !important; box-shadow: none !important; } .uwp_page input:focus,.uwp_page select:focus,.uwp_page textarea:focus, .bsui .form-control:focus,.bsui .form-select:focus { border-color: var(--uwp-nx-cyan) !important; box-shadow: 0 0 0 3px rgba(22,221,255,.11) !important; } .uwp_page label,.bsui .form-label,.bsui label { color:#dce7f4 !important; font-weight:700; } .uwp_page .input-group-text,.bsui .input-group-text { color:var(--uwp-nx-cyan)!important; background:#0d1b30!important; border-color:rgba(132,174,213,.30)!important; } /* Buttons */ .uwp_page .btn-primary:not(.no-decoration),.uwp_page button[type="submit"]:not(.no-decoration),.uwp_page input[type="submit"]:not(.no-decoration), .bsui .btn-primary:not(.no-decoration),.bsui .uwp-login-btn:not(.no-decoration),.bsui .uwp-register-btn:not(.no-decoration) { color:#041019 !important; background: linear-gradient(90deg, var(--uwp-nx-magenta), var(--uwp-nx-cyan)) !important; border: 0 !important; border-radius:10px !important; font-weight:800 !important; box-shadow:0 0 22px rgba(22,221,255,.15) !important; } .uwp_page .btn-secondary:not(.no-decoration),.uwp_page .btn-outline-primary:not(.no-decoration),.uwp_page .btn-light:not(.no-decoration), .bsui .btn-secondary:not(.no-decoration),.bsui .btn-outline-primary:not(.no-decoration),.bsui .btn-light:not(.no-decoration) { color:var(--uwp-nx-text)!important; background:#0c1a2e!important; border:1px solid var(--uwp-nx-border)!important; border-radius:10px!important; } .uwp_page .btn:not(.no-decoration),.bsui .btn:not(.no-decoration) { transition: color .18s ease, background-color .18s ease, border-color .18s ease, filter .18s ease !important; transform: none !important; } .uwp_page .btn:not(.no-decoration):hover,.bsui .btn:not(.no-decoration):hover { filter:brightness(1.10); transform:none !important; } /* Alerts */ .uwp_page .alert,.bsui .alert { color:var(--uwp-nx-text)!important; border-radius:10px!important; background:#0d1b30!important; border:1px solid var(--uwp-nx-border)!important; } .uwp_page .alert-danger,.bsui .alert-danger { border-color:rgba(255,75,119,.55)!important; } .uwp_page .alert-success,.bsui .alert-success { border-color:rgba(65,245,154,.50)!important; } /* Profile header */ .uwp_page .uwp-profile-header, .bsui .uwp-profile-header, .bsui .uwp-profile-header-wrap { overflow:hidden; background: radial-gradient(circle at 20% 20%, rgba(255,66,223,.22), transparent 35%), linear-gradient(135deg,#101b39,#0b3153 55%,#15103c) !important; border:1px solid var(--uwp-nx-border)!important; border-radius:18px!important; box-shadow:0 0 30px rgba(22,221,255,.10)!important; } /* Join the profile header to the tabs below it: keep the top/side border and top corner radius, but remove the bottom seam and bottom corner rounding. */ .uwp_page .uwp-profile-header, .bsui .uwp-profile-header, .bsui .uwp-profile-header-wrap { border-bottom:0!important; border-radius:18px 18px 0 0!important; } /* Keep avatar treatment scoped to avatars only. The banner is a cover image, not an avatar, and should be clipped by the rounded profile header instead. */ .uwp_page .uwp-profile-avatar img, .uwp_page img.avatar, .bsui .uwp-profile-avatar img, .bsui img.avatar { border-radius:50%!important; border:3px solid var(--uwp-nx-magenta)!important; box-shadow:0 0 0 3px rgba(22,221,255,.55), 0 0 24px rgba(255,66,223,.25)!important; } /* UsersWP profile banner: fill the cover area with square image corners. The profile header already owns the rounded corners and overflow clipping. */ .uwp_page .uwp-banner-image, .uwp_page .uwp-banner-image img, .uwp_page .uwp-profile-header-img img, .uwp_page .uwp-profile-header-img-src, .bsui .uwp-banner-image, .bsui .uwp-banner-image img, .bsui .uwp-profile-header-img img, .bsui .uwp-profile-header-img-src { display:block!important; width:100%!important; min-width:100%!important; max-width:none!important; height:100%!important; object-fit:cover!important; border:0!important; border-radius:0!important; box-shadow:none!important; } /* Tabs/nav */ .uwp_page .nav-tabs,.uwp_page .nav-pills,.bsui .nav-tabs,.bsui .nav-pills { border-color:var(--uwp-nx-border)!important; gap:6px; } .uwp_page .nav-link,.bsui .nav-link { color:var(--uwp-nx-muted)!important; border-radius:8px!important; border-color:transparent!important; } .uwp_page .nav-link.active,.bsui .nav-link.active { color:var(--uwp-nx-cyan)!important; background:#0b1a2e!important; border:1px solid var(--uwp-nx-border)!important; box-shadow:inset 0 -2px 0 var(--uwp-nx-cyan); } /* Join the profile tabs directly to the profile header. The tabs keep their side/bottom border and bottom corner radius, but have no top seam. */ div.uwp-profile-tabs { margin-top:0!important; border-top:0!important; border-radius:0 0 14px 14px!important; } /* UsersWP profile tabs navbar. UsersWP/AyeCode commonly emits Bootstrap navbar-light bg-light here, so explicitly replace those light surfaces with the Nexora dark-glass treatment while keeping the override profile-scoped. */ .uwp-profile-tabs, .uwp-profile-tabs.navbar, .uwp-profile-tabs .navbar, .uwp-profile-tabs.navbar-light, .uwp-profile-tabs.bg-light, .uwp-profile-tabs .navbar-light, .uwp-profile-tabs .bg-light, .uwp-profile-tabs .navbar-light.bg-light, .uwp_page .uwp-profile-tabs, .uwp_page .uwp-profile-tabs .navbar, .uwp_page .uwp-profile-tabs .navbar-light, .uwp_page .uwp-profile-tabs .bg-light, .bsui .uwp-profile-tabs, .bsui .uwp-profile-tabs .navbar, .bsui .uwp-profile-tabs .navbar-light, .bsui .uwp-profile-tabs .bg-light { --uwp-nx-bg:#091426; --uwp-nx-panel:#0d1b30; --uwp-nx-panel-2:#11223c; --uwp-nx-border:rgba(22,221,255,.28); --uwp-nx-text:#f4f7ff; --uwp-nx-muted:#94a8c1; --uwp-nx-cyan:#16ddff; --uwp-nx-magenta:#ff42df; color:var(--uwp-nx-text)!important; background: radial-gradient(circle at 12% 0%, rgba(22,221,255,.10), transparent 34%), linear-gradient(180deg, rgba(16,29,51,.90), rgba(7,16,30,.92))!important; background-color:rgba(7,16,30,.90)!important; border:1px solid rgba(22,221,255,.20)!important; border-radius:14px!important; box-shadow:0 12px 34px rgba(0,0,0,.28), 0 0 24px rgba(22,221,255,.07)!important; backdrop-filter:blur(14px) saturate(125%); -webkit-backdrop-filter:blur(14px) saturate(125%); } .uwp-profile-tabs .navbar-nav, .uwp-profile-tabs .nav, .bsui .uwp-profile-tabs .navbar-nav, .bsui .uwp-profile-tabs .nav { gap:4px; } .uwp-profile-tabs .navbar-brand, .uwp-profile-tabs .navbar-text, .uwp-profile-tabs .navbar-light .navbar-brand, .uwp-profile-tabs .navbar-light .navbar-text, .bsui .uwp-profile-tabs .navbar-brand, .bsui .uwp-profile-tabs .navbar-text { color:var(--uwp-nx-text)!important; } .uwp-profile-tabs .navbar-light .navbar-nav .nav-link, .uwp-profile-tabs .navbar-nav .nav-link, .uwp-profile-tabs > .nav-link, .bsui .uwp-profile-tabs .navbar-light .navbar-nav .nav-link, .bsui .uwp-profile-tabs .navbar-nav .nav-link { color:var(--uwp-nx-muted)!important; background:transparent!important; border:1px solid transparent!important; border-radius:9px!important; transition:color .18s ease, background-color .18s ease, border-color .18s ease!important; } .uwp-profile-tabs .navbar-light .navbar-nav .nav-link:hover, .uwp-profile-tabs .navbar-light .navbar-nav .nav-link:focus, .uwp-profile-tabs .navbar-nav .nav-link:hover, .uwp-profile-tabs .navbar-nav .nav-link:focus, .bsui .uwp-profile-tabs .navbar-nav .nav-link:hover, .bsui .uwp-profile-tabs .navbar-nav .nav-link:focus { color:var(--uwp-nx-cyan)!important; background:rgba(22,221,255,.08)!important; border-color:rgba(22,221,255,.18)!important; } .uwp-profile-tabs .navbar-light .navbar-nav .nav-link.active, .uwp-profile-tabs .navbar-light .navbar-nav .show > .nav-link, .uwp-profile-tabs .navbar-nav .nav-link.active, .uwp-profile-tabs .navbar-nav .show > .nav-link, .bsui .uwp-profile-tabs .navbar-nav .nav-link.active, .bsui .uwp-profile-tabs .navbar-nav .show > .nav-link { color:var(--uwp-nx-cyan)!important; background:linear-gradient(180deg, rgba(22,221,255,.10), rgba(157,99,255,.08))!important; border-color:rgba(22,221,255,.30)!important; box-shadow:inset 0 -2px 0 var(--uwp-nx-cyan), 0 0 16px rgba(22,221,255,.06)!important; } .uwp-profile-tabs .navbar-toggler, .uwp-profile-tabs .navbar-light .navbar-toggler, .bsui .uwp-profile-tabs .navbar-toggler { color:var(--uwp-nx-text)!important; background:rgba(7,16,30,.62)!important; border:1px solid rgba(22,221,255,.28)!important; border-radius:9px!important; } .uwp-profile-tabs .navbar-toggler-icon, .uwp-profile-tabs .navbar-light .navbar-toggler-icon, .bsui .uwp-profile-tabs .navbar-toggler-icon { filter:invert(1) brightness(1.7) saturate(.2); } /* Users directory */ .uwp_page .uwp-users-list, .bsui .uwp-users-list { display:grid; gap:16px; } .uwp_page .uwp-users-list .uwp-user-item, .uwp_page .uwp-user-item, .bsui .uwp-user-item, .bsui .uwp-users-list .card { color:var(--uwp-nx-text)!important; background:#0b1729!important; border:1px solid rgba(22,221,255,.18)!important; border-radius:14px!important; transition:.18s ease; } .uwp_page .uwp-user-item:hover,.bsui .uwp-users-list .card:hover { border-color:rgba(255,66,223,.55)!important; box-shadow:0 0 24px rgba(255,66,223,.10)!important; transform:translateY(-2px); } /* Account/sidebar lists */ .uwp_page .list-group-item,.bsui .list-group-item { color:var(--uwp-nx-text)!important; background:#0b1729!important; border-color:rgba(22,221,255,.14)!important; } .uwp_page .list-group-item.active,.bsui .list-group-item.active { color:#041019!important; background:linear-gradient(90deg,var(--uwp-nx-magenta),var(--uwp-nx-cyan))!important; border-color:transparent!important; } /* Dropdowns / pagination */ .uwp_page .dropdown-menu,.bsui .dropdown-menu { background:#081426!important; border:1px solid var(--uwp-nx-border)!important; box-shadow:0 18px 48px rgba(0,0,0,.45)!important; } .uwp_page .dropdown-item,.bsui .dropdown-item { color:var(--uwp-nx-text)!important; } .uwp_page .dropdown-item:hover,.bsui .dropdown-item:hover { background:rgba(22,221,255,.08)!important; } .uwp_page .page-link,.bsui .page-link { color:var(--uwp-nx-cyan)!important; background:#0b1729!important; border-color:var(--uwp-nx-border)!important; } .uwp_page .page-item.active .page-link,.bsui .page-item.active .page-link { color:#041019!important; background:linear-gradient(90deg,var(--uwp-nx-magenta),var(--uwp-nx-cyan))!important; border-color:transparent!important; } /* Tables */ .uwp_page table,.bsui table { color:var(--uwp-nx-text)!important; } .uwp_page th,.uwp_page td,.bsui th,.bsui td { border-color:rgba(22,221,255,.16)!important; } .uwp_page thead,.bsui thead { background:rgba(22,221,255,.06)!important; } /* Modals */ .bsui .modal-backdrop.show { opacity:.8!important; } .bsui .modal-header,.bsui .modal-footer { border-color:rgba(22,221,255,.15)!important; } .bsui .btn-close { filter:invert(1) grayscale(1); } /* Third-party UsersWP blocks/widgets often inherit Bootstrap text colors. */ .uwp_page .text-dark,.bsui .text-dark { color:var(--uwp-nx-text)!important; } .uwp_page .bg-white,.bsui .bg-white { background:#0b1729!important; } .uwp_page .border,.bsui .border { border-color:rgba(22,221,255,.20)!important; } @media (max-width:700px) { .uwp_page .uwp-login-form,.uwp_page .uwp-registration-form { padding:20px!important; } .uwp_page .uwp-account-form,.bsui .uwp-account-form { padding:12px!important; } } /* UsersWP post author box -------------------------------------------------- This widget is commonly rendered on ordinary single-post templates rather than inside .uwp_page, so it needs its own root-level Nexora skin. */ .uwp_widget_author_box, .bsui .uwp_widget_author_box { --uwp-nx-bg: var(--wp--preset--color--base, #07101e); --uwp-nx-panel: var(--wp--preset--color--secondary-bg, #101d33); --uwp-nx-panel-2: #11223c; --uwp-nx-border: color-mix(in srgb, var(--wp--preset--color--primary, #16ddff) 28%, transparent); --uwp-nx-text: var(--wp--preset--color--contrast, #f4f7ff); --uwp-nx-muted: var(--wp--preset--color--accent-4, #94a8c1); --uwp-nx-cyan: var(--wp--preset--color--primary, #16ddff); --uwp-nx-magenta: var(--wp--preset--color--secondary, #ff42df); --uwp-nx-purple: var(--wp--preset--color--accent, #9d63ff); --uwp-nx-green: var(--wp--preset--color--accent-5, #39ff14); position: relative; overflow: hidden; color: var(--uwp-nx-text) !important; background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--uwp-nx-cyan) 12%, transparent), transparent 34%), linear-gradient(180deg, rgba(16,29,51,.98), rgba(8,18,34,.98)) !important; border: 1px solid var(--uwp-nx-border) !important; border-radius: 16px !important; box-shadow: 0 0 26px rgba(22,221,255,.10), 0 0 40px rgba(157,99,255,.07) !important; font-family: var(--wp--preset--font-family--system, inherit) !important; } .uwp_widget_author_box::before, .bsui .uwp_widget_author_box::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; pointer-events: none; background: linear-gradient(90deg, var(--uwp-nx-cyan), var(--uwp-nx-purple), var(--uwp-nx-magenta), var(--uwp-nx-green)); } /* UsersWP can wrap the widget contents in Bootstrap cards. Give the inner author surface its own explicit dark-glass background so Bootstrap/AyeCode light-background utility classes cannot show through as white. */ .uwp_widget_author_box .card, .uwp_widget_author_box .card-body, .uwp_widget_author_box .uwp-author-box, .uwp_widget_author_box .uwp_author_box, .uwp_widget_author_box .media, .bsui.uwp_widget_author_box .card, .bsui.uwp_widget_author_box .card-body, .bsui.uwp_widget_author_box .uwp-author-box, .bsui.uwp_widget_author_box .uwp_author_box, .bsui.uwp_widget_author_box .media, .bsui .uwp_widget_author_box .card, .bsui .uwp_widget_author_box .card-body, .bsui .uwp_widget_author_box .uwp-author-box, .bsui .uwp_widget_author_box .uwp_author_box, .bsui .uwp_widget_author_box .media { color: var(--uwp-nx-text) !important; background: radial-gradient(circle at 10% 0%, rgba(22,221,255,.08), transparent 34%), linear-gradient(180deg, rgba(16,29,51,.94), rgba(7,16,30,.96)) !important; background-color: #0b1729 !important; border-color: rgba(22,221,255,.16) !important; box-shadow: none !important; backdrop-filter: blur(14px) saturate(125%); -webkit-backdrop-filter: blur(14px) saturate(125%); } /* Hard override the Bootstrap/AyeCode light surface utilities used by some versions/configurations of the UsersWP author box. */ .uwp_widget_author_box .bg-white, .uwp_widget_author_box .bg-light, .uwp_widget_author_box .bg-body, .uwp_widget_author_box .bg-body-secondary, .uwp_widget_author_box .bg-body-tertiary, .bsui.uwp_widget_author_box .bg-white, .bsui.uwp_widget_author_box .bg-light, .bsui.uwp_widget_author_box .bg-body, .bsui.uwp_widget_author_box .bg-body-secondary, .bsui.uwp_widget_author_box .bg-body-tertiary, .bsui .uwp_widget_author_box .bg-white, .bsui .uwp_widget_author_box .bg-light, .bsui .uwp_widget_author_box .bg-body, .bsui .uwp_widget_author_box .bg-body-secondary, .bsui .uwp_widget_author_box .bg-body-tertiary { color: var(--uwp-nx-text) !important; background: rgba(7,16,30,.72) !important; background-color: rgba(7,16,30,.72) !important; background-image: none !important; } .uwp_widget_author_box .card-header, .uwp_widget_author_box .card-footer, .bsui.uwp_widget_author_box .card-header, .bsui.uwp_widget_author_box .card-footer, .bsui .uwp_widget_author_box .card-header, .bsui .uwp_widget_author_box .card-footer { color: var(--uwp-nx-text) !important; background: rgba(7,16,30,.34) !important; border-color: rgba(22,221,255,.16) !important; box-shadow: none !important; } .uwp_widget_author_box .card-header, .uwp_widget_author_box .card-footer, .bsui .uwp_widget_author_box .card-header, .bsui .uwp_widget_author_box .card-footer { border-color: rgba(22,221,255,.16) !important; } .uwp_widget_author_box h1, .uwp_widget_author_box h2, .uwp_widget_author_box h3, .uwp_widget_author_box h4, .uwp_widget_author_box h5, .uwp_widget_author_box h6, .uwp_widget_author_box .card-title, .uwp_widget_author_box .uwp-author-name, .bsui .uwp_widget_author_box h1, .bsui .uwp_widget_author_box h2, .bsui .uwp_widget_author_box h3, .bsui .uwp_widget_author_box h4, .bsui .uwp_widget_author_box h5, .bsui .uwp_widget_author_box h6, .bsui .uwp_widget_author_box .card-title, .bsui .uwp_widget_author_box .uwp-author-name { color: var(--uwp-nx-text) !important; font-family: var(--wp--preset--font-family--display, var(--wp--preset--font-family--system, inherit)) !important; } .uwp_widget_author_box p, .uwp_widget_author_box small, .uwp_widget_author_box .text-muted, .uwp_widget_author_box .uwp-author-bio, .bsui .uwp_widget_author_box p, .bsui .uwp_widget_author_box small, .bsui .uwp_widget_author_box .text-muted, .bsui .uwp_widget_author_box .uwp-author-bio { color: var(--uwp-nx-muted) !important; } .uwp_widget_author_box a, .bsui .uwp_widget_author_box a { color: var(--uwp-nx-cyan) !important; text-decoration-color: color-mix(in srgb, var(--uwp-nx-cyan) 45%, transparent) !important; } .uwp_widget_author_box a:hover, .uwp_widget_author_box a:focus-visible, .bsui .uwp_widget_author_box a:hover, .bsui .uwp_widget_author_box a:focus-visible { color: var(--uwp-nx-magenta) !important; } .uwp_widget_author_box img.avatar, .uwp_widget_author_box .avatar img, .uwp_widget_author_box .uwp-avatar img, .uwp_widget_author_box .uwp-author-avatar img, .bsui .uwp_widget_author_box img.avatar, .bsui .uwp_widget_author_box .avatar img, .bsui .uwp_widget_author_box .uwp-avatar img, .bsui .uwp_widget_author_box .uwp-author-avatar img { border-radius: 50% !important; border: 2px solid var(--uwp-nx-magenta) !important; box-shadow: 0 0 0 3px rgba(22,221,255,.38), 0 0 22px rgba(255,66,223,.22) !important; } .uwp_widget_author_box .btn:not(.no-decoration), .uwp_widget_author_box button:not(.no-decoration), .bsui .uwp_widget_author_box .btn:not(.no-decoration), .bsui .uwp_widget_author_box button:not(.no-decoration) { color: #041019 !important; background: linear-gradient(90deg, var(--uwp-nx-magenta), var(--uwp-nx-cyan)) !important; border: 1px solid transparent !important; border-radius: 10px !important; font-weight: 800 !important; box-shadow: 0 0 22px rgba(22,221,255,.13) !important; transition: color .18s ease, background-color .18s ease, border-color .18s ease, filter .18s ease !important; } .uwp_widget_author_box .btn:not(.no-decoration):hover, .uwp_widget_author_box button:not(.no-decoration):hover, .uwp_widget_author_box .btn:not(.no-decoration):focus-visible, .uwp_widget_author_box button:not(.no-decoration):focus-visible, .bsui .uwp_widget_author_box .btn:not(.no-decoration):hover, .bsui .uwp_widget_author_box button:not(.no-decoration):hover, .bsui .uwp_widget_author_box .btn:not(.no-decoration):focus-visible, .bsui .uwp_widget_author_box button:not(.no-decoration):focus-visible { filter: brightness(1.10); } .uwp_widget_author_box .list-group-item, .bsui .uwp_widget_author_box .list-group-item { color: var(--uwp-nx-text) !important; background: rgba(7,16,30,.42) !important; border-color: rgba(22,221,255,.14) !important; } .uwp_widget_author_box hr, .bsui .uwp_widget_author_box hr { border-color: rgba(22,221,255,.16) !important; opacity: 1 !important; } @media (max-width: 700px) { .uwp_widget_author_box, .bsui .uwp_widget_author_box { border-radius: 14px !important; } } /* UsersWP account/edit navigation + user post-count widget ----------------- These are emitted by UsersWP outside the .uwp-profile-tabs structure. */ .uwp_widget_account .navbar-light, .uwp_widget_account .navbar-light > .bg-light, .uwp_widget_account .bg-light, .uwp-account-class .navbar-light, .uwp-account-class .navbar-light > .bg-light, .uwp-account-class .bg-light, .bsui.uwp-account-class .navbar-light, .bsui.uwp-account-class .navbar-light > .bg-light, .bsui .uwp_widget_account .navbar-light, .bsui .uwp_widget_account .bg-light { color: var(--uwp-nx-text, #f4f7ff) !important; background: radial-gradient(circle at 12% 0%, rgba(22,221,255,.10), transparent 34%), linear-gradient(180deg, rgba(16,29,51,.90), rgba(7,16,30,.92)) !important; background-color: rgba(7,16,30,.90) !important; border-color: rgba(22,221,255,.20) !important; } .uwp_widget_account .navbar-light, .uwp-account-class .navbar-light, .bsui.uwp-account-class .navbar-light, .bsui .uwp_widget_account .navbar-light { border: 1px solid rgba(22,221,255,.20) !important; border-radius: 14px !important; overflow: hidden; box-shadow: 0 12px 34px rgba(0,0,0,.28), 0 0 24px rgba(22,221,255,.07) !important; } /* UWP > User Post Counts. UsersWP renders this as