/* BuddyBoss Platform (feed, perfil, grupos, mensagens, fóruns) com os tokens do tema. O Platform foi pensado para rodar junto do BuddyBoss Theme; aqui fazemos o papel dele só no que aparece. */ /* Cabeçalho de perfil e grupo: o Platform deixa o título branco (feito para ficar sobre a capa), mas aqui ele cai abaixo dela. */ #item-header-cover-image .user-nicename, #item-header-cover-image .bb-bp-group-title, #item-header-cover-image #item-header-content h1, #item-header-cover-image #item-header-content h2, #item-header-cover-image #item-header-content h3 { color: var(--pd-heading) !important; text-shadow: none !important; font-family: var(--pd-font-display); font-weight: 500; } #item-header-cover-image #item-header-content, #item-header-cover-image #item-header-content .activity, #item-header-cover-image #item-header-content .group-type, #item-header-cover-image #item-header-content .bb-user-content-wrap { color: #5A5A5A !important; text-shadow: none !important; } #item-header-cover-image #item-header-content a { color: var(--pd-heading) !important; text-shadow: none !important; } #item-header-cover-image #item-header-content a:hover { color: var(--pd-accent-text); } #cover-image-container { border-radius: var(--pd-radius) var(--pd-radius) 0 0; overflow: visible; } #header-cover-image { border-radius: var(--pd-radius) var(--pd-radius) 0 0; overflow: hidden; } #item-header-avatar img.avatar { border: 4px solid var(--pd-surface); box-shadow: var(--pd-shadow-card); } /* Abas do perfil/grupo: a ativa em destaque, as demais legíveis */ #object-nav a, .bp-navs a { color: var(--pd-heading); } #object-nav .current a, .bp-navs .current a, .bp-navs li.selected a { color: var(--pd-text); font-weight: 600; } .bp-navs.main-navs a:hover { color: var(--pd-accent-text); } /* Feed */ .activity-list .activity-item { background: var(--pd-surface); border: 1px solid var(--pd-border); border-radius: var(--pd-radius); box-shadow: var(--pd-shadow-card); } .activity-list .activity-header a { color: var(--pd-heading); text-decoration: none; font-weight: 600; } .activity-list .activity-header a:hover { color: var(--pd-accent-text); } .activity-list .activity-header .time-since, .activity-list .activity-header a.view { color: var(--pd-muted-text); font-weight: 400; font-size: 13px; } .activity-list .activity-content .activity-inner { color: var(--pd-text); } .activity-list .activity-inner a { color: var(--pd-accent-text); } .activity-list .activity-inner a:hover { color: var(--pd-accent); text-decoration: underline; } .activity-list .activity-meta .button, .activity-list .activity-meta a.button { color: #5A5A5A; background: transparent; border-color: transparent; } .activity-list .activity-meta .button:hover { color: var(--pd-accent-text); background: var(--pd-nav-hover); } #whats-new-form { border: 1px solid var(--pd-border); border-radius: var(--pd-radius); background: var(--pd-surface); } /* Diretórios (membros, grupos): cartões iguais aos do resto do site */ #members-list .list-wrap, #groups-list .list-wrap, .bb-card-list .list-wrap { border-radius: var(--pd-radius); border-color: var(--pd-border); box-shadow: var(--pd-shadow-card); } #members-list .item-title a, #groups-list .item-title a { color: var(--pd-heading); } #members-list .item-title a:hover, #groups-list .item-title a:hover { color: var(--pd-accent-text); } /* Mensagens, notificações, configurações */ .bp-messages-wrap, .bp-messages-content { color: var(--pd-text); } .bp-messages-wrap a { color: var(--pd-heading); } .bp-messages-wrap a:hover { color: var(--pd-accent-text); } .bb-bp-settings .subnav a, #subnav a { color: var(--pd-heading); } #subnav .current a { color: var(--pd-text); font-weight: 600; } /* Fóruns (bbPress) */ #bbpress-forums { color: var(--pd-text); } #bbpress-forums a { color: var(--pd-heading); } #bbpress-forums a:hover { color: var(--pd-accent-text); } #bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink { font-weight: 600; } #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-replies { border-color: var(--pd-border); border-radius: var(--pd-radius); } @media (max-width: 900px) { #item-header-avatar img.avatar { width: 96px; height: 96px; } } /* Cadastro e ativação */ .pd-container--auth { max-width: 680px; } .pd-auth { padding: 36px 40px; } .pd-auth__header { margin-bottom: 24px; } .pd-auth__lead { margin: 8px 0 0; color: #5A5A5A; } .registration .layout-wrap { display: grid; gap: 4px; } .registration .bb-signup-field, .registration .editfield { margin: 0 0 18px; } .registration .editfield fieldset { border: 0; padding: 0; margin: 0; min-width: 0; } .registration .editfield legend, .registration .bb-signup-field > label, .registration .editfield label { display: block; margin: 0 0 6px; padding: 0; font-size: 14px; font-weight: 600; color: var(--pd-heading); } .registration .editfield .description, .registration .field-visibility-settings-toggle, .registration .bp-field-visibility, .registration .field-visibility-settings-notoggle { margin: 4px 0 0; font-size: 13px; color: var(--pd-muted-text); } .registration .radio-button-options, .registration .checkbox-options { display: flex; flex-wrap: wrap; gap: 10px 22px; } .registration .bp-radio-wrap, .registration .bp-checkbox-wrap { display: flex; align-items: center; gap: 8px; } .registration .bp-radio-wrap label, .registration .bp-checkbox-wrap label { margin: 0; font-weight: 400; color: var(--pd-text); } .registration input[type="radio"], .registration input[type="checkbox"] { width: 18px; height: 18px; min-height: 0; accent-color: var(--pd-accent); } .registration input[type="file"] { width: 100%; padding: 10px 12px; border: 1px dashed var(--pd-border); border-radius: 6px; background: var(--pd-surface-alt); font-size: 14px; } .registration .register-privacy-info { margin: 18px 0; font-size: 13px; color: #5A5A5A; } .registration .register-privacy-info a { color: var(--pd-accent-text); text-decoration: underline; } .registration .submit { margin-top: 8px; } .registration #signup_submit { width: 100%; min-height: 46px; border-radius: var(--pd-radius-btn); font-size: 16px; } .registration .bb-password-wrap { position: relative; } .registration .bb-password-wrap input { width: 100%; } #pass-strength-result, #email-strength-result { margin-top: 6px; font-size: 13px; } .registration .mfp-hide { display: none !important; } .registration .buddypress-wrap, .registration #buddypress { max-width: none; margin-left: 0; margin-right: 0; } .registration #signup_submit { background: var(--pd-accent-bg); border-color: var(--pd-accent-bg); color: #fff; } .registration #signup_submit:hover { background: var(--pd-accent-hover); border-color: var(--pd-accent); } /* Acessibilidade: contagem de paginação do BuddyBoss (4,4:1 -> 5,0:1) */ .pag-data, .bp-pagination .pag-data { color: var(--pd-muted-text); } /* Perfil: medidas do portal anterior (1440 px). Contêiner de 1180 px, cabeçalho em cartão, abas e dados em cartão. */ .pd-container--bp { max-width: 1180px; } #cover-image-container { box-sizing: border-box; padding: 30px 30px 0; border: 1px solid var(--pd-border); border-radius: 0; background: var(--pd-surface); } #cover-image-container #header-cover-image { margin: -30px -30px 0 !important; width: auto !important; border-radius: 0; } #item-header-avatar { margin: -40px 30px 5px 0; } #item-header-avatar img.avatar { width: 170px !important; height: 170px !important; border-radius: 50%; border: 3px solid var(--pd-surface); box-shadow: 0 2px 5px rgba(18, 43, 70, .12), 0 0 0 1px var(--pd-border); } #item-header-avatar .member-status { width: 15px; height: 15px; border: 2px solid var(--pd-surface); background: var(--pd-success); } #item-header-cover-image #item-header-content .user-nicename { font-size: 28.8px !important; font-weight: 700 !important; line-height: 35px; margin: 0; } #item-header-cover-image .bp-member-type { padding: 5px 15px; border-radius: 100px; background: var(--pd-soft); color: var(--pd-accent) !important; font-size: 11px; font-weight: 700; letter-spacing: .25px; line-height: 13px; } #item-header-cover-image .member-title-wrap { gap: 15px; } #item-header-cover-image .item-meta { margin: 0 0 10px; color: var(--pd-muted-text) !important; font-size: 14px; } #item-header-cover-image .followers-wrap, #item-header-cover-image .following-wrap { margin: 6px 20px 5px 0; color: var(--pd-muted-text); font-size: 14px; line-height: 14px; } #item-header-cover-image .followers-wrap strong, #item-header-cover-image .following-wrap strong { margin-right: 3px; color: var(--pd-text); font-weight: 500; } .member-social > .flex { flex-direction: row; } #object-nav.bp-navs { box-sizing: border-box; margin: -1px 0 20px; padding: 0 30px; border: 1px solid var(--pd-border); border-radius: 0 0 4px 4px; background: var(--pd-surface); } #object-nav ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } #object-nav li { padding: 0 30px 0 0; margin: 0; } #object-nav li a { display: block; margin: 0 0 -1px; padding: 11px 0; border-bottom: 1px solid transparent; background: transparent; font-size: 14px; font-weight: 400; line-height: 28px; color: var(--pd-text); } #object-nav li a .bb-single-nav-item-point { padding: 0; } #object-nav li.current a, #object-nav li.selected a { border-bottom-color: var(--pd-accent); color: var(--pd-heading); font-weight: 500; background: transparent; } #object-nav li a:hover { color: var(--pd-accent-text); } #subnav:has(~ .profile.public) { display: none; } .bp-profile-wrapper { margin: 0 0 30px; } .bp-profile-wrapper .group-separator-block { margin: 0 0 30px; padding: 0 30px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } .bp-profile-wrapper .profile-loop-header { display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px; padding: 20px 0; border-bottom: 1px solid var(--pd-border); } .bp-profile-wrapper .bb-profile-title { margin: 0; color: var(--pd-heading); font-family: var(--pd-font); font-size: 18px; font-weight: 700; line-height: 32px; } .bp-profile-wrapper a.button.outline { display: inline-flex; align-items: center; height: 36px; box-sizing: border-box; margin: 0; padding: 0 20px; border: 1px solid var(--pd-soft); border-radius: 100px; background: var(--pd-soft); color: #1E2132; font-size: 14px; font-weight: 500; } .bp-profile-wrapper a.button.outline:hover { background: var(--pd-nav-hover); } .bp-profile-wrapper table.profile-fields { width: 100%; margin: 0; border: 0; border-collapse: collapse; background: transparent; } .bp-profile-wrapper table.profile-fields tr, .bp-profile-wrapper table.profile-fields td { border: 0; background: transparent; } .bp-profile-wrapper table.profile-fields td { padding: 0 0 12px; font-size: 14px; font-weight: 400; line-height: 24px; color: var(--pd-text); vertical-align: top; } .bp-profile-wrapper table.profile-fields td.label { width: 25%; padding-right: 12px; color: var(--pd-muted-text); } .bp-profile-wrapper table.profile-fields td.data p { margin: 0; } .bp-profile-wrapper table.profile-fields td.data a { color: var(--pd-accent-text); text-decoration: none; } /* Abas do perfil na ordem do portal anterior; Conta, Notificações e Mensagens ficam só no menu da conta */ #object-nav li#settings-personal-li, #object-nav li#notifications-personal-li, #object-nav li#messages-personal-li { display: none; } #object-nav li#pd-courses-personal-li { order: 1; } #object-nav li#video-personal-li, #object-nav li#media-personal-li, #object-nav li#forums-personal-li, #object-nav li#document-personal-li, #object-nav li#invites-personal-li { order: 2; } #item-header-avatar img.avatar { max-width: none !important; object-fit: cover; } .bp-profile-wrapper a.button.outline { min-height: 0; height: 36px; padding-top: 0; padding-bottom: 0; line-height: 34px; } .bp-profile-wrapper table.profile-fields td { line-height: 34px; background: transparent !important; } .bp-profile-wrapper table.profile-fields td.label { width: 25% !important; font-weight: 400; } .bp-profile-wrapper table.profile-fields td.data { padding-left: 0 !important; } .bp-profile-wrapper table.profile-fields td.data p { padding: 0; line-height: 34px; } #item-header { margin-bottom: 0 !important; } #item-header-cover-image { padding: 0 0 30px; } #item-header-avatar { width: 170px; padding: 0 !important; flex: 0 0 170px; } #item-header-cover-image .member-title-wrap { flex-direction: row !important; flex-wrap: nowrap; align-items: center; } #item-header-cover-image .member-social .flex, #item-header-cover-image .member-social > div { flex-direction: row !important; align-items: center; } .bp-profile-wrapper table.profile-fields td.data { padding: 0 0 12px !important; border: 0 !important; } .bp-profile-wrapper table.profile-fields td.label { padding: 0 12px 12px 0 !important; border: 0 !important; } /* Utilitárias de linha que o BuddyBoss Theme fornecia ao cabeçalho do perfil */ #item-header-content .flex, #item-header-content .member-title-wrap, #item-header-content .member-social, #item-header-content .member-social > div { display: flex; } #item-header-content .member-title-wrap { margin: 30px 0 6px; align-items: center; } #item-header-content .member-title-wrap h2 { margin-right: 15px; } #item-header-content .member-social { flex-wrap: wrap; align-items: flex-start; } #item-header-content .member-social > div { margin: 0 0 10px; } #item-header-content .followers-wrap, #item-header-content .following-wrap { display: flex; align-items: center; } #item-header-cover-image .member-title-wrap { gap: 0; } #item-header-cover-image #item-header-content .member-title-wrap h2.user-nicename { margin: 0 15px 0 0; } #item-header-cover-image #item-header-content .item-meta { margin: 0 0 10px; padding: 0; line-height: 19px; min-height: 0; } #item-header-cover-image { margin: 0 !important; } .bp-profile-wrapper .bp-widget { margin: 0 0 5px; } /* Sub-abas (Minhas conexões / Solicitações etc.), como no portal anterior */ #subnav.bp-subnavs { margin: 0 0 20px; padding: 0; border: 0; background: transparent; box-shadow: none; font-size: 14px; line-height: 27px; } #subnav.bp-subnavs ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } #subnav.bp-subnavs li { margin: 0; padding: 0 30px 0 0; } #subnav.bp-subnavs li a { display: block; margin: 0 0 -1px; padding: 5px 0; border: 0; border-bottom: 1px solid transparent; background: transparent; color: var(--pd-text); font-size: 14px; font-weight: 400; line-height: 27px; } #subnav.bp-subnavs li.current a, #subnav.bp-subnavs li.selected a { border-bottom-color: var(--pd-accent); background: transparent; color: var(--pd-heading); font-weight: 500; } #subnav.bp-subnavs li a:hover { color: var(--pd-accent-text); } @media (min-width: 901px) { #object-nav.bp-navs { overflow: visible; } } @media (max-width: 900px) { #object-nav.bp-navs { padding: 0 16px; overflow-x: auto; } #object-nav.bp-navs ul { flex-wrap: nowrap; } #object-nav.bp-navs li, #object-nav.bp-navs li a { background: transparent !important; white-space: nowrap; } #object-nav.bp-navs li { flex: 0 0 auto; } .bp-profile-wrapper table.profile-fields td { line-height: 22px; } .bp-profile-wrapper table.profile-fields td.label { width: 40% !important; } .bp-profile-wrapper table.profile-fields td.data p { line-height: 22px; } } /* Controles do BuddyBoss (avisos, botões, filtros, títulos) com as medidas do portal anterior */ .pd-bp-page { line-height: 1.6875; } .pd-bp-page .bp-feedback { margin: 0 0 20px; padding: 0; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); box-shadow: none; color: var(--pd-text); } .pd-bp-page .bp-feedback .bp-icon { border-radius: 4px 0 0 4px; background: var(--pd-info); } .pd-bp-page .bp-feedback.error .bp-icon { background: var(--pd-error); } .pd-bp-page .bp-feedback.success .bp-icon { background: var(--pd-success); } .pd-bp-page .bp-feedback p { padding: 10px 20px 10px 5px; color: var(--pd-text); font-size: 14px; line-height: 21px; } .pd-bp-page .bb-title, .pd-bp-page #item-body h2.bb-title { margin: 0 0 27px; color: var(--pd-heading); font-family: var(--pd-font); font-size: 24px; font-weight: 700; line-height: 32px; } .pd-bp-page .bb-item-count { margin: 0 0 20px; font-size: 16px; font-weight: 500; } .pd-bp-page a.button.small, .pd-bp-page .bb-media-actions a.button, .pd-bp-page .bb-media-actions-wrap a.button { display: inline-block; height: 36px; box-sizing: border-box; margin: 0; padding: 0 20px; border: 1px solid var(--pd-soft); border-radius: 100px; background: var(--pd-soft); color: #1E2132; font-size: 14px; font-weight: 500; line-height: 34px; } .pd-bp-page a.button.small:hover, .pd-bp-page .bb-media-actions a.button:hover { background: var(--pd-nav-hover); border-color: var(--pd-nav-hover); } .pd-bp-page .bb-media-actions-wrap { display: flex; margin: 0 0 20px; } .pd-bp-page .bp-document-listing .bb-media-actions-wrap { margin-left: 10px; } .pd-bp-page .subnav-filters, .pd-bp-page .bp-members-filter-wrap { margin: 0 0 20px; } .pd-bp-page .select-wrap, .pd-bp-page .grid-filters { border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } .pd-bp-page .select-wrap { height: 36px; } .pd-bp-page .select-wrap select { font-size: 14px; } .pd-bp-page .search-form-has-reset, .pd-bp-page #bp-document-search { height: 34px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } .pd-bp-page .bb-media-container { box-sizing: border-box; padding: 20px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } .pd-bp-page .media-search-form { box-sizing: border-box; width: 218px; height: 36px; border: 1px solid var(--pd-border); border-radius: 4px; } .pd-bp-page .media-search-form form, .pd-bp-page .media-search-form input { height: 34px; padding-top: 0; padding-bottom: 0; font-size: 14px; } .pd-bp-page a.button.small { height: 36px !important; line-height: 34px !important; min-height: 0; } /* Configurações da conta: título + cartão com menu lateral (sem a capa do perfil), como no portal anterior */ body.bp-user.settings #item-header, body.bp-user.settings #object-nav { display: none; } .settings-header { display: flex; align-items: center; justify-content: space-between; margin: 0 0 30px; } .settings-header .settings-title { margin: 0; color: var(--pd-heading); font-family: var(--pd-font); font-size: 32px; font-weight: 700; line-height: 38.4px; } .settings-header a.button.outline { display: inline-flex; align-items: center; height: 36px; box-sizing: border-box; padding: 0 20px; border: 1px solid var(--pd-soft); border-radius: 100px; background: var(--pd-soft); color: #1E2132; font-size: 14px; font-weight: 500; line-height: 34px; } body.bp-user.settings #item-body { display: grid; grid-template-columns: 245px minmax(0, 1fr); margin: 0 0 30px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } body.bp-user.settings #item-body > #subnav { grid-column: 1; grid-row: 1 / span 30; margin: 0; padding: 30px 0; border: 0; border-right: 1px solid var(--pd-border); border-radius: 4px 0 0 4px; background: var(--pd-bg); } body.bp-user.settings #item-body > :not(#subnav) { grid-column: 2; margin-left: 50px; margin-right: 50px; } body.bp-user.settings #item-body > #subnav + * { margin-top: 55px; } body.bp-user.settings #item-body > :last-child { margin-bottom: 55px; } body.bp-user.settings #subnav.bp-subnavs ul { display: block; } body.bp-user.settings #subnav.bp-subnavs li { padding: 0; } body.bp-user.settings #subnav.bp-subnavs li a { display: flex; align-items: center; gap: 10px; margin: 0 0 1px; padding: 16px 20px; border: 0; font-size: 14px; line-height: 18px; color: var(--pd-heading); font-weight: 400; } body.bp-user.settings #subnav.bp-subnavs li.current a { background: var(--pd-surface); font-weight: 500; } body.bp-user.settings #subnav.bp-subnavs li a::before { content: ""; flex: 0 0 16px; height: 16px; background: currentColor; -webkit-mask: var(--pd-ic) center / contain no-repeat; mask: var(--pd-ic) center / contain no-repeat; opacity: .75; } body.bp-user.settings #general-personal-li a { --pd-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 00.3 1.8l.1.1a2 2 0 11-2.8 2.8l-.1-.1a1.7 1.7 0 00-1.8-.3 1.7 1.7 0 00-1 1.5V21a2 2 0 11-4 0v-.1a1.7 1.7 0 00-1.1-1.5 1.7 1.7 0 00-1.8.3l-.1.1a2 2 0 11-2.8-2.8l.1-.1a1.7 1.7 0 00.3-1.8 1.7 1.7 0 00-1.5-1H3a2 2 0 110-4h.1a1.7 1.7 0 001.5-1.1 1.7 1.7 0 00-.3-1.8l-.1-.1a2 2 0 112.8-2.8l.1.1a1.7 1.7 0 001.8.3H9a1.7 1.7 0 001-1.5V3a2 2 0 114 0v.1a1.7 1.7 0 001 1.5 1.7 1.7 0 001.8-.3l.1-.1a2 2 0 112.8 2.8l-.1.1a1.7 1.7 0 00-.3 1.8V9a1.7 1.7 0 001.5 1H21a2 2 0 110 4h-.1a1.7 1.7 0 00-1.5 1z'/%3E%3C/svg%3E"); } body.bp-user.settings #notifications-personal-li a { --pd-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 01-3.4 0'/%3E%3C/svg%3E"); } body.bp-user.settings #profile-personal-li a { --pd-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11h14v10H5zM8 11V7a4 4 0 118 0v4'/%3E%3C/svg%3E"); } body.bp-user.settings #blocked-members-personal-li a { --pd-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM18 8l5 5M23 8l-5 5'/%3E%3C/svg%3E"); } body.bp-user.settings #invites-personal-li a { --pd-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.9M16 3.1a4 4 0 010 7.8'/%3E%3C/svg%3E"); } body.bp-user.settings #export-personal-li a { --pd-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 17l4 4 4-4M12 12v9M20.9 18.9A5 5 0 0018 10h-1.3A8 8 0 103 16.3'/%3E%3C/svg%3E"); } body.bp-user.settings #item-body h2.screen-heading { margin: 0 0 27px; color: var(--pd-heading); font-family: var(--pd-font); font-size: 22px; font-weight: 500; line-height: 24.2px; } body.bp-user.settings #item-body label { margin: 15px 0 12px; font-size: 16px; font-weight: 400; color: var(--pd-text); } body.bp-user.settings #item-body .standard-form input[type=text], body.bp-user.settings #item-body .standard-form input[type=email], body.bp-user.settings #item-body .standard-form input[type=password] { border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } body.bp-user.settings #item-body .standard-form input[type=submit] { height: 40px; padding: 0 24px; border: 0; border-radius: 100px; background: var(--pd-accent-bg); color: #fff; font-size: 14px; font-weight: 500; } body.bp-user.settings #item-body .standard-form input[type=submit]:hover { background: var(--pd-accent-hover); } /* Notificações e mensagens também não mostram a capa do perfil; convites ficam num cartão */ body.bp-user.notifications #item-header, body.bp-user.notifications #object-nav, body.bp-user.messages #item-header, body.bp-user.messages #object-nav { display: none; } body.bp-user.invites #item-body { box-sizing: border-box; padding: 30px 50px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } @media (max-width: 900px) { .settings-header .settings-title { font-size: 24px; line-height: 30px; } .settings-header a.button.outline { white-space: nowrap; } body.bp-user.settings #item-body { display: block; } body.bp-user.settings #item-body > #subnav { padding: 8px 0; border-right: 0; border-bottom: 1px solid var(--pd-border); border-radius: 4px 4px 0 0; } body.bp-user.settings #item-body > :not(#subnav) { margin-left: 20px; margin-right: 20px; } body.bp-user.settings #item-body > #subnav + * { margin-top: 24px; } body.bp-user.settings #item-body > :last-child { margin-bottom: 24px; } body.bp-user.invites #item-body { padding: 20px; } } /* Diretórios (Grupos, Membros): título, busca no canto, abas, filtros e grade de 4 colunas do portal anterior (1440 px) */ .pd-bp-page > .entry-header, .pd-bp-page .pd-dir-title { margin: 0 0 32px; } .pd-dir-title h1 { margin: 0; color: var(--pd-heading); font-family: var(--pd-font); font-size: 28px; font-weight: 700; line-height: 24px; } #buddypress.bp-dir-hori-nav { position: relative; } #buddypress.bp-dir-hori-nav .subnav-search { position: absolute; top: -56px; right: 0; width: 221px; height: 36px; margin: 0; } #buddypress.bp-dir-hori-nav .subnav-search .dir-search, #buddypress.bp-dir-hori-nav .subnav-search form { width: 100%; height: 36px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } #buddypress.bp-dir-hori-nav .subnav-search input[type=search], #buddypress.bp-dir-hori-nav .subnav-search input[type=text] { height: 34px; font-size: 14px; } #buddypress .dir-navs.bp-navs { margin: 0 0 20px; } #buddypress .dir-navs.bp-navs ul { display: flex; margin: 0; padding: 0; list-style: none; } #buddypress .dir-navs.bp-navs li { padding: 0 30px 0 0; margin: 0; } #buddypress .dir-navs.bp-navs li a { display: block; margin: 0 0 -1px; padding: 10px 0; border: 0; border-bottom: 1px solid transparent; border-radius: 0; background: transparent; color: var(--pd-text); font-size: 14px; font-weight: 400; line-height: 27px; } #buddypress .dir-navs.bp-navs li.selected a { border-bottom-color: var(--pd-accent); color: var(--pd-heading); font-weight: 500; } #buddypress .dir-navs.bp-navs li a:hover { color: var(--pd-accent-text); } #buddypress .bb-item-count { display: none; } #buddypress .bb-subnav-filters-container { margin: 0 0 20px; } #buddypress .bp-pagination.top { padding: 0; margin: 0 0 16px; } #buddypress ul.item-list.bp-list.grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0 0 20px; padding: 0; list-style: none; } #buddypress ul.item-list.bp-list.grid > li.item-entry { width: auto; margin: 0; padding: 0; float: none; } #buddypress ul.item-list.bp-list.grid .list-wrap { height: 100%; box-sizing: border-box; padding: 0; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); box-shadow: none; } #buddypress ul.item-list.bp-list.grid .bs-group-cover a { border-radius: 4px 4px 0 0; } #buddypress ul.item-list.bp-list.grid .item-avatar a.group-avatar-wrap { display: block; width: 81px; height: 81px; box-sizing: border-box; margin: -47px 0 0 20px; border: 3px solid var(--pd-surface); border-radius: 4px; background: var(--pd-surface); box-shadow: 0 2px 5px rgba(18, 43, 70, .12), 0 0 0 1px var(--pd-border); overflow: hidden; } #buddypress ul.item-list.bp-list.grid .item-avatar a.group-avatar-wrap img { width: 75px; height: 75px; border-radius: 3px; } #buddypress ul.item-list.bp-list.grid h2.list-title { margin: 15px 0 5px; font-family: var(--pd-font); font-size: 20px; font-weight: 700; line-height: 28px; } #buddypress ul.item-list.bp-list.grid h2.list-title a { color: var(--pd-heading); font-size: 19px; font-weight: 700; line-height: 26.6px; } #buddypress ul.item-list.bp-list.grid h2.list-title a:hover { color: var(--pd-accent-text); } #buddypress ul.item-list.bp-list.grid .item-meta-wrap { font-size: 13px; line-height: 18.2px; } #buddypress ul.item-list.bp-list.grid .item-meta { margin: 0; color: var(--pd-muted-text); font-size: 12px; line-height: 16.8px; } #buddypress ul.item-list.bp-list.grid .groups-meta .generic-button button, #buddypress ul.item-list.bp-list.grid .groups-meta .generic-button a { height: 30px; padding: 0 12px; border: 1px solid var(--pd-border); border-radius: 100px; background: var(--pd-surface); color: var(--pd-heading); font-size: 13px; font-weight: 500; line-height: 28px; } #buddypress ul.item-list.bp-list.grid .groups-meta .request-membership::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 6px; vertical-align: -1px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11h14v10H5zM8 11V7a4 4 0 118 0v4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11h14v10H5zM8 11V7a4 4 0 118 0v4'/%3E%3C/svg%3E") center / contain no-repeat; } @media (max-width: 1100px) { #buddypress ul.item-list.bp-list.grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 820px) { #buddypress ul.item-list.bp-list.grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #buddypress.bp-dir-hori-nav .subnav-search { position: static; width: 100%; margin: 0 0 16px; } } @media (max-width: 520px) { #buddypress ul.item-list.bp-list.grid { grid-template-columns: 1fr; } } #buddypress ul.item-list.bp-list.grid::before, #buddypress ul.item-list.bp-list.grid::after { content: none; display: none; } #buddypress ul.item-list.bp-list.grid .item-avatar a.group-avatar-wrap img { margin: 0 !important; max-width: none; } #buddypress .dir-navs.bp-navs { border: 0; background: transparent; box-shadow: none; overflow: visible; } #buddypress .bp-pagination.top { display: none; } #buddypress.bp-dir-hori-nav .subnav-search, #buddypress.bp-dir-hori-nav .subnav-search .dir-search, #buddypress.bp-dir-hori-nav .subnav-search form { height: 36px !important; box-sizing: border-box; } #buddypress .subnav-filters select, #buddypress .select-wrap select { font-size: 14px !important; height: 34px; } #buddypress .select-wrap, #buddypress .grid-filters { height: 36px; box-sizing: border-box; border-radius: 4px; border: 1px solid var(--pd-border); background: var(--pd-surface); } /* Cabeçalho do grupo: mesmas medidas do perfil, avatar quadrado, selo do tipo, visibilidade e organizadores em linha */ body.groups #item-header-avatar img.avatar { border-radius: 4px !important; } #item-header-cover-image #item-header-content .bb-bp-group-title { margin: 0 10px 0 0; font-size: 28.8px !important; font-weight: 700 !important; line-height: 35px; } #item-header-content .bp-group-title-wrap { display: flex; align-items: center; margin: 20px 0 0; } #item-header-content .bp-group-title-wrap p.bp-group-type { margin: 0; } #item-header-content .bp-group-title-wrap .group-type { display: inline-block; padding: 5px 15px; border-radius: 100px; background: var(--pd-soft); color: var(--pd-accent); font-size: 11px; font-weight: 700; letter-spacing: .25px; line-height: 13px; } #item-header-content .bp-group-status .group-type { display: none; } #item-header-content .bp-group-meta-wrap { display: flex; align-items: center; margin: 0; } #item-header-content .bp-group-meta-wrap p { margin: 0; } #item-header-content .bp-group-status .group-visibility { font-size: 14px; font-weight: 500; color: var(--pd-text); } #item-header-content .last-activity.item-meta { margin: 0 0 0 10px; font-size: 14px; color: var(--pd-muted-text); } #item-header-content .group-actions-absolute { display: none; } #item-header-content .group-actions-wrap { margin: 12px 0 0; } #item-header-content .group-item-actions { display: flex; align-items: center; gap: 10px; } #item-header-content .moderators-lists { display: flex; align-items: center; gap: 10px; margin: 0; } #item-header-content .moderators-lists dt, #item-header-content .moderators-lists dd { margin: 0; } #item-header-content .moderators-lists dt.moderators-title { color: var(--pd-muted-text); font-size: 14px; } #item-header-content .group-actions-absolute { display: none !important; } body.groups #item-header-avatar { margin: -40px 30px 5px 0 !important; height: auto; } #item-header-content .group-item-actions { height: auto; min-height: 34px; } #item-header-content #item-actions { padding: 0 !important; } #item-header-content #item-actions > .bp-screen-reader-text { margin: 0; } #item-header-content .group-actions-wrap { margin-top: 12px; } body.groups #item-header-content { padding-bottom: 0; } body.groups #item-header-content .bp-group-title-wrap { min-height: 45px; margin-bottom: 0; } body.groups #item-header-content .bp-group-meta-wrap { height: 20px; margin: 0; } body.groups #item-header-content .bp-group-meta-wrap p { line-height: 20px; } body.groups #item-header-content .bp-group-status .group-visibility { display: inline-flex; align-items: center; gap: 4px; } body.groups #item-header-content .bp-group-status .group-visibility.private::before, body.groups #item-header-content .bp-group-status .group-visibility.hidden::before { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11h14v10H5zM8 11V7a4 4 0 118 0v4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 11h14v10H5zM8 11V7a4 4 0 118 0v4'/%3E%3C/svg%3E") center / contain no-repeat; } body.groups #item-header-cover-image #item-header-content { padding: 0 !important; } body.groups #item-header-avatar { height: 170px !important; } /* Gerenciar grupo: cartão com menu lateral de 245 px, como as Configurações da conta */ body.groups.group-admin #item-body { overflow: hidden; margin: 0 0 30px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } body.groups.group-admin .bp-manage-group-container { display: grid; grid-template-columns: 245px minmax(0, 1fr); } body.groups.group-admin .bp-manage-group-container > #subnav { grid-column: 1; grid-row: 1 / span 30; margin: 0; padding: 30px 0; border: 0; border-right: 1px solid var(--pd-border); border-radius: 0; background: var(--pd-bg); } body.groups.group-admin .bp-manage-group-container > :not(#subnav) { grid-column: 2; margin-left: 50px; margin-right: 50px; } body.groups.group-admin .bp-manage-group-container > #subnav + * { margin-top: 55px; } body.groups.group-admin .bp-manage-group-container > :last-child { margin-bottom: 55px; } body.groups.group-admin #subnav.bp-subnavs ul { display: block; } body.groups.group-admin #subnav.bp-subnavs li { padding: 0; } body.groups.group-admin #subnav.bp-subnavs li a { display: block; margin: 0 0 1px; padding: 16px 20px; border: 0; font-size: 14px; line-height: 18px; color: var(--pd-heading); font-weight: 400; } body.groups.group-admin #subnav.bp-subnavs li.current a { background: var(--pd-surface); font-weight: 500; } body.groups.group-admin .bp-manage-group-container h2 { margin: 0 0 27px; color: var(--pd-heading); font-family: var(--pd-font); font-size: 22px; font-weight: 500; line-height: 24px; } body.groups.group-admin .bp-manage-group-container input[type=submit] { height: 40px; padding: 0 24px; border: 0; border-radius: 100px; background: var(--pd-accent-bg); color: #fff; font-size: 14px; font-weight: 500; } body.groups.group-admin #item-body { overflow: visible; height: auto; } body.groups.group-admin #subnav.bp-subnavs li { float: none; display: block; width: 100%; } body.groups.group-admin #subnav.bp-subnavs li a { float: none; width: 100%; box-sizing: border-box; } body.groups.group-admin .bp-manage-group-container { height: auto; } /* Diretório de membros: lista de 880 px + cartão "Buscar" de 280 px, como no portal anterior */ .members-directory-wrapper { display: flex; align-items: flex-start; gap: 20px; } .members-directory-wrapper > .members-directory-container { order: 1; flex: 1 1 0; min-width: 0; } .members-directory-wrapper > #bp-profile-search-form-outer { order: 2; flex: 0 0 280px; width: 280px; box-sizing: border-box; margin: 0 0 15px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); font-size: 14px; line-height: 18.9px; } #bp-profile-search-form-outer .bps-form-title { margin: 0 0 15px; padding: 12px 20px; border-bottom: 1px solid rgba(0, 0, 0, .06); color: var(--pd-heading); font-family: var(--pd-font); font-size: 14px; font-weight: 700; line-height: 30px; text-transform: uppercase; } #bp-profile-search-form-outer form { padding: 18px 20px 22px; } #bp-profile-search-form-outer label { display: block; margin: 0 0 10px; color: var(--pd-heading); font-size: 14px; font-weight: 500; } #bp-profile-search-form-outer input[type=search] { box-sizing: border-box; width: 100%; height: 41px; padding: 0 12px; border: 1px solid var(--pd-border); border-radius: 4px; font-size: 15px; } #bp-profile-search-form-outer .clear-from-wrap { margin: 14px 0 17px; font-size: 14px; } #bp-profile-search-form-outer .clear-from-wrap a { color: var(--pd-accent-text); } #bp-profile-search-form-outer input.submit { height: 41px; padding: 10px 20px; border: 0; border-radius: 100px; background: var(--pd-accent-bg); color: #fff; font-size: 14px; font-weight: 500; } #bp-profile-search-form-outer input.submit:hover { background: var(--pd-accent-hover); } .members-directory-container ul.item-list.bp-list.grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .members-directory-container ul.item-list.bp-list.grid .list-wrap { padding: 0; text-align: center; } @media (max-width: 960px) { .members-directory-wrapper { flex-direction: column; } .members-directory-wrapper > #bp-profile-search-form-outer { order: 0; flex-basis: auto; width: 100%; } .members-directory-container ul.item-list.bp-list.grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .members-directory-wrapper { flex-direction: row !important; } #buddypress .members-directory-container ul.item-list.bp-list.grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } #buddypress .members-directory-container ul.item-list.bp-list.grid > li.item-entry { width: auto; padding: 0; margin: 0; } #buddypress ul.members-list .list-wrap { overflow: hidden; } #buddypress ul.members-list .members-meta.action .generic-button a, #buddypress ul.members-list .members-meta.action .generic-button button, #buddypress ul.members-list .footer-button-wrap .generic-button a { display: flex; align-items: center; justify-content: center; width: 100%; height: 38px; box-sizing: border-box; margin: 0; padding: 0 12px; border: 1px solid var(--pd-border); border-radius: 100px; background: var(--pd-surface); color: var(--pd-heading); font-size: 14px; font-weight: 500; line-height: 36px; } #buddypress ul.members-list h2.list-title.member-name, #buddypress ul.members-list .list-title a { font-family: var(--pd-font); font-size: 18px; font-weight: 500; color: var(--pd-heading); } @media (max-width: 960px) { .members-directory-wrapper { flex-direction: column !important; } .members-directory-wrapper > .members-directory-container { width: 100%; flex: 1 1 auto; } body.groups.group-admin .bp-manage-group-container { display: block; } body.groups.group-admin .bp-manage-group-container > #subnav { padding: 8px 0; border-right: 0; border-bottom: 1px solid var(--pd-border); } body.groups.group-admin .bp-manage-group-container > :not(#subnav) { margin-left: 20px; margin-right: 20px; } body.groups.group-admin .bp-manage-group-container > #subnav + * { margin-top: 24px; } body.groups.group-admin .bp-manage-group-container > :last-child { margin-bottom: 24px; } #buddypress .bb-subnav-filters-container, #buddypress #subnav-filters { flex-wrap: wrap; max-width: 100%; } #buddypress ul.item-list.bp-list.grid { max-width: 100%; } } @media (max-width: 960px) { #buddypress .members-directory-container ul.item-list.bp-list.grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { #buddypress .members-directory-container ul.item-list.bp-list.grid, #buddypress ul.item-list.bp-list.grid { grid-template-columns: minmax(0, 1fr); } } /* Aba Meus cursos do perfil: grade de 4 colunas (280 px), capa de 145 px e lista de certificados */ .pd-bp-page .pd-course-card a, .pd-bp-page .pd-course-card a:hover { text-decoration: none; } .pd-courses-tab .pd-courses__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .pd-courses-tab .pd-course-card { border-radius: 4px; } .pd-courses-tab .pd-course-card__thumb img, .pd-courses-tab .pd-course-card__ph { height: 145px; } .pd-courses-tab .pd-course-card__flag { text-transform: uppercase; } @media (max-width: 1100px) { .pd-courses-tab .pd-courses__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 820px) { .pd-courses-tab .pd-courses__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 520px) { .pd-courses-tab .pd-courses__grid { grid-template-columns: minmax(0, 1fr); } } .pd-cert-list { margin: 0 0 20px; padding: 0; list-style: none; } .pd-cert-list li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } .pd-cert-list li + li { margin-top: 10px; } .pd-cert-list .pd-cert__title { font-size: 16px; font-weight: 500; color: var(--pd-heading); } .pd-cert-list a.button { display: inline-flex; align-items: center; height: 36px; padding: 0 20px; border-radius: 100px; background: var(--pd-soft); color: #1E2132; font-size: 14px; font-weight: 500; } /* Discussões (bbPress): cartão com cabeçalho e linhas de 88 px, como no portal anterior */ #bbpress-forums ul.bs-forums-items { margin: 0 0 30px; padding: 0; list-style: none; border: 0; border-radius: 0; background: transparent; } #bbpress-forums ul.bs-forums-items > li { margin: 0; padding: 0; border: 0; background: transparent; } #bbpress-forums ul.bs-forums-items > li.bs-header-item { box-sizing: border-box; padding: 15px 20px; border: 1px solid var(--pd-border); border-radius: 4px 4px 0 0; background: var(--pd-surface); } #bbpress-forums .bs-section-title { margin: 0; color: var(--pd-heading); font-family: var(--pd-font); font-size: 18px; font-weight: 700; line-height: 38px; } #bbpress-forums .bs-item-wrap { display: flex; align-items: center; justify-content: space-between; gap: 20px; box-sizing: border-box; margin: 0 0 -1px; padding: 15px 20px; border: 1px solid var(--pd-border); border-top: 0; background: var(--pd-surface); } #bbpress-forums .bs-item-wrap .flex { display: flex; align-items: center; gap: 20px; min-width: 0; } #bbpress-forums .bs-item-wrap .flex-1 { flex: 1; } #bbpress-forums .bb-item-avatar-wrap { flex: 0 0 48px; width: 48px; height: 48px; font-size: 0; } #bbpress-forums .bb-item-avatar-wrap img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; } #bbpress-forums .bb-item-avatar-wrap .bbp-author-name { display: none; } #bbpress-forums .item-title a { color: var(--pd-heading); font-size: 16px; font-weight: 500; line-height: 19px; text-decoration: none; } #bbpress-forums .item-title a:hover { color: var(--pd-accent-text); } #bbpress-forums .bb-reply-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin-top: 8px; color: var(--pd-muted-text); font-size: 14px; line-height: 20px; } #bbpress-forums .bb-reply-meta a { color: var(--pd-muted-text); text-decoration: none; } #bbpress-forums .bb-reply-meta .bbp-author-avatar img { display: none; } #bbpress-forums .bs-forums-meta .forum-label { padding: 4px 12px; border-radius: 4px; background: var(--pd-soft); color: var(--pd-heading); font-size: 12px; font-weight: 500; white-space: nowrap; text-decoration: none; } @media (max-width: 700px) { #bbpress-forums .bs-item-wrap { flex-direction: column; align-items: flex-start; } } #bbpress-forums .bs-item-wrap { min-height: 88px; } /* Abas do perfil na ordem exata do portal anterior (12 abas) */ #object-nav li#xprofile-personal-li { order: 1; } #object-nav li#pd-membership-personal-li { order: 2; } #object-nav li#activity-personal-li { order: 3; } #object-nav li#friends-personal-li { order: 4; } #object-nav li#groups-personal-li { order: 5; } #object-nav li#pd-courses-personal-li { order: 6; } #object-nav li#video-personal-li { order: 7; } #object-nav li#media-personal-li { order: 8; } #object-nav li#forums-personal-li { order: 9; } #object-nav li#pd-courses-made-personal-li { order: 10; } #object-nav li#document-personal-li { order: 11; } #object-nav li#invites-personal-li { order: 12; } /* Membership */ .pd-membership__lead { margin: 0 0 20px; font-size: 16px; } .pd-membership__data { display: grid; grid-template-columns: 180px 1fr; gap: 12px 20px; margin: 0 0 24px; } .pd-membership__data dt { color: var(--pd-muted-text); font-size: 14px; } .pd-membership__data dd { margin: 0; font-size: 14px; } .pd-membership__table { width: 100%; border-collapse: collapse; background: var(--pd-surface); border: 1px solid var(--pd-border); border-radius: 4px; } .pd-membership__table th, .pd-membership__table td { padding: 12px 16px; border-bottom: 1px solid var(--pd-border); text-align: left; font-size: 14px; } .pd-membership__table th { color: var(--pd-heading); font-weight: 600; background: var(--pd-bg); } .pd-membership a.button.outline { display: inline-flex; align-items: center; height: 36px; padding: 0 20px; border-radius: 100px; background: var(--pd-soft); color: #1E2132; font-size: 14px; font-weight: 500; } @media (max-width: 700px) { .pd-membership__data { grid-template-columns: 1fr; gap: 4px; } .pd-membership__table { display: block; overflow-x: auto; } } /* Notificações: título + abas + filtro na mesma linha e lista em cartão (portal anterior, 1440 px) */ body.bp-user.notifications .notifications-header { display: flex; align-items: center; gap: 20px; margin: 0 0 30px; } body.bp-user.notifications .notifications-header .entry-title { margin: 0; color: var(--pd-heading); font-family: var(--pd-font); font-size: 32px; font-weight: 700; line-height: 38.4px; flex: 1; } body.bp-user.notifications .notifications-header #subnav { margin: 0; } body.bp-user.notifications .notifications-header .bb-subnav-filters-container { margin: 0; } body.bp-user.notifications .notifications-header .select-wrap { width: 250px; } body.bp-user.notifications .notification-list { margin: 0 0 30px; padding: 0; list-style: none; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } body.bp-user.notifications .notification-list > li.bs-item-wrap { display: flex; align-items: center; gap: 20px; box-sizing: border-box; min-height: 115px; margin: 0; padding: 15px 30px; border: 0; border-bottom: 1px solid var(--pd-border); background: transparent; } body.bp-user.notifications .notification-list > li.bs-item-wrap:last-child { border-bottom: 0; } body.bp-user.notifications .notification-list > li.bs-header-item { min-height: 92px; } body.bp-user.notifications .notification-avatar { flex: 0 0 52px; width: 52px; height: 52px; } body.bp-user.notifications .notification-avatar img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; background: var(--pd-bg); } body.bp-user.notifications .notification-content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } body.bp-user.notifications .notification-content a { color: var(--pd-heading); font-size: 16px; text-decoration: none; } body.bp-user.notifications .notification-content .posted { color: var(--pd-muted-text); font-size: 14px; } body.bp-user.notifications .notification-list .actions { display: flex; align-items: center; gap: 12px; color: var(--pd-muted-text); } body.bp-user.notifications .notification-list .actions a { color: var(--pd-muted-text); text-decoration: none; } body.bp-user.notifications .bb-sort-by-date { color: var(--pd-muted-text); font-size: 16px; } body.bp-user.notifications .notifications-options-nav { display: flex; align-items: center; gap: 12px; } body.bp-user.notifications .notification-list > li.bs-item-wrap { min-height: 83px; padding: 15px 20px; } body.bp-user.notifications .notification-list > li.bs-header-item { min-height: 65px; } body.bp-user.notifications .notification-avatar, body.bp-user.notifications .notification-avatar img { flex-basis: 50px; width: 50px; height: 50px; } body.bp-user.notifications .notification-content a { font-size: 14px; } body.bp-user.notifications .notification-content .posted { font-size: 13px; } body.bp-user.notifications .notification-list .actions { font-size: 0; gap: 10px; } body.bp-user.notifications .notification-list .actions .dashicons { font-size: 17px; width: 17px; height: 17px; color: #C8CACD; } body.bp-user.notifications .bb-sort-by-date { display: flex; align-items: center; gap: 6px; margin-left: auto; font-size: 14px; } body.bp-user.notifications .notifications-header #subnav ul { display: flex; gap: 30px; margin: 0; padding: 0; list-style: none; } body.bp-user.notifications .notifications-header #subnav li { padding: 0; } body.bp-user.notifications .notifications-header #subnav li.current a { border-bottom: 1px solid var(--pd-accent); color: var(--pd-heading); font-weight: 500; } body.bp-user.notifications .notifications-header .select-wrap select { width: 100%; height: 100%; } body.bp-user.notifications .notifications-header .select-wrap { width: 250px; height: 50px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } body.bp-user.notifications #notifications-filter-select .select-wrap { height: 50px; } body.bp-user.notifications .notifications-header > *, body.bp-user.notifications .notifications-header .subnav-filters, body.bp-user.notifications .notifications-header #dir-filters, body.bp-user.notifications .notifications-header .filter { margin: 0 !important; } body.bp-user.notifications .notifications-header .subnav-filters { position: static; display: block; box-shadow: none; border: 0; background: transparent; padding: 0; } body.bp-user.notifications .notifications-header .select-wrap, body.bp-user.notifications #notifications-filter-select .select-wrap { width: 250px; height: 40px !important; } body.bp-user.notifications .notifications-header #subnav li a { display: block; padding: 5px 0; border-bottom: 1px solid transparent; font-size: 14px; } body.bp-user.notifications .notifications-header #subnav li.current a, body.bp-user.notifications .notifications-header #subnav li.selected a { border-bottom-color: var(--pd-accent); } body.bp-user.notifications .notifications-header #subnav li.current a { border-bottom: 1px solid var(--pd-accent) !important; } /* Membership > Info (formulário do MemberPress do portal anterior) */ .mepr-account-form .mp-form-row { margin: 0 0 14px; } .mepr-account-form .mp-form-label { margin: 0 0 6px; } .mepr-account-form label { color: var(--pd-heading); font-size: 16px; font-weight: 400; } .mepr-account-form .mepr-form-input, .mepr-account-form input[type=text], .mepr-account-form input[type=email], .mepr-account-form select { box-sizing: border-box; display: block; width: 100%; height: 41px; padding: 0 16px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); color: var(--pd-text); font-size: 16px; } .mepr-account-form .mepr-submit { height: 40px; padding: 0 28px; border: 0; border-radius: 100px; background: var(--pd-accent-bg); color: #fff; font-size: 14px; font-weight: 500; cursor: pointer; } #mepr-account-welcome-message p { margin: 0 0 24px; font-size: 16px; } .mepr_updated { margin: 0 0 20px; padding: 12px 16px; border: 1px solid #A7D7B0; border-radius: 4px; background: #EFFAF1; color: #1B5E20; font-size: 14px; } .mepr_error { margin: 0 0 20px; padding: 12px 16px; border: 1px solid #F1B5B8; border-radius: 4px; background: #FDEEEF; color: #B71C1C; font-size: 14px; } .mepr_error ul { margin: 0; padding-left: 18px; } .mepr-account-form label { font-size: 14px; } .mepr-account-form .mepr_email label { color: var(--pd-text); } .mepr-account-form .mp-form-row { margin: 0 0 20px; } .mepr-account-form .mp-form-label { margin: 0 0 8px; } .mepr-account-form .mepr-form-input, .mepr-account-form input[type=text], .mepr-account-form input[type=email], .mepr-account-form select { font-size: 15px; } #item-header-content .group-item-actions .bp-title { margin: 0; color: var(--pd-muted-text); font-family: var(--pd-font); font-size: 14px; font-weight: 400; line-height: 24px; } #item-header-content .moderators-lists dt.bp-screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } /* Editar perfil: igual às Configurações da conta (sem a capa, título + "Ver perfil", cartão com menu lateral) */ body.bp-user.profile-edit #item-header, body.bp-user.profile-edit #object-nav, body.bp-user.change-avatar #item-header, body.bp-user.change-avatar #object-nav, body.bp-user.change-cover-image #item-header, body.bp-user.change-cover-image #object-nav { display: none; } body.bp-user.profile-edit #subnav li#public-personal-li, body.bp-user.change-avatar #subnav li#public-personal-li, body.bp-user.change-cover-image #subnav li#public-personal-li { display: none; } /* Editar perfil: mesmo cartão com menu lateral */ body.bp-user.profile-edit #item-body { display: grid; grid-template-columns: 245px minmax(0, 1fr); margin: 0 0 30px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } body.bp-user.change-avatar #item-body { display: grid; grid-template-columns: 245px minmax(0, 1fr); margin: 0 0 30px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } body.bp-user.change-cover-image #item-body { display: grid; grid-template-columns: 245px minmax(0, 1fr); margin: 0 0 30px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } body.bp-user.profile-edit #item-body > #subnav { grid-column: 1; grid-row: 1 / span 30; margin: 0; padding: 30px 0; border: 0; border-right: 1px solid var(--pd-border); border-radius: 4px 0 0 4px; background: var(--pd-bg); } body.bp-user.change-avatar #item-body > #subnav { grid-column: 1; grid-row: 1 / span 30; margin: 0; padding: 30px 0; border: 0; border-right: 1px solid var(--pd-border); border-radius: 4px 0 0 4px; background: var(--pd-bg); } body.bp-user.change-cover-image #item-body > #subnav { grid-column: 1; grid-row: 1 / span 30; margin: 0; padding: 30px 0; border: 0; border-right: 1px solid var(--pd-border); border-radius: 4px 0 0 4px; background: var(--pd-bg); } body.bp-user.profile-edit #item-body > :not(#subnav) { grid-column: 2; margin-left: 50px; margin-right: 50px; } body.bp-user.change-avatar #item-body > :not(#subnav) { grid-column: 2; margin-left: 50px; margin-right: 50px; } body.bp-user.change-cover-image #item-body > :not(#subnav) { grid-column: 2; margin-left: 50px; margin-right: 50px; } body.bp-user.profile-edit #item-body > #subnav + * { margin-top: 55px; } body.bp-user.change-avatar #item-body > #subnav + * { margin-top: 55px; } body.bp-user.change-cover-image #item-body > #subnav + * { margin-top: 55px; } body.bp-user.profile-edit #item-body > :last-child { margin-bottom: 55px; } body.bp-user.change-avatar #item-body > :last-child { margin-bottom: 55px; } body.bp-user.change-cover-image #item-body > :last-child { margin-bottom: 55px; } body.bp-user.profile-edit #subnav.bp-subnavs ul { display: block; } body.bp-user.change-avatar #subnav.bp-subnavs ul { display: block; } body.bp-user.change-cover-image #subnav.bp-subnavs ul { display: block; } body.bp-user.profile-edit #subnav.bp-subnavs li { padding: 0; } body.bp-user.change-avatar #subnav.bp-subnavs li { padding: 0; } body.bp-user.change-cover-image #subnav.bp-subnavs li { padding: 0; } body.bp-user.profile-edit #subnav.bp-subnavs li a { display: flex; align-items: center; gap: 10px; margin: 0 0 1px; padding: 16px 20px; border: 0; font-size: 14px; line-height: 18px; color: var(--pd-heading); font-weight: 400; } body.bp-user.change-avatar #subnav.bp-subnavs li a { display: flex; align-items: center; gap: 10px; margin: 0 0 1px; padding: 16px 20px; border: 0; font-size: 14px; line-height: 18px; color: var(--pd-heading); font-weight: 400; } body.bp-user.change-cover-image #subnav.bp-subnavs li a { display: flex; align-items: center; gap: 10px; margin: 0 0 1px; padding: 16px 20px; border: 0; font-size: 14px; line-height: 18px; color: var(--pd-heading); font-weight: 400; } body.bp-user.profile-edit #subnav.bp-subnavs li.current a { background: var(--pd-surface); font-weight: 500; } body.bp-user.change-avatar #subnav.bp-subnavs li.current a { background: var(--pd-surface); font-weight: 500; } body.bp-user.change-cover-image #subnav.bp-subnavs li.current a { background: var(--pd-surface); font-weight: 500; } body.bp-user.profile-edit #subnav.bp-subnavs li a::before { content: ""; flex: 0 0 16px; height: 16px; background: currentColor; -webkit-mask: var(--pd-ic) center / contain no-repeat; mask: var(--pd-ic) center / contain no-repeat; opacity: .75; } body.bp-user.change-avatar #subnav.bp-subnavs li a::before { content: ""; flex: 0 0 16px; height: 16px; background: currentColor; -webkit-mask: var(--pd-ic) center / contain no-repeat; mask: var(--pd-ic) center / contain no-repeat; opacity: .75; } body.bp-user.change-cover-image #subnav.bp-subnavs li a::before { content: ""; flex: 0 0 16px; height: 16px; background: currentColor; -webkit-mask: var(--pd-ic) center / contain no-repeat; mask: var(--pd-ic) center / contain no-repeat; opacity: .75; } body.bp-user.profile-edit #item-body h2.screen-heading { margin: 0 0 27px; color: var(--pd-heading); font-family: var(--pd-font); font-size: 22px; font-weight: 500; line-height: 24.2px; } body.bp-user.change-avatar #item-body h2.screen-heading { margin: 0 0 27px; color: var(--pd-heading); font-family: var(--pd-font); font-size: 22px; font-weight: 500; line-height: 24.2px; } body.bp-user.change-cover-image #item-body h2.screen-heading { margin: 0 0 27px; color: var(--pd-heading); font-family: var(--pd-font); font-size: 22px; font-weight: 500; line-height: 24.2px; } body.bp-user.profile-edit #item-body label { margin: 15px 0 12px; font-size: 16px; font-weight: 400; color: var(--pd-text); } body.bp-user.change-avatar #item-body label { margin: 15px 0 12px; font-size: 16px; font-weight: 400; color: var(--pd-text); } body.bp-user.change-cover-image #item-body label { margin: 15px 0 12px; font-size: 16px; font-weight: 400; color: var(--pd-text); } body.bp-user.profile-edit #item-body .standard-form input[type=text], body.bp-user.profile-edit #item-body .standard-form input[type=email], body.bp-user.profile-edit #item-body .standard-form input[type=password] { border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } body.bp-user.change-avatar #item-body .standard-form input[type=text], body.bp-user.change-avatar #item-body .standard-form input[type=email], body.bp-user.change-avatar #item-body .standard-form input[type=password] { border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } body.bp-user.change-cover-image #item-body .standard-form input[type=text], body.bp-user.change-cover-image #item-body .standard-form input[type=email], body.bp-user.change-cover-image #item-body .standard-form input[type=password] { border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); } body.bp-user.profile-edit #item-body .standard-form input[type=submit] { height: 40px; padding: 0 24px; border: 0; border-radius: 100px; background: var(--pd-accent-bg); color: #fff; font-size: 14px; font-weight: 500; } body.bp-user.change-avatar #item-body .standard-form input[type=submit] { height: 40px; padding: 0 24px; border: 0; border-radius: 100px; background: var(--pd-accent-bg); color: #fff; font-size: 14px; font-weight: 500; } body.bp-user.change-cover-image #item-body .standard-form input[type=submit] { height: 40px; padding: 0 24px; border: 0; border-radius: 100px; background: var(--pd-accent-bg); color: #fff; font-size: 14px; font-weight: 500; } body.bp-user.profile-edit #item-body .standard-form input[type=submit]:hover { background: var(--pd-accent-hover); } body.bp-user.change-avatar #item-body .standard-form input[type=submit]:hover { background: var(--pd-accent-hover); } body.bp-user.change-cover-image #item-body .standard-form input[type=submit]:hover { background: var(--pd-accent-hover); } body.bp-user.profile-edit #edit-personal-li a, body.bp-user.change-avatar #edit-personal-li a, body.bp-user.change-cover-image #edit-personal-li a { --pd-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4H4v16h16v-7M18.5 2.5a2.1 2.1 0 013 3L12 15l-4 1 1-4z'/%3E%3C/svg%3E"); } body.bp-user.profile-edit #change-avatar-personal-li a, body.bp-user.change-avatar #change-avatar-personal-li a, body.bp-user.change-cover-image #change-avatar-personal-li a { --pd-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 18c1-3 9-3 10 0'/%3E%3C/svg%3E"); } body.bp-user.profile-edit #change-cover-image-personal-li a, body.bp-user.change-avatar #change-cover-image-personal-li a, body.bp-user.change-cover-image #change-cover-image-personal-li a { --pd-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='11' r='2'/%3E%3Cpath d='M21 16l-5-5-8 8'/%3E%3C/svg%3E"); } /* Campos do editar perfil sem caixas cinzas, como no antigo */ body.bp-user.profile-edit .editfield, body.bp-user.profile-edit #profile-edit-form .field-visibility-settings-toggle { background: transparent; border: 0; padding: 0; margin: 0 0 20px; box-shadow: none; } body.bp-user.profile-edit .editfield > label, body.bp-user.profile-edit .editfield legend { display: block; margin: 0 0 8px; color: var(--pd-heading); font-size: 16px; font-weight: 400; } body.bp-user.profile-edit .editfield input[type=text], body.bp-user.profile-edit .editfield input[type=email], body.bp-user.profile-edit .editfield input[type=url], body.bp-user.profile-edit .editfield select, body.bp-user.profile-edit .editfield textarea { box-sizing: border-box; width: 100%; height: 50px; padding: 0 16px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); font-size: 15px; } body.bp-user.profile-edit .field-visibility-settings-toggle, body.bp-user.profile-edit .field-visibility-settings-toggle .current-visibility-level { color: var(--pd-muted-text); font-size: 12px; } body.bp-user.profile-edit .field-visibility-settings-toggle button, body.bp-user.profile-edit .visibility-toggle-link { border: 0; background: transparent; color: var(--pd-heading); font-size: 12px; font-weight: 600; border-radius: 0; padding: 0; } body.bp-user.profile-edit .profile-edit-tabs, body.bp-user.profile-edit ul.button-nav { margin: 0 0 30px; padding: 0; border-bottom: 1px solid var(--pd-border); list-style: none; display: flex; gap: 30px; } body.bp-user.profile-edit ul.button-nav li a { display: block; padding: 10px 0; border-bottom: 1px solid transparent; color: var(--pd-text); text-decoration: none; background: transparent; } body.bp-user.profile-edit ul.button-nav li.current a { border-bottom-color: var(--pd-accent); color: var(--pd-heading); font-weight: 500; } #buddypress.buddypress-wrap .profile-edit-form .editfield, #buddypress .standard-form .editfield, body.bp-user.profile-edit #buddypress .editfield, body.bp-user.profile-edit #buddypress div[class*="field_"] { background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; margin: 0 0 20px !important; } body.bp-user.profile-edit #buddypress ul.button-nav li, body.bp-user.profile-edit #buddypress ul.button-nav li a { background: transparent !important; } body.bp-user.profile-edit #buddypress ul.button-nav { gap: 30px; border-bottom: 1px solid var(--pd-border); } #buddypress .dir-navs.bp-navs li a { display: flex; align-items: center; } #buddypress .dir-navs.bp-navs li a .bb-component-nav-item-point { display: block; } #buddypress .dir-navs.bp-navs li a span.count { margin: 0 0 0 7px; padding: 2px 6px; border-radius: 10px; background: #EB5D37; color: #fff; font-size: 11px; font-weight: 600; line-height: 16px; } #buddypress .dir-navs.bp-navs li:not(.selected) a span.count { background: #939597; } #buddypress .dir-navs.bp-navs li a > span:not(.count) { margin: 0 0 0 7px; padding: 2px 6px; border-radius: 10px; background: #939597; color: #fff; font-size: 11px; font-weight: 600; line-height: 16px; } /* Fóruns: faixa com busca, cartões de fóruns (3 colunas) e lista de discussões com selo do grupo (portal anterior, 1440 px) */ .bs-forums-banner-wrap { width: calc(100vw - var(--pd-panel-w-closed)); margin: 0 0 30px calc(50% - (100vw - var(--pd-panel-w-closed)) / 2); } .bs-forums-banner { display: flex; align-items: center; justify-content: center; height: 298px; background-color: #F0C9AD; text-align: center; } .bs-forums-banner__inner { width: 100%; max-width: 560px; padding: 0 20px; } .bb-banner-desc { margin: 0 0 24px; color: #fff; font-size: 16px; line-height: 21px; } .bs-forums-search form { position: relative; display: flex; align-items: center; height: 50px; padding: 0 20px; border: 1px solid rgba(255, 255, 255, .45); border-radius: 4px; background: rgba(255, 255, 255, .25); color: #fff; } .bs-forums-search input[type=text] { flex: 1; height: 100%; margin-left: 10px; border: 0; background: transparent; color: #fff; font-size: 14px; font-weight: 600; outline: 0; box-shadow: none; } .bs-forums-search input::placeholder { color: rgba(255, 255, 255, .85); } #bbpress-forums .bb-forums-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0 0 30px; padding: 0; list-style: none; } #bbpress-forums .bb-forums-list > li { margin: 0; padding: 0; width: auto; float: none; } #bbpress-forums .bb-cover-list-item { box-sizing: border-box; height: 100%; padding: 0 0 20px; border: 1px solid var(--pd-border); border-radius: 4px; background: var(--pd-surface); overflow: hidden; } #bbpress-forums .bb-cover-list-item .bb-cover-wrap { display: block; height: 181px; background: #607387 center / cover no-repeat; border-radius: 4px 4px 0 0; } #bbpress-forums .bs-card-forum-details { padding: 22px 25px 0; } #bbpress-forums .bs-card-forum-details h3 { margin: 0 0 10px; font-family: var(--pd-font); font-size: 20px; font-weight: 600; line-height: 24px; } #bbpress-forums .bs-card-forum-details h3 a { color: var(--pd-heading); text-decoration: none; } #bbpress-forums .bb-forum-content { margin: 0 0 6px; font-size: 14px; line-height: 18.9px; } #bbpress-forums .bb-forum-content p { margin: 0; } #bbpress-forums .bs-timestamp, #bbpress-forums .bs-timestamp a { color: var(--pd-muted-text); font-size: 14px; line-height: 22.4px; text-decoration: none; } #bbpress-forums .bbp-pagination, #bbpress-forums .bbp-pagination-all { display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px; } #bbpress-forums .bbp-pagination-count { color: var(--pd-muted-text); font-size: 13px; line-height: 29px; } #bbpress-forums .bbp-pagination-all .bb-lms-pagination { margin: 0; padding: 0; } #bbpress-forums .bs-forums-meta .forum-label { display: inline-flex; align-items: center; height: 31px; padding: 0 16px; border-radius: 100px; color: #fff; font-size: 11px; line-height: 11px; } #bbpress-forums .bs-forums-meta .forum-label a { color: #fff; background: transparent; padding: 0; font-weight: 400; text-decoration: none; } #bbpress-forums .pd-reply-ico { color: #C8CACD; margin-right: 4px; } #bbpress-forums .bb-reply-meta { flex-wrap: nowrap; } @media (max-width: 900px) { #bbpress-forums .bb-forums-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { #bbpress-forums .bb-forums-list { grid-template-columns: minmax(0, 1fr); } } body.post-type-archive-forum .pd-entry__title, body.post-type-archive-forum .pd-page-title, body.post-type-archive-forum #bbpress-forums > .bbp-breadcrumb { display: none; } #bbpress-forums .pd-forum-empty { list-style: none; padding: 20px; border: 1px solid var(--pd-border); border-top: 0; background: var(--pd-surface); } #bbpress-forums .pd-forum-empty br { display: none; } body.single-forum .pd-entry__title, body.single-forum .pd-page-title { color: var(--pd-heading); font-family: var(--pd-font); font-size: 28px; font-weight: 700; margin: 0 0 24px; } .bs-forums-banner-wrap { margin-top: -20px; } #message.bpro-error { box-sizing: border-box; margin: 0; padding: 12px 17px; border-radius: 3px; background: #EF3E46; } #message.bpro-error p { margin: 0; padding: 0; border: 1px solid #E6DB55; background: #FFFFDD; color: #444400; font-size: 14px; line-height: 21px; } body.bp-user.settings #message.bpro-error, body.bp-user.profile-edit #message.bpro-error { margin-bottom: 20px; } /* RÉPLICA: Mensagens em cartão de duas colunas (lista de 375 px + conversa), como no portal anterior */ .pd-bp-page .messages-wrapper { background: #fff; border: 1px solid #E7E9EC; border-radius: 4px; } .pd-bp-page .bp-messages-container { display: flex; height: 720px; } .pd-bp-page .bp-messages-nav-panel { flex: 0 0 375px; width: 375px; box-sizing: border-box; border-right: 1px solid #E7E9EC; } .pd-bp-page .bp-messages-nav-panel #bb-messages-thread-list-nav, .pd-bp-page .bp-messages-nav-panel #subnav { height: 76px; } .pd-bp-page .bp-messages-nav-panel #subnav ul.subnav { display: flex; align-items: center; justify-content: space-between; height: 76px; margin: 0; padding: 0 20px; list-style: none; } .pd-bp-page .bp-messages-nav-panel #subnav ul.subnav > li { margin: 0; padding: 0; } .pd-bp-page .bp-messages-nav-panel #inbox-personal-li a { font-size: 24px; line-height: 1; font-weight: 700; color: #856357; } .pd-bp-page .bp-messages-nav-panel #compose-personal-li, .pd-bp-page .bp-messages-nav-panel #compose-action-personal-li > a { display: none; } .pd-bp-page .bp-messages-nav-panel #compose-action-personal-li .bb_more_options_action { color: #A3A5A9; } .pd-bp-page .bp-messages-threads-list { border-top: 1px solid #E7E9EC; } .pd-bp-page .bp-messages-nav-panel .no-message-wrap { padding: 40px 0 20px; text-align: center; } .pd-bp-page .bp-messages-nav-panel .no-message-wrap > span { font-size: 64px; color: #C5C7CB; } .pd-bp-page .bp-messages-nav-panel .no-message-content { max-width: 230px; margin: 0 auto; } .pd-bp-page .bp-messages-nav-panel .no-message-content h3 { margin: 10px 0 6px; font-size: 24px; font-weight: 700; color: #856357; } .pd-bp-page .bp-messages-nav-panel .no-message-content p { margin: 0; font-size: 14px; color: #A3A5A9; } .pd-bp-page .bp-messages-content { flex: 1; min-width: 0; } .pd-bp-page .bp-messages-content #send_message_form { display: flex; flex-direction: column; box-sizing: border-box; height: 720px; position: relative; padding: 20px; } .pd-bp-page .bp-messages-recipient { display: flex; box-sizing: border-box; height: 55px; margin: 2px -20px 0; padding: 0 55px 22px 22px; border-bottom: 1px solid #E7E9EC; } .pd-bp-page .bp-messages-recipient > span:first-child { margin: 0 10px 0 0; font-size: 14px; font-weight: 500; line-height: 32px; color: #856357; } .pd-bp-page .bp-messages-recipient .select2-selection { height: 32px; border: 1px solid transparent; background: transparent; box-shadow: none; } .pd-bp-page #send_message_form #bp-message-content { margin: auto 0 0; padding: 0; border: 1px solid #E7E9EC; border-radius: 4px; background: transparent; } .pd-bp-page #send_message_form #message_content { padding: 20px 15px; min-height: 0; background: #fff; font-size: 14px; color: #333; } .pd-bp-page #send_message_form #message-form-submit-wrapper { display: flex; justify-content: space-between; box-sizing: border-box; padding: 10px; border-top: 1px solid #E7E9EC; background: #FBFBFC; } .pd-bp-page #send_message_form #message-new-submit { width: 30px; height: 30px; border-radius: 100px; background: #EB5D37; } .pd-bp-page #send_message_form .bp-message-content_foot_note { margin: 8px 0 0; font-size: 12px; text-align: right; color: #A3A5A9; } .pd-bp-page .bp-messages-nav-panel .no-message-content { max-width: 290px; } .pd-bp-page .bp-messages-nav-panel .no-message-content h3 { font-size: 22px; } .pd-bp-page .bp-messages-recipient .select2-container--default .select2-selection--multiple, .pd-bp-page .bp-messages-recipient .select2-container--default .select2-selection--single { border-color: transparent; background: transparent; box-shadow: none; } .pd-bp-page .bp-messages-form-header .bp-close-compose-form { display: none; } /* RÉPLICA: título do grupo em até 50% da largura (quebra em duas linhas) com o selo ao lado; textos de 14 px como no antigo */ body.groups #item-header-content .bp-group-title-wrap { max-width: 50%; min-height: 0; margin-top: 20px; } body.groups #item-header-content .bb-bp-group-title { line-height: 1.2; } body.groups #item-header-content .bp-group-title-wrap p.bp-group-type, body.groups #item-header-content .bp-group-title-wrap .group-type { font-size: 14px; } body.groups #item-header-content .group-description, body.groups #item-header-content .group-description p { font-size: 14px; } body.groups #item-header-content .bp-group-meta.bp-group-status { font-size: 15px; } body.groups #item-header-content .bp-group-title-wrap .group-type { padding: 4px 11px; } /* RÉPLICA: cartão de membro do diretório (grade) como no portal anterior: selo do tipo sobre o avatar, "Follow" em pílula e rodapé com o ícone de mensagem */ #buddypress #members-list.grid > li .list-wrap { position: relative; box-sizing: border-box; padding: 15px 20px 115px; text-align: center; } #buddypress #members-list.grid > li .list-wrap-inner { padding: 0; } #buddypress #members-list.grid > li .item-avatar { display: flex; justify-content: center; margin: 0; padding: 0; height: auto; } #buddypress #members-list.grid > li .item-avatar > a { position: relative; display: block; width: 126px; height: 126px; margin: 0 auto; } #buddypress #members-list.grid > li .item-avatar img { display: block; width: 126px; height: 126px; border-radius: 50%; } #buddypress #members-list.grid > li .member-status { position: absolute; top: 5px; right: 18px; left: auto; bottom: auto; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 100%; background: #1CD991; box-sizing: content-box; margin: 0; padding: 0; } #buddypress #members-list.grid > li .item-block p.member-type.only-grid-view { margin: -12px 0 20px; font-size: 14px; font-weight: 500; line-height: 23px; } #buddypress #members-list.grid > li .item-block .bp-member-type { display: inline-block; padding: 5px 15px; border-radius: 100px; background: #EDE4DE; color: #EB5D37; font-size: 11px; font-weight: 700; line-height: 13px; } #buddypress #members-list.grid > li .item-block h2.list-title { margin: 0 0 4px; font-size: 13px; font-weight: 500; line-height: 22px; } #buddypress #members-list.grid > li .item-block h2.list-title a { font-size: 18px; font-weight: 500; color: #856357; } #buddypress #members-list.grid > li .item-block .last-activity { margin: 0; font-size: 13px; line-height: 17px; color: #A3A5A9; } #buddypress #members-list.grid > li .follow-container { margin: 10px 0 0; } #buddypress #members-list.grid > li .followers-wrap { font-size: 14px; color: #A3A5A9; } #buddypress #members-list.grid > li .followers-wrap strong { font-weight: 400; color: #333; } #buddypress #members-list.grid > li .primary-action { margin-top: 20px; } #buddypress #members-list.grid > li .primary-action .follow-button { width: 100%; } #buddypress #members-list.grid > li .primary-action .follow-button a { display: flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; width: 100%; height: 39px; padding: 6px 20px; border: 1px solid #E7E9EC; border-radius: 100px; background: #fff; color: #856357; font-size: 14px; font-weight: 500; line-height: 1; text-decoration: none; } #buddypress #members-list.grid > li .primary-action .follow-button a i { display: inline-block; width: 17px; height: 17px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 10v4h3l7 4V6L6 10z'/%3E%3Cpath d='M16 9a4 4 0 0 1 0 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 10v4h3l7 4V6L6 10z'/%3E%3Cpath d='M16 9a4 4 0 0 1 0 6'/%3E%3C/svg%3E") center / contain no-repeat; } #buddypress #members-list.grid > li .member-buttons-wrap { position: absolute; left: 0; right: 0; bottom: 0; } #buddypress #members-list.grid > li .member-buttons-wrap .button-wrap { display: flex; justify-content: center; border-top: 1px solid #E7E9EC; border-radius: 0 0 4px 4px; background: #FAFBFD; } #buddypress #members-list.grid > li .member-buttons-wrap .friendship-button { display: none; } #buddypress #members-list.grid > li .member-buttons-wrap #send-private-message { padding: 10px 15px; width: auto; } #buddypress #members-list.grid > li .member-buttons-wrap #send-private-message a.send-message { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; background: transparent; font-size: 0; color: #333; } #buddypress #members-list.grid > li .member-buttons-wrap #send-private-message a.send-message::before { content: ""; width: 22px; height: 22px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m3.5 7 8.5 6 8.5-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m3.5 7 8.5 6 8.5-6'/%3E%3C/svg%3E") center / contain no-repeat; } #buddypress #members-list.grid > li .list-wrap { padding-top: 46px; } #buddypress #members-list.grid > li .item-block p.member-type.only-grid-view { position: relative; z-index: 1; } #buddypress #members-list.grid > li .primary-action .follow-button { padding: 0; } #buddypress #members-list.grid > li .primary-action { padding: 0; } /* Contadores cinza das abas do diretório e formulário "Buscar" com as cores do antigo */ .component-navigation li:not(.selected):not(.current) .count { background: #A3A5A9; } .bp-search-form-wrapper input[type=text], #buddypress .bps-form input[type=text], .bp-profile-search-widget input[type=text], form.bps_form input[type=text] { background: #fff; border: 1px solid #E7E9EC; } #bp-profile-search-form-outer input[type=search] { background: #fff; } #bp-profile-search-form-outer .clear-from-wrap a { text-decoration: none; color: #EB5D37; } #bp-profile-search-form-outer input.submit { min-width: 140px; background: #EB5D37; } #buddypress #members-list.grid > li .list-wrap { padding-bottom: 67px; } #buddypress #members-list.grid > li .item-avatar { position: relative; z-index: 0; } #buddypress #members-list.grid > li .item-block p.member-type.only-grid-view { z-index: 2; margin-bottom: 16px; } #buddypress #members-list.grid > li .primary-action { margin-top: 14px; } /* RÉPLICA: no perfil de outra pessoa a barra de abas só mostra Perfil, Timeline, Conexões, Grupos, Videos, Fotos, Fóruns e Documentos */ body.bp-user:not(.my-account) #object-nav #settings-personal-li, body.bp-user:not(.my-account) #object-nav #notifications-personal-li, body.bp-user:not(.my-account) #object-nav #messages-personal-li { display: none; } /* RÉPLICA: ações do cabeçalho do perfil de outra pessoa: "Follow" em pílula laranja e menu "…" só com "Ver como" */ .member-header-actions-wrap .member-header-actions { display: flex; align-items: center; gap: 7px; padding: 0 0 0 5px; } .member-header-actions-wrap .member-header-actions .friendship-button { display: none; } .member-header-actions-wrap .follow-button button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 38px; padding: 0 20px; border: 1px solid #EB5D37; border-radius: 100px; background: #EB5D37; color: #fff; font-size: 14px; font-weight: 500; line-height: 1; cursor: pointer; } .member-header-actions-wrap .follow-button button i { display: inline-block; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 10v4h3l7 4V6L6 10z'/%3E%3Cpath d='M16 9a4 4 0 0 1 0 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 10v4h3l7 4V6L6 10z'/%3E%3Cpath d='M16 9a4 4 0 0 1 0 6'/%3E%3C/svg%3E") center / contain no-repeat; } .member-header-actions-wrap .bb_more_dropdown #send-private-message, .member-header-actions-wrap .bb_more_dropdown [id^="user-block-"] { display: none; } #item-header-content > .flex > .bb-user-content-wrap { flex: 1 1 auto; min-width: 0; } #item-header-content > .flex > .member-header-actions-wrap { display: flex; flex: 0 0 256px; align-items: flex-start; justify-content: center; } .member-header-actions-wrap .member-header-actions { margin-top: 30px; } .member-header-actions-wrap .bb_more_options.header-dropdown { margin-top: 30px; } .member-header-actions-wrap .follow-button button::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 10v4h3l7 4V6L6 10z'/%3E%3Cpath d='M16 9a4 4 0 0 1 0 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 10v4h3l7 4V6L6 10z'/%3E%3Cpath d='M16 9a4 4 0 0 1 0 6'/%3E%3C/svg%3E") center / contain no-repeat; } /* Configurações › Conta: o antigo esconde "Update your email and or password." */ #item-body p.info.email-pwd-info { display: none; } /* Grupo › Discussões: botão "Nova discussão" e formulário em janela (800 px), como no portal anterior. */ #bbpress-forums .bs-header-item .btn-new-topic { display: inline-flex; align-items: center; gap: 6px; height: 41px; margin-left: auto; padding: 0 20px; border-radius: 100px; background: var(--pd-accent); color: #fff; font-size: 15px; font-weight: 500; line-height: 41px; text-decoration: none; } #bbpress-forums .bs-header-item .btn-new-topic:hover { color: #fff; filter: brightness(.95); } #bbpress-forums .bs-header-item .btn-new-topic i { font-size: 15px; } .groups #bbpress-forums .bbp-topic-form { display: none; } .groups #bbpress-forums .bbp-topic-form.is-open { display: block; position: fixed; z-index: 100001; top: 50%; left: 50%; box-sizing: border-box; width: 800px; max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); overflow: auto; transform: translate(-50%, -50%); border-radius: 4px; background: var(--pd-surface); box-shadow: 0 6px 24px rgba(0, 0, 0, .2); padding: 18px 25px; } .groups #bbpress-forums .bbp-topic-form.is-open legend { padding-right: 40px; } .pd-modal-backdrop { position: fixed; z-index: 100000; inset: 0; background: rgba(0, 0, 0, .55); } .pd-modal-close { position: absolute; top: 14px; right: 20px; border: 0; background: none; color: var(--pd-muted-text); font-size: 24px; line-height: 1; cursor: pointer; } .groups #bbpress-forums .bs-header-item .bs-section-title { line-height: 18px; } .groups #bbpress-forums li.bs-header-item { min-height: 73px; } /* Configurações › "Deletar Conta": ícone próprio (sem ele a máscara vazia virava um quadrado). */ body.bp-user.settings #delete-account-personal-li a { --pd-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4a2 2 0 012-2h4a2 2 0 012 2v2M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6M10 11v6M14 11v6'/%3E%3C/svg%3E"); } /* Avisos (.bp-feedback): o ícone da plataforma usa a fonte Dashicons, que o tema não carrega; SVG próprio no lugar (i, ! e ✓). */ .bp-feedback .bp-icon { display: flex; align-items: center; justify-content: center; } .bp-feedback .bp-icon::before { content: ""; display: block; width: 20px; height: 20px; font-family: inherit; background: #fff; -webkit-mask: var(--pd-fb-ic) center / contain no-repeat; mask: var(--pd-fb-ic) center / contain no-repeat; } .bp-feedback .bp-icon { --pd-fb-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-5M12 8h.01'/%3E%3C/svg%3E"); } .bp-feedback.error .bp-icon, .bp-feedback.warning .bp-icon { --pd-fb-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 7v6M12 16h.01'/%3E%3C/svg%3E"); } .bp-feedback.success .bp-icon, .bp-feedback.updated .bp-icon { --pd-fb-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E"); }