diff --git a/Themes/_res/UsrBgs.css b/Themes/_res/UsrBgs.css index 6496bd1672..d4635a0323 100644 --- a/Themes/_res/UsrBgs.css +++ b/Themes/_res/UsrBgs.css @@ -26,180 +26,6 @@ margin-top: 0; } -.userPopout-3XzG_A { - width: 300px !important; -} -.userPopout-3XzG_A .header-2BwW8b { - background-color: var(--background-floating); - border-radius: 5px 5px 0 0; - color: var(--header-secondary); - line-height: 20px; - flex: 0 0 auto; -} -.userPopout-3XzG_A .header-2BwW8b::before { - content: ""; - position: relative; - display: block; - background: var(--user-background, var(--background-tertiary)) var(--user-popout-position, center)/cover no-repeat; - top: 0; - width: 100%; - height: 120px; - max-height: var(--user-background, 60px); -} -.userPopout-3XzG_A .headerPlaying-j0WQBV::before { - background: var(--user-background, var(--brand-experiment, #5865f2)) var(--user-popout-position, center)/cover no-repeat; -} -.userPopout-3XzG_A .headerStreaming-2FjmGz::before { - background: var(--user-background, #593695) var(--user-popout-position, center)/cover no-repeat; -} -.userPopout-3XzG_A .headerSpotify-zpWxgT::before { - background: var(--user-background, #1db954) var(--user-popout-position, center)/cover no-repeat; -} -.userPopout-3XzG_A .headerXbox-3G-4PF::before { - background: var(--user-background, #107c10) var(--user-popout-position, center)/cover no-repeat; -} -.userPopout-3XzG_A .headerTop-3C2Zn0 { - position: relative; - justify-content: center; - align-items: flex-start; - background-color: var(--background-floating); - border-bottom: 1px solid var(--background-modifier-accent); - padding: 58px 16px 16px; -} -.userPopout-3XzG_A .activity-11LB_k { - background-color: var(--background-floating); - border-color: transparent; - padding: 16px 0; - margin: 0 16px; -} -.userPopout-3XzG_A .body-3iLsc4 { - background-color: var(--background-floating); -} -.userPopout-3XzG_A .footer-1fjuF6 { - background-color: var(--background-floating); -} -.userPopout-3XzG_A .avatarWrapper-3H_478 { - border-radius: 50%; - position: absolute; - top: -44px; - left: 16px; - z-index: 1; -} -.userPopout-3XzG_A .wrapper-3t9DeA { - background-color: var(--background-floating); - border: 6px solid var(--background-floating); -} -.userPopout-3XzG_A .avatarHint-1qgaV3 { - border: 6px solid transparent; - color: #fff; -} -.userPopout-3XzG_A .svg-2V3M55 [mask="url(#svg-mask-status-online)"], -.userPopout-3XzG_A .svg-2V3M55 [mask="url(#svg-mask-status-online-mobile)"] { - fill: #3ba55c; -} -.userPopout-3XzG_A .svg-2V3M55 [mask="url(#svg-mask-status-idle)"] { - fill: #faa61a; -} -.userPopout-3XzG_A .svg-2V3M55 [mask="url(#svg-mask-status-dnd)"] { - fill: #ed4245; -} -.userPopout-3XzG_A .svg-2V3M55 [mask="url(#svg-mask-status-streaming)"] { - fill: #593695; -} -.userPopout-3XzG_A .svg-2V3M55 [mask="url(#svg-mask-status-offline)"] { - fill: #747f8d; -} -.userPopout-3XzG_A .badgesPopout-srZ8EX { - position: absolute; - top: 14px; - right: 14px; - margin: 0; -} -.userPopout-3XzG_A .badgesPopout-srZ8EX .badge-7CsdQq { - height: 24px !important; min-height: 24px !important; -} -.userPopout-3XzG_A .badgesPopout-srZ8EX .size17-2GsONg { - width: 24px !important; min-width: 24px !important; -} -.userPopout-3XzG_A .badgesPopout-srZ8EX .size21-Y634b3 { - width: 30px !important; min-width: 30px !important; -} -.userPopout-3XzG_A .badgesPopout-srZ8EX .size22-AJj9xV { - width: 31px !important; min-width: 31px !important; -} -.userPopout-3XzG_A .badgesPopout-srZ8EX .size24-NlR6be { - width: 34px !important; min-width: 34px !important; -} -.userPopout-3XzG_A .badgesPopout-srZ8EX .indicator-cY1-b4 { - width: 18px !important; min-width: 18px !important; -} -.userPopout-3XzG_A .headerText-2sdzFM { - display: block; - text-align: left; -} -.userPopout-3XzG_A .headerName-fajvi9 { - margin-top: 0; - margin-bottom: 2px; - word-break: break-word; -} -.userPopout-3XzG_A .headerName-fajvi9, -.userPopout-3XzG_A .headerTagUsernameNoNickname-2_H881 { - color: var(--header-primary); - font-size: 20px; - font-weight: 600; -} -.userPopout-3XzG_A .headerTag-2pZJzA { - color: var(--header-secondary); - font-weight: 500; - line-height: 18px; -} -.userPopout-3XzG_A .headerTagNoNickname-ENx6no { - align-items: center; - line-height: unset; -} -.userPopout-3XzG_A .headerTagNoNickname-ENx6no > span:not([class]) { - position: relative; - top: 1px; - font-size: 20px; - font-weight: 600; -} -.userPopout-3XzG_A .botTagInvert-18-95s { - background: var(--brand-experiment, #5865f2); - color: #fff; -} -#app-mount .userPopout-3XzG_A .date-YN6TCS { - color: var(--header-secondary); -} -.userPopout-3XzG_A .customStatus-1bh2V9 { - color: var(--header-secondary); - width: 100%; - margin-top: 12px; - overflow-wrap: break-word; - text-align: left; - font-size: 14px; - line-height: 18px; -} -.userPopout-3XzG_A .activityName-1IaRLn, -.userPopout-3XzG_A .nameNormal-2lqVQK, -.userPopout-3XzG_A .nameWrap-3Z4G_9, -.userPopout-3XzG_A .activityUserPopout-2yItg2 .content-3JfFJh, -.userPopout-3XzG_A .activityUserPopout-2yItg2 .details-38sfDr, -.userPopout-3XzG_A .activityUserPopout-2yItg2 .headerText-1HLrL7, -.userPopout-3XzG_A .activityUserPopout-2yItg2 .name-29ETJS, -.userPopout-3XzG_A .activityUserPopout-2yItg2 .text-AOoUen { - color: var(--header-primary); -} -.userPopout-3XzG_A .activityUserPopout-2yItg2 .barInner-3NDaY_ { - background-color: var(--header-primary); -} -.userPopout-3XzG_A .lookOutlined-3sRXeN.colorWhite-rEQuAQ { - border-color: var(--header-primary); - color: var(--header-primary); -} -.userPopout-3XzG_A .lookOutlined-3sRXeN.colorWhite-rEQuAQ:active { - background-color: rgba(125,125,125,.2); -} - .root-SR8cQa [class*="topSection"] { background-color: var(--background-tertiary); color: var(--header-secondary);