From baec2b397eab8b26cdc111789a2b8c788c286c81 Mon Sep 17 00:00:00 2001 From: Bitslayn <96226175+Bitslayn@users.noreply.github.com> Date: Fri, 2 Aug 2024 03:59:33 -0400 Subject: [PATCH 1/7] OwO --- themes/btw.bitslayn.revertProfiles/notes.txt | 18 + .../btw.bitslayn.revertProfiles/raw/main.css | 1868 ----------------- .../src/banners.scss | 104 - .../src/buttons.scss | 34 + .../src/components/banner/buttons.scss | 90 - .../src/eyebrows.scss | 72 - .../src/fixes/botfix.scss | 57 - .../src/fixes/static.scss | 88 - .../src/globals.scss | 148 -- .../src/header.scss | 23 + .../src/heights.scss | 12 - .../src/index.scss | 99 +- .../{components/tooltip.scss => mixins.scss} | 17 + .../src/profiles/full.scss | 335 --- .../src/profiles/panel.scss | 300 --- .../src/profiles/popout.scss | 420 ---- .../src/roles.scss | 7 - 17 files changed, 178 insertions(+), 3514 deletions(-) create mode 100644 themes/btw.bitslayn.revertProfiles/notes.txt delete mode 100644 themes/btw.bitslayn.revertProfiles/raw/main.css delete mode 100644 themes/btw.bitslayn.revertProfiles/src/banners.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/buttons.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/src/components/banner/buttons.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/src/eyebrows.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/src/fixes/botfix.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/src/fixes/static.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/src/globals.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/header.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/src/heights.scss rename themes/btw.bitslayn.revertProfiles/src/{components/tooltip.scss => mixins.scss} (70%) delete mode 100644 themes/btw.bitslayn.revertProfiles/src/profiles/full.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/src/profiles/panel.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss delete mode 100644 themes/btw.bitslayn.revertProfiles/src/roles.scss diff --git a/themes/btw.bitslayn.revertProfiles/notes.txt b/themes/btw.bitslayn.revertProfiles/notes.txt new file mode 100644 index 0000000..19b397f --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/notes.txt @@ -0,0 +1,18 @@ +All +userProfileOuter + +Panels +userPanelOuter + +Bite size +biteSizeOuter + +Full size +fullSizeOuter + +Main static +themeContainer + +Nitro +is userProfileOuterThemed +not userProfileOuterUnthemed \ No newline at end of file diff --git a/themes/btw.bitslayn.revertProfiles/raw/main.css b/themes/btw.bitslayn.revertProfiles/raw/main.css deleted file mode 100644 index cfa565e..0000000 --- a/themes/btw.bitslayn.revertProfiles/raw/main.css +++ /dev/null @@ -1,1868 +0,0 @@ -@charset "UTF-8"; - -/* themes/btw.bitslayn.revertProfiles/src/index.scss */ -[class^=biteSizeOuter] { - --banner-height: 60px; - --banner-offset: calc(120px - var(--banner-height)); - --badge-container-height: 22px; - --guild-tag-height: 0px; - --pronouns-height: 0px; -} -[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > header > svg > foreignObject > [style*=background-image]) { - --banner-height: 120px; -} -[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div) { - --badge-container-height: 30px; -} -[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(9)) { - --badge-container-height: 54px; -} -[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(17)) { - --badge-container-height: 78px; -} -[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > span[class^=clickable]) { - --guild-tag-height: 17px; -} -[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=pronounsTooltip]) { - --pronouns-height: 20px; -} -[class^=fullSizeOuter] { - --banner-height: 105px; - --banner-offset: calc(210px - var(--banner-height)); - --badge-container-height: 22px; -} -[class^=fullSizeOuter]:has(> [class^=userProfileModalInner] > header > svg > foreignObject > [style*=background-image]) { - --banner-height: 210px; -} -[class^=fullSizeOuter]:has(> [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div) { - --badge-container-height: 28px; -} -[class^=fullSizeOuter]:has(> [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(10)) { - --badge-container-height: 46px; -} -[class^=fullSizeOuter]:has(> [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(19)) { - --badge-container-height: 72px; -} -[class^=userPanelOuter] { - --banner-height: 125px; - --banner-offset: 0px; - --badge-container-height: 22px; -} -[class^=userPanelOuter]:has(> [class^=userPanelInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div) { - --badge-container-height: 30px; -} -[class^=userPanelOuter]:has(> [class^=userPanelInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(9)) { - --badge-container-height: 54px; -} -[class^=userPanelOuter]:has(> [class^=userPanelInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(17)) { - --badge-container-height: 78px; -} -[class*=userProfileOuter] { - --edge-padding: 0px; -} -[class*=userProfileOuter][class*=userProfileOuterThemed] { - --edge-padding: 4px; -} -[class^=biteSizeOuter] { - width: 340px; - box-sizing: unset; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] { - gap: unset; - padding: unset; - background: - linear-gradient( - var(--profile-gradient-start), - var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), - var(--profile-gradient-end)); -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body]::-webkit-scrollbar { - width: 8px; - height: 8px; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body]::-webkit-scrollbar-thumb { - background-clip: padding-box; - border: 2px solid transparent; - border-radius: 4px; - background-color: var(--profile-body-divider-color); - min-height: 40px; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body]::-webkit-scrollbar-track { - margin-bottom: 4px; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=clickable] { - order: -1; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=buttons] { - order: 1; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > div:not([class], [style]) { - order: 2; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=mutuals] { - order: 3; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=activityBiteSizePopout] { - order: 4; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > div[style="position: relative;"], -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] section { - order: 5; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=menus] { - order: 6; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > span[class^=clickable] { - transform: translateY(-38px); - position: fixed; -} -[class^=biteSizeOuter] > [class^=userPopoutInner]:has(> [class^=header] > div:not([class])):not(:has([class^=pronounsTooltip])) > [class^=body] > span[class^=clickable] { - transform: unset; - top: calc(86px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height)); - position: fixed; -} -[class^=biteSizeOuter] > [class^=userPopoutInner]:has(> [class^=header] > div:not([class])):has([class^=pronounsTooltip]) > [class^=body] > span[class^=clickable] { - transform: unset; - top: calc(107px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height)); - position: fixed; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > div > [class^=descriptionClamp] { - -webkit-line-clamp: unset; - max-height: unset; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > div > [class^=viewFullBio] { - display: none; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=activityBiteSizePopout] { - padding: unset; - background: transparent !important; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=activityBiteSizePopout] > img { - width: 24px; - height: 24px; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=channelTextArea] > [class^=inner] { - background-color: transparent; - border: 1px solid var(--profile-message-input-border-color); -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [data-list-id^=roles] [class*=pill], -[class^=biteSizeOuter] > [class^=userPopoutInner] [data-list-id^=roles] > div > button { - background-color: var(--profile-role-pill-background-color); - border: unset; - max-height: 22px; - box-sizing: border-box; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] { - pointer-events: none; - min-height: unset; - z-index: unset; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar] { - pointer-events: initial; - top: 76px; - left: 22px; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=bannerSVGWrapper] { - padding: 0 0 calc(83px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height)); - display: block; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=bannerSVGWrapper]:has(foreignObject > [style*=background-image]) { - transform: scaleY(1.0084) translateY(1px); -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=bannerSVGWrapper]:has(foreignObject > [style*=background-image]) mask circle { - cx: 51; - cy: 99; - r: 40.59; - transform: scaleY(0.9916); -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] [class^=clickable] { - pointer-events: initial; - transform: scaleY(1.0084); -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(da):hover::after { - content: "Se profil"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(de):hover::after { - content: "Profil ansehen"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(en-US):hover::after { - content: "View Profile"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(en-GB):hover::after { - content: "View Profile"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(es-ES):hover::after { - content: "Ver perfil"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(es-419):hover::after { - content: "Ver perfil"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(fr):hover::after { - content: "Voir le profil"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(hr):hover::after { - content: "Prika\17ei profil"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(it):hover::after { - content: "Mostra profilo"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(lt):hover::after { - content: "Per\17ei\16br\117ti Profil\12f"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(hu):hover::after { - content: "Profil megtekint\e9se"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(nl):hover::after { - content: "Profiel bekijken"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(no):hover::after { - content: "Vis profil"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(pl):hover::after { - content: "Zobacz profil"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(pt-BR):hover::after { - content: "Ver perfil"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ro):hover::after { - content: "Vezi profil"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(fi):hover::after { - content: "N\e4yt\e4 profiili"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(sv-SE):hover::after { - content: "Visa profil"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(vi):hover::after { - content: "Xem H\1ed3 S\1a1"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(tr):hover::after { - content: "Profili G\f6r\fcnt\fcle"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(cs):hover::after { - content: "Zobrazit profil"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(el):hover::after { - content: "\3a0\3c1\3bf\3b2\3bf\3bb\3ae \3c0\3c1\3bf\3c6\3af\3bb"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(bg):hover::after { - content: "\41f\440\435\433\43b\435\434 \43d\430 \43f\440\43e\444\438\43b"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ru):hover::after { - content: "\41f\440\43e\444\438\43b\44c"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(uk):hover::after { - content: "\41f\440\43e\444\456\43b\44c"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(hi):hover::after { - content: "\92a\94d\930\94b\92b\93c\93e\907\932 \926\947\916\947\902"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(th):hover::after { - content: "\e14\e39\e42\e1b\e23\e44\e1f\e25\e4c"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(zh-CN):hover::after { - content: "\67e5\770b\4e2a\4eba\8d44\6599"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ja):hover::after { - content: "\30d7\30ed\30d5\30a3\30fc\30eb\8868\793a"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(zh-TW):hover::after { - content: "\6aa2\8996\500b\4eba\6a94\6848"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ko):hover::after { - content: "\d504\b85c\d544 \bcf4\ae30"; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):hover::after { - position: absolute; - top: 0; - right: 0; - font-size: 10px; - line-height: 12px; - font-weight: 700; - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - white-space: nowrap; - text-overflow: ellipsis; - text-transform: uppercase; - color: var(--white-500); - width: 100%; - height: 100%; - box-shadow: inset 0 0 120px hsl(var(--black-500-hsl)/0.75); - opacity: 1; - mask-image: url(#svg-mask-avatar-default); -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-round-80)"]))::after { - mask-image: url(#svg-mask-avatar-status-round-80); -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-mobile-80)"]))::after { - mask-image: url(#svg-mask-avatar-status-mobile-80); -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon]))::after { - transition: opacity 0.1s ease; - background-color: unset; - opacity: 0; - transform: scale(1.0084); - pointer-events: none; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])) [class*=overlay]::after { - display: none; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar] [class*=overlay]::after { - transition: opacity 0.1s ease; - background-color: unset; - border-radius: unset; - box-shadow: inset 0 0 120px hsl(var(--black-500-hsl)/0.75); -} -[class^=biteSizeOuter] > [class^=userPopoutInner]:has([class^=pronounsTooltip]) > [class^=header] > [class^=bannerSVGWrapper] { - padding: 0 0 calc(103px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height)); -} -[class^=biteSizeOuter] > [class^=userPopoutInner]:not(:has([class^=statusBubbleOuter])) > header > [class^=bannerSVGWrapper] { - padding: 0 0 calc(95px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height)); -} -[class^=biteSizeOuter] > [class^=userPopoutInner]:not(:has([class^=statusBubbleOuter])):has([class^=pronounsTooltip]) > header > [class^=bannerSVGWrapper] { - padding: 0 0 calc(115px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height)); -} -[class^=biteSizeOuter] > [class^=userPopoutInner]:not(:has([class^=statusBubbleOuter])) > [class^=body] > [class^=container] { - padding: 12px 12px calc(12px + var(--guild-tag-height)) 12px; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] { - gap: 12px; - margin: 0 16px 0; - padding: 13px 12px 0 12px; - background-color: var(--profile-body-background-color); -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=biteSizeOverlayBackground] { - display: none; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body]::before { - content: ""; - display: block; - margin: -1px calc(28px + var(--edge-padding) / 2) 0; - min-height: 1px; - background-color: var(--profile-body-divider-color); - position: fixed; - width: -webkit-fill-available; - left: 0px; - transform: translateY(-12px); -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=container] { - position: fixed; - top: calc(28px + var(--banner-height) + var(--badge-container-height) + var(--edge-padding)); - left: 0px; - margin: 0 calc(16px + var(--edge-padding)) 0; - padding: 12px 12px calc(0px + var(--guild-tag-height)); - border-top-left-radius: var(--radius-sm); - border-top-right-radius: var(--radius-sm); - background-color: var(--profile-body-background-color); - width: -webkit-fill-available; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=usernameRow] > [class^=clickableUsername] > h1 { - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - word-break: break-all; - display: -webkit-box; - font-weight: 600; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > div:is([class^=container]) { - position: fixed; - justify-content: flex-end; - right: calc(16px + var(--edge-padding)); - top: calc(12px + var(--banner-height) + var(--edge-padding)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: 190px; - padding: 4px; - background-color: var(--profile-body-background-color); -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > div:is([class^=container]) div > a > img, -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > div:is([class^=container]) div > a > div { - width: 22px; - height: 22px; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > div:is([class^=container]) + div { - position: fixed; - justify-content: flex-end; - right: calc(112px + var(--edge-padding)); - top: calc(36px + var(--banner-height) + var(--edge-padding)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: 94px; - padding: 4px; - background-color: transparent; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > div:is([class^=container]) + div div > a > img, -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > div:is([class^=container]) + div div > a > div { - width: 22px; - height: 22px; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > [class^=clickableUsername], -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > [class*=userTag] { - width: 100%; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > [class^=clickableUsername] > [class^=info], -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > [class*=userTag] > [class^=info] { - font-weight: 500; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > [class^=dotSpacer] { - display: none; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > footer { - margin: 0 16px 16px; - padding: 12px; - background-color: var(--profile-body-background-color); - border-bottom-left-radius: var(--radius-sm); - border-bottom-right-radius: var(--radius-sm); -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > footer:has(> button) { - padding-top: 0; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=invisibleContainer] { - display: none; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > header > div:not([class]) > [class^=visibleContainer] { - position: unset; - pointer-events: initial; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] > header > div:not([class]) > [class^=visibleContainer] > [class^=popover] { - position: fixed; - z-index: 2; - left: calc(23px + var(--edge-padding)); - right: unset; - transform: translateY(calc(83px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height) + var(--pronouns-height) + var(--guild-tag-height))); -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter] { - border: unset !important; - background: var(--profile-body-background-color); - box-shadow: none; - margin: 0 16px 0; - padding: 12px; - border-radius: unset; - max-width: unset; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter]::before, -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter]::after { - display: none; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter] > [class*=statusBubble_] { - min-width: unset; - max-width: unset; - padding: unset; - background: transparent; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter] > [class*=statusBubble_] > [class^=content] { - text-align: start; - -webkit-line-clamp: unset; - max-height: unset !important; - overflow: unset; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter] > [class*=statusBubble_] > [class^=content] > [class*=statusText] { - font-weight: 400; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter] > [class*=statusBubble_] > [class^=content] > [class*=statusEmojiOnly] { - user-select: none; - cursor: initial; - width: 48px; - height: 48px; - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; -} -[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter] > [class*=statusBubble_] > [class^=content] > [class*=statusEmojiInline] { - user-select: none; - cursor: initial; - margin: -1px 4px -1px 0; - object-fit: contain; -} -[class^=fullSizeOuter] { - width: 600px; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] { - background: - linear-gradient( - var(--profile-gradient-start), - var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), - var(--profile-gradient-end)); -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=wrapper] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) { - top: calc(19px + var(--edge-padding) + var(--banner-height)); - right: 16px; - position: fixed; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=wrapper] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) > button { - background: unset !important; - color: var(--interactive-normal); -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=wrapper] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) > button:hover { - color: var(--interactive-hover); -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=wrapper] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) > button > div { - width: 24px; - height: 24px; - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; - transform: rotate(90deg); -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=wrapper] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) > button > div > svg { - width: 24px; - height: 24px; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner]:has(> [class^=body] > [class^=container] > [class^=tags] > [class^=pronounsTooltip]) > header > [class^=bannerSVGWrapper] { - padding-bottom: calc(128px + var(--badge-container-height) - var(--banner-offset)); -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header { - height: 210px; - display: inline-table; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=bannerSVGWrapper] { - padding-bottom: calc(108px + var(--badge-container-height) - var(--banner-offset)); - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=bannerSVGWrapper] mask rect { - width: 600px; - height: 210px; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=bannerSVGWrapper] foreignObject { - height: 210px; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=bannerSVGWrapper] foreignObject > [class^=banner] { - height: 210px; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=bannerSVGWrapper] foreignObject > [class^=banner]::before { - content: unset; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] { - padding: unset; - pointer-events: none; - min-height: unset; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] button { - pointer-events: initial; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > [class^=buttons] { - width: -webkit-fill-available; - position: fixed; - top: calc(16px + var(--edge-padding) + var(--banner-height)); - padding-right: 36px; - margin: 0 16px; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > [class^=buttons] > [class^=multipleButtons]:has(> button > div > svg > [d^="M19 14a1 1 0"]) > div { - display: none; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > [class^=buttons] > [class^=multipleButtons] > button:has(> div > svg > [d^="M19 14a1 1 0"]) { - opacity: unset; - background-color: var(--button-positive-background); - transition: background-color var(--custom-button-transition-duration) ease, color var(--custom-button-transition-duration) ease; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > [class^=buttons] > [class^=multipleButtons] > button:has(> div > svg > [d^="M19 14a1 1 0"]):hover { - background-color: var(--button-positive-background-hover); -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > [class^=avatar] { - position: fixed; - left: 28px; - top: 149px; - pointer-events: all; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=invisibleContainer] { - display: none; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] { - position: unset; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter] { - border: unset; - background: var(--profile-body-background-color); - box-shadow: none; - margin: 0 16px; - padding: 12px 12px 0; - border-radius: unset; - max-width: unset; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter]::before, -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter]::after { - display: none; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter] > [class^=statusBubble] { - max-width: fit-content; - max-height: unset; - padding: unset; - background: transparent; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter] > [class^=statusBubble] > div { - pointer-events: initial; - text-align: start; - -webkit-line-clamp: unset; - max-height: unset !important; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter] > [class^=statusBubble] > div > [class*=statusText] { - font-weight: 400; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter] > [class^=statusBubble] > div > [class*=statusEmojiOnly] { - user-select: none; - cursor: initial; - width: 48px; - height: 48px; - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter] > [class^=statusBubble] > div > [class*=statusEmojiInline] { - user-select: none; - cursor: initial; - margin: -1px 4px -1px 0; - width: 20px; - height: 20px; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] { - gap: unset; - padding: unset; - margin: 0 16px 16px 16px; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] { - position: fixed; - top: calc(51px + var(--banner-height) + var(--badge-container-height) + var(--edge-padding)); - left: 0px; - margin: 0 calc(16px + var(--edge-padding)) 0; - padding: 12px 12px 0; - border-top-left-radius: var(--radius-sm); - border-top-right-radius: var(--radius-sm); - background-color: var(--profile-body-background-color); - width: -webkit-fill-available; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=usernameRow] > h1 { - -webkit-box-orient: vertical; - word-break: break-all; - display: -webkit-box; - font-size: 20px; - line-height: 1.2; - font-weight: 600; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] { - gap: unset; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] { - position: fixed; - justify-content: flex-start; - left: calc(160px + var(--edge-padding)); - top: calc(19px + var(--banner-height) + var(--edge-padding)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: 232px; - padding: 2px 4px; - background-color: var(--profile-body-background-color); -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] div > a > img, -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] div > a > div { - width: 24px; - height: 24px; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class*=userTag] { - width: 100%; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class*=userTag] > span { - font-size: 14px; - line-height: 24px; - font-weight: 600; - color: var(--header-secondary); -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=dotSpacer] { - display: none; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=pronounsTooltip] { - font-size: 14px; - line-height: 1.2857142857; - font-weight: 400; - padding-top: 2px; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] { - border-top-left-radius: unset; - border-top-right-radius: unset; - border: unset; - background-color: var(--profile-body-background-color); -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground]:is([class*=friendRequestBannerOverlay]) { - display: none; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] > [class^=tabBar] { - gap: 40px; - margin: 20px 12px 0; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] > [class^=tabBar]:not(:has(> [class^=tabBarItem]:nth-child(2))) { - display: none; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] > [class^=tabBar] > [class^=tabBarItem] { - height: 39px; - border-bottom-width: 2px; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] > [class^=tabBar] > [class^=tabBarItem] div { - font-weight: 500; - line-height: 20px; - color: var(--interactive-normal); -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] > [class^=tabBar] > [class^=tabBarItem]:hover > div { - color: var(--interactive-hover); -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] > [class^=tabBar] > [class^=tabBarItem][aria-selected=true] > div { - color: var(--interactive-active); -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] [data-list-id^=roles] [class*=pill], -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] [data-list-id^=roles] > div > button { - background-color: var(--profile-role-pill-background-color); - border: unset; - max-height: 22px; - box-sizing: border-box; -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container]:not(:has(> [class^=tabBar] > [class^=tabBarItem]:nth-child(2)))::before { - content: ""; - width: -webkit-fill-available; - height: 1px; - margin: 20px 12px 0; - background-color: var(--profile-body-divider-color); -} -[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] [class^=scroller]::-webkit-scrollbar-track { - margin-bottom: 4px; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div { - gap: unset; - padding: unset; - background: - linear-gradient( - var(--profile-gradient-start), - var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), - var(--profile-gradient-end)); -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body]::-webkit-scrollbar { - width: 8px; - height: 8px; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body]::-webkit-scrollbar-thumb { - background-clip: padding-box; - border: 2px solid transparent; - border-radius: 4px; - background-color: var(--profile-body-divider-color); - min-height: 40px; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body]::-webkit-scrollbar-track { - margin-bottom: 4px; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] > div > [class^=descriptionClamp] { - -webkit-line-clamp: unset; - overflow: hidden; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] > div > [class^=viewFullBio] { - display: none; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=activityBiteSizePopout] { - padding: 12px; - order: 1; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=activityBiteSizePopout] > img { - width: 24px; - height: 24px; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(da):hover::after { - content: "Se profil"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(de):hover::after { - content: "Profil ansehen"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(en-US):hover::after { - content: "View Profile"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(en-GB):hover::after { - content: "View Profile"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(es-ES):hover::after { - content: "Ver perfil"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(es-419):hover::after { - content: "Ver perfil"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(fr):hover::after { - content: "Voir le profil"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(hr):hover::after { - content: "Prika\17ei profil"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(it):hover::after { - content: "Mostra profilo"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(lt):hover::after { - content: "Per\17ei\16br\117ti Profil\12f"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(hu):hover::after { - content: "Profil megtekint\e9se"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(nl):hover::after { - content: "Profiel bekijken"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(no):hover::after { - content: "Vis profil"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(pl):hover::after { - content: "Zobacz profil"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(pt-BR):hover::after { - content: "Ver perfil"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ro):hover::after { - content: "Vezi profil"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(fi):hover::after { - content: "N\e4yt\e4 profiili"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(sv-SE):hover::after { - content: "Visa profil"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(vi):hover::after { - content: "Xem H\1ed3 S\1a1"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(tr):hover::after { - content: "Profili G\f6r\fcnt\fcle"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(cs):hover::after { - content: "Zobrazit profil"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(el):hover::after { - content: "\3a0\3c1\3bf\3b2\3bf\3bb\3ae \3c0\3c1\3bf\3c6\3af\3bb"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(bg):hover::after { - content: "\41f\440\435\433\43b\435\434 \43d\430 \43f\440\43e\444\438\43b"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ru):hover::after { - content: "\41f\440\43e\444\438\43b\44c"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(uk):hover::after { - content: "\41f\440\43e\444\456\43b\44c"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(hi):hover::after { - content: "\92a\94d\930\94b\92b\93c\93e\907\932 \926\947\916\947\902"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(th):hover::after { - content: "\e14\e39\e42\e1b\e23\e44\e1f\e25\e4c"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(zh-CN):hover::after { - content: "\67e5\770b\4e2a\4eba\8d44\6599"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ja):hover::after { - content: "\30d7\30ed\30d5\30a3\30fc\30eb\8868\793a"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(zh-TW):hover::after { - content: "\6aa2\8996\500b\4eba\6a94\6848"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ko):hover::after { - content: "\d504\b85c\d544 \bcf4\ae30"; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):hover::after { - position: absolute; - top: 0; - right: 0; - font-size: 10px; - line-height: 12px; - font-weight: 700; - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - white-space: nowrap; - text-overflow: ellipsis; - text-transform: uppercase; - color: var(--white-500); - width: 100%; - height: 100%; - box-shadow: inset 0 0 120px hsl(var(--black-500-hsl)/0.75); - opacity: 1; - mask-image: url(#svg-mask-avatar-default); -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-round-80)"]))::after { - mask-image: url(#svg-mask-avatar-status-round-80); -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-mobile-80)"]))::after { - mask-image: url(#svg-mask-avatar-status-mobile-80); -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon]))::after { - transition: opacity 0.1s ease; - background-color: unset; - opacity: 0; - transform: scale(1.0084); - pointer-events: none; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])) [class*=overlay]::after { - display: none; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=header] > [class^=avatar] [class*=overlay]::after { - transition: opacity 0.1s ease; - background-color: unset; - border-radius: unset; - box-shadow: inset 0 0 120px hsl(var(--black-500-hsl)/0.75); -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=header] { - margin-bottom: unset; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div:has([class^=pronounsTooltip]) > [class^=header] > [class^=bannerSVGWrapper] { - padding: 0 0 calc(104px + var(--badge-container-height) - var(--banner-offset)); -} -[class^=userPanelOuter] > [class^=userPanelInner] > div:not(:has([class^=statusBubbleOuter])) > header > [class^=bannerSVGWrapper] { - padding: 0 0 calc(96px + var(--badge-container-height) - var(--banner-offset)); -} -[class^=userPanelOuter] > [class^=userPanelInner] > div:not(:has([class^=statusBubbleOuter])):has([class^=pronounsTooltip]) > header > [class^=bannerSVGWrapper] { - padding: 0 0 calc(116px + var(--badge-container-height) - var(--banner-offset)); -} -[class^=userPanelOuter] > [class^=userPanelInner] > div:not(:has([class^=statusBubbleOuter])) > [class^=body] > [class^=container] { - padding: 12px; - z-index: 2; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] { - gap: 12px; - margin: 0 16px 0; - border-bottom-left-radius: var(--radius-sm); - border-bottom-right-radius: var(--radius-sm); -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] > [class^=biteSizeOverlayBackground] { - display: none; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body]::before { - content: ""; - display: block; - margin: -1px 28px 0; - min-height: 1px; - background-color: var(--profile-body-divider-color); - position: fixed; - width: -webkit-fill-available; - left: 0px; - z-index: 3; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] > [class^=overlayBackground] { - border-top-right-radius: unset; - border-top-left-radius: unset; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] > [class^=container] { - position: fixed; - top: calc(28px + var(--banner-height) + var(--badge-container-height)); - left: 0px; - margin: 0 16px 0; - padding: 12px 12px 0; - border-top-left-radius: var(--radius-sm); - border-top-right-radius: var(--radius-sm); - background-color: var(--profile-body-background-color); - width: -webkit-fill-available; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] > [class^=container] > [class^=usernameRow] > [class^=clickableUsername] > h1 { - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - word-break: break-all; - display: -webkit-box; - font-weight: 600; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > div:is([class^=container]) { - position: fixed; - justify-content: flex-end; - right: 16px; - top: calc(12px + var(--banner-height)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: 190px; - padding: 4px; - background-color: var(--profile-body-background-color); -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > div:is([class^=container]) div > a > img, -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > div:is([class^=container]) div > a > div { - width: 22px; - height: 22px; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > div:is([class^=container]) + div { - position: fixed; - justify-content: flex-end; - right: 112px; - top: calc(36px + var(--banner-height)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: 94px; - padding: 4px; - background-color: transparent; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > div:is([class^=container]) + div div > a > img, -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > div:is([class^=container]) + div div > a > div { - width: 22px; - height: 22px; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > [class^=clickableUsername], -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > [class*=userTag] { - width: 100%; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > [class^=clickableUsername] > [class^=info], -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > [class*=userTag] > [class^=info] { - font-weight: 500; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > [class^=dotSpacer] { - display: none; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=invisibleContainer] { - display: none; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=visibleContainer] { - position: unset; - pointer-events: initial; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter] { - border: unset !important; - background: var(--profile-body-background-color); - box-shadow: none; - margin: 0 16px 0; - padding: 12px; - border-radius: unset; - max-width: unset; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter]::before, -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter]::after { - display: none; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter] > [class*=statusBubble] { - min-width: unset; - max-width: unset; - padding: unset; - background: transparent; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter] > [class*=statusBubble] > [class^=content] { - text-align: start; - -webkit-line-clamp: unset; - max-height: unset !important; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter] > [class*=statusBubble] > [class^=content] > [class*=statusText] { - font-weight: 400; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter] > [class*=statusBubble] > [class^=content] > [class*=statusEmojiOnly] { - user-select: none; - cursor: initial; - width: 48px; - height: 48px; - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; -} -[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter] > [class*=statusBubble] > [class^=content] > [class*=statusEmojiInline] { - user-select: none; - cursor: initial; - margin: -1px 4px -1px 0; - object-fit: contain; -} -[class^=userPanelOuter] > [class^=userPanelInner] > footer { - display: none; -} -[class^=activityBiteSizePopout] > [class^=headerContainer] > h1, -[class^=activityBiteSizePopout] > [class^=headerContainer] > h2, -[class^=activitySimplifiedProfile] > [class^=headerContainer] > h1, -[class^=userProfileModalInner] [class^=section] > h1, -[class^=userPanelInner] [class^=section] > h2 { - display: flex; - font-weight: 700; - color: var(--header-primary) !important; - font-family: var(--font-display); - font-size: 12px; - line-height: 1.3333; - text-transform: uppercase; - letter-spacing: 0.02em; -} -div:has(> [class^=descriptionClamp]):lang(da)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(da)::before { - content: "Om mig"; -} -div:has(> [class^=descriptionClamp]):lang(de)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(de)::before { - content: "\dc ber mich"; -} -div:has(> [class^=descriptionClamp]):lang(en-US)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(en-US)::before { - content: "About Me"; -} -div:has(> [class^=descriptionClamp]):lang(en-GB)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(en-GB)::before { - content: "About Me"; -} -div:has(> [class^=descriptionClamp]):lang(es-ES)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(es-ES)::before { - content: "Sobre m\ed"; -} -div:has(> [class^=descriptionClamp]):lang(es-419)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(es-419)::before { - content: "Sobre m\ed"; -} -div:has(> [class^=descriptionClamp]):lang(fr)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(fr)::before { - content: "\c0 propos de moi"; -} -div:has(> [class^=descriptionClamp]):lang(hr)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(hr)::before { - content: "O meni"; -} -div:has(> [class^=descriptionClamp]):lang(it)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(it)::before { - content: "Chi sono"; -} -div:has(> [class^=descriptionClamp]):lang(lt)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(lt)::before { - content: "Apie mane"; -} -div:has(> [class^=descriptionClamp]):lang(hu)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(hu)::before { - content: "Bemutatkoz\e1s"; -} -div:has(> [class^=descriptionClamp]):lang(nl)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(nl)::before { - content: "Over mij"; -} -div:has(> [class^=descriptionClamp]):lang(no)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(no)::before { - content: "Om meg"; -} -div:has(> [class^=descriptionClamp]):lang(pl)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(pl)::before { - content: "O mnie"; -} -div:has(> [class^=descriptionClamp]):lang(pt-BR)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(pt-BR)::before { - content: "Sobre mim"; -} -div:has(> [class^=descriptionClamp]):lang(ro)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(ro)::before { - content: "Despre mine"; -} -div:has(> [class^=descriptionClamp]):lang(fi)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(fi)::before { - content: "Tietoja minusta"; -} -div:has(> [class^=descriptionClamp]):lang(sv-SE)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(sv-SE)::before { - content: "Om mig"; -} -div:has(> [class^=descriptionClamp]):lang(vi)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(vi)::before { - content: "Gi\1edbi thi\1ec7u v\1ec1 t\f4i"; -} -div:has(> [class^=descriptionClamp]):lang(tr)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(tr)::before { - content: "Hakk\131mda"; -} -div:has(> [class^=descriptionClamp]):lang(cs)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(cs)::before { - content: "\10clenem od"; -} -div:has(> [class^=descriptionClamp]):lang(el)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(el)::before { - content: "\3a3\3c7\3b5\3c4\3b9\3ba\3ac \3bc\3b5 \3b5\3bc\3ad\3bd\3b1"; -} -div:has(> [class^=descriptionClamp]):lang(bg)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(bg)::before { - content: "\417\430 \43c\435\43d"; -} -div:has(> [class^=descriptionClamp]):lang(ru)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(ru)::before { - content: "\41e\431\43e \43c\43d\435"; -} -div:has(> [class^=descriptionClamp]):lang(uk)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(uk)::before { - content: "\41f\440\43e \43c\435\43d\435"; -} -div:has(> [class^=descriptionClamp]):lang(hi)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(hi)::before { - content: "\92e\947\930\947 \92c\93e\930\947 \92e\947\902"; -} -div:has(> [class^=descriptionClamp]):lang(th)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(th)::before { - content: "\e40\e01\e35\e48\e22\e27\e01\e31\e1a\e09\e31\e19"; -} -div:has(> [class^=descriptionClamp]):lang(zh-CN)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(zh-CN)::before { - content: "\81ea\6211\4ecb\7ecd"; -} -div:has(> [class^=descriptionClamp]):lang(ja)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(ja)::before { - content: "\81ea\5df1\7d39\4ecb"; -} -div:has(> [class^=descriptionClamp]):lang(zh-TW)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(zh-TW)::before { - content: "\95dc\65bc\6211"; -} -div:has(> [class^=descriptionClamp]):lang(ko)::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(ko)::before { - content: "\b0b4 \c18c\ac1c"; -} -div:has(> [class^=descriptionClamp])::before, -[class^=userProfileModalInner] [class^=scroller] > [class^=markup]::before { - margin-bottom: 6px; - width: 100%; - display: flex; - font-weight: 700; - color: var(--header-primary) !important; - font-family: var(--font-display); - font-size: 12px; - line-height: 1.3333; - text-transform: uppercase; - letter-spacing: 0.02em; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(da)::before { - content: "Roller"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(de)::before { - content: "Rollen"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(en-US)::before { - content: "Roles"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(en-GB)::before { - content: "Roles"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(es-ES)::before { - content: "Roles"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(es-419)::before { - content: "Roles"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(fr)::before { - content: "R\f4les"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(hr)::before { - content: "Uloge"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(it)::before { - content: "Ruoli"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(lt)::before { - content: "Vaidmenys"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(hu)::before { - content: "Rang"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(nl)::before { - content: "Rollen"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(no)::before { - content: "Roller"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(pl)::before { - content: "Role"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(pt-BR)::before { - content: "Cargos"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(ro)::before { - content: "Roluri"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(fi)::before { - content: "Roolit"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(sv-SE)::before { - content: "Roller"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(vi)::before { - content: "Vai tr\f2"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(tr)::before { - content: "Roller"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(cs)::before { - content: "Rol\ed"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(el)::before { - content: "\3a1\3cc\3bb\3bf\3b9"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(bg)::before { - content: "\420\43e\43b\438"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(ru)::before { - content: "\420\43e\43b\438"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(uk)::before { - content: "\420\43e\43b\456"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(hi)::before { - content: "\930\94b\932"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(th)::before { - content: "\e15\e33\e41\e2b\e19\e48\e07"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(zh-CN)::before { - content: "\8eab\4efd\7ec4"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(ja)::before { - content: "\30ed\30fc\30eb"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(zh-TW)::before { - content: "\8eab\5206\7d44"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(ko)::before { - content: "\c5ed\d560"; -} -div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow]))::before { - margin-bottom: 6px; - width: 100%; - display: flex; - font-weight: 700; - color: var(--header-primary) !important; - font-family: var(--font-display); - font-size: 12px; - line-height: 1.3333; - text-transform: uppercase; - letter-spacing: 0.02em; -} -[class^=mutuals_]:lang(da)::before { - content: "F\e6lles"; -} -[class^=mutuals_]:lang(de)::before { - content: "Freunde"; -} -[class^=mutuals_]:lang(en-US)::before { - content: "Mutuals"; -} -[class^=mutuals_]:lang(en-GB)::before { - content: "Mutuals"; -} -[class^=mutuals_]:lang(es-ES)::before { - content: "En com\fan"; -} -[class^=mutuals_]:lang(es-419)::before { - content: "Amigos en com\fan"; -} -[class^=mutuals_]:lang(fr)::before { - content: "En commun"; -} -[class^=mutuals_]:lang(hr)::before { - content: "Zajedni\10dki"; -} -[class^=mutuals_]:lang(it)::before { - content: "In comune"; -} -[class^=mutuals_]:lang(lt)::before { - content: "Bendri"; -} -[class^=mutuals_]:lang(hu)::before { - content: "K\f6z\f6sek"; -} -[class^=mutuals_]:lang(nl)::before { - content: "Gemeenschappelijk"; -} -[class^=mutuals_]:lang(no)::before { - content: "Felles"; -} -[class^=mutuals_]:lang(pl)::before { - content: "Wsp\f3lne"; -} -[class^=mutuals_]:lang(pt-BR)::before { - content: "En Comun"; -} -[class^=mutuals_]:lang(ro)::before { - content: "\cen comun"; -} -[class^=mutuals_]:lang(fi)::before { - content: "Yhteiset"; -} -[class^=mutuals_]:lang(sv-SE)::before { - content: "Gemensamma"; -} -[class^=mutuals_]:lang(vi)::before { - content: "B\1ea1n v\e0 m\e1y ch\1ee7 chung"; -} -[class^=mutuals_]:lang(tr)::before { - content: "Ortak arkada\15flar ve sunucular"; -} -[class^=mutuals_]:lang(cs)::before { - content: "Spole\10dn\e9"; -} -[class^=mutuals_]:lang(el)::before { - content: "\39a\3bf\3b9\3bd\3bf\3af"; -} -[class^=mutuals_]:lang(bg)::before { - content: "\41e\431\449\438 \43d\435\449\430"; -} -[class^=mutuals_]:lang(ru)::before { - content: "\41e\431\449\438\435"; -} -[class^=mutuals_]:lang(uk)::before { - content: "\417\430\433\430\43b\44c\43d\456"; -} -[class^=mutuals_]:lang(hi)::before { - content: "\92e\94d\92f\941\91a\941\905\932\94d\938"; -} -[class^=mutuals_]:lang(th)::before { - content: "\e40\e1e\e37\e48\e2d\e19\e41\e25\e30\e40\e0b\e34\e23\e4c\e1f\e40\e27\e2d\e23\e4c\e17\e35\e48\e21\e35\e23\e48\e27\e21\e01\e31\e19"; -} -[class^=mutuals_]:lang(zh-CN)::before { - content: "\5171\540c\597d\53cb/\670d\52a1\5668"; -} -[class^=mutuals_]:lang(ja)::before { - content: "\5171\901a\306e\30d5\30ec\30f3\30c9"; -} -[class^=mutuals_]:lang(zh-TW)::before { - content: "\5171\540c\597d\53cb\6216\4f3a\670d\5668"; -} -[class^=mutuals_]:lang(ko)::before { - content: "\acf5\d1b5"; -} -[class^=mutuals_]::before { - margin-bottom: 4px; - width: 100%; - display: flex; - font-weight: 700; - color: var(--header-primary) !important; - font-family: var(--font-display); - font-size: 12px; - line-height: 1.3333; - text-transform: uppercase; - letter-spacing: 0.02em; -} -[class^=section] > ul[class^=list]:lang(da)::before { - content: "Pr\f8v mine kommandoer"; -} -[class^=section] > ul[class^=list]:lang(de)::before { - content: "\dc ber mich"; -} -[class^=section] > ul[class^=list]:lang(en-US)::before { - content: "Try my commands"; -} -[class^=section] > ul[class^=list]:lang(en-GB)::before { - content: "Try my commands"; -} -[class^=section] > ul[class^=list]:lang(es-ES)::before { - content: "Probar mis comandos"; -} -[class^=section] > ul[class^=list]:lang(es-419)::before { - content: "Probar mis comandos"; -} -[class^=section] > ul[class^=list]:lang(fr)::before { - content: "Essaie mes commandes"; -} -[class^=section] > ul[class^=list]:lang(hr)::before { - content: "Isprobaj moje naredbe"; -} -[class^=section] > ul[class^=list]:lang(it)::before { - content: "Prova i miei comandi"; -} -[class^=section] > ul[class^=list]:lang(lt)::before { - content: "I\161 bandyk mano komandas"; -} -[class^=section] > ul[class^=list]:lang(hu)::before { - content: "Pr\f3 b\e1ld ki a parancsaimat"; -} -[class^=section] > ul[class^=list]:lang(nl)::before { - content: "Probeer mijn opdrachten"; -} -[class^=section] > ul[class^=list]:lang(no)::before { - content: "Pr\f8v kommandoene mine"; -} -[class^=section] > ul[class^=list]:lang(pl)::before { - content: "Wypr\f3 buj moje komendy"; -} -[class^=section] > ul[class^=list]:lang(pt-BR)::before { - content: "Experimente meus comandos"; -} -[class^=section] > ul[class^=list]:lang(ro)::before { - content: "\cencearc\103 comenzile mele"; -} -[class^=section] > ul[class^=list]:lang(fi)::before { - content: "Kokeile komentojani"; -} -[class^=section] > ul[class^=list]:lang(sv-SE)::before { - content: "Testa mina kommandon"; -} -[class^=section] > ul[class^=list]:lang(vi)::before { - content: "Th\1eed c\e1 c l\1ec7nh c\1ee7 a t\f4i"; -} -[class^=section] > ul[class^=list]:lang(tr)::before { - content: "Komutlar\131m\131 dene"; -} -[class^=section] > ul[class^=list]:lang(cs)::before { - content: "Zkus moje p\159\edkazy"; -} -[class^=section] > ul[class^=list]:lang(el)::before { - content: "\394\3bf\3ba\3af\3bc\3b1\3c3\3b5 \3c4\3b9\3c2 \3b5\3bd\3c4\3bf\3bb\3ad\3c2 \3bc\3bf\3c5"; -} -[class^=section] > ul[class^=list]:lang(bg)::before { - content: "\418\437\43f\440\43e\431\432\430\43d\435 \43d\430 \43c\43e\438\442\435 \43a\43e\43c\430\43d\434\438"; -} -[class^=section] > ul[class^=list]:lang(ru)::before { - content: "\41e\43f\440\43e\431\443\439\442\435 \43c\43e\438 \43a\43e\43c\430\43d\434\44b"; -} -[class^=section] > ul[class^=list]:lang(uk)::before { - content: "\421\43f\440\43e\431\443\439\442\435 \43c\43e\457 \43a\43e\43c\430\43d\434\438"; -} -[class^=section] > ul[class^=list]:lang(hi)::before { - content: "\92e\947\930\940 \915\92e\93e\902\921 \91f\94d\930\93e\92f \915\930\947\902"; -} -[class^=section] > ul[class^=list]:lang(th)::before { - content: "\e25\e2d\e07\e43\e0a\e49\e04\e33\e2a\e31\e48\e07\e02\e2d\e07\e09\e31\e19\e14\e39\e2a\e34"; -} -[class^=section] > ul[class^=list]:lang(zh-CN)::before { - content: "\8bd5\8bd5\6211\7684\6307\4ee4"; -} -[class^=section] > ul[class^=list]:lang(ja)::before { - content: "\30b3\30de\30f3\30c9\3092\8a66\3057\3066\307f\3066\306d\ff01"; -} -[class^=section] > ul[class^=list]:lang(zh-TW)::before { - content: "\8a66\8a66\770b\6211\7684\6307\4ee4"; -} -[class^=section] > ul[class^=list]:lang(ko)::before { - content: "\c81c \ba85\b839\c5b4\b97c \c0ac\c6a9\d574\bcf4\c138\c694"; -} -[class^=section] > ul[class^=list]::before { - margin-bottom: 6px; - width: 100%; - display: flex; - font-weight: 700; - color: var(--header-primary) !important; - font-family: var(--font-display); - font-size: 12px; - line-height: 1.3333; - text-transform: uppercase; - letter-spacing: 0.02em; -} -[class^=section]:has(> div > [data-list-id^=roles-]) > h1, -[class^=section]:has(> [class^=list]) > h1 { - display: none; -} -[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=avatar] { - top: 16px; - left: 22px; -} -[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] { - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; -} -[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] mask rect { - width: 300px; - height: 52.94px; -} -[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] mask circle { - cx: 54.5; - cy: 49.5; - r: 40.59; -} -[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] foreignObject { - height: 52.95px; -} -[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] foreignObject > [class^=banner] { - height: 52.94px; -} -[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] foreignObject > [class^=banner]::before { - content: unset; -} -[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) { - height: 106px; -} -[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=headerInner] > [class^=avatar] { - position: fixed; - top: 41px; - left: 22px; -} -[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] { - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; -} -[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] mask rect { - width: 600px; - height: 104.02px; -} -[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] mask circle { - cx: 82; - cy: 101; - r: 68; -} -[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] foreignObject { - height: 105.01px; -} -[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] foreignObject > [class^=banner] { - height: 105.01px; -} -[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] foreignObject > [class^=banner]::before { - content: unset; -} -[class*=biteSizeOuter][class*=userProfileOuterThemed] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] { - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; -} -[class*=biteSizeOuter][class*=userProfileOuterThemed] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] mask circle { - cx: 51.25; - cy: 46; -} -[class*=fullSizeOuter][class*=userProfileOuterThemed] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=headerInner] > [class^=avatar] { - top: 45px; - left: 26px; -} -[class*=biteSizeOuter]:not([class*=userProfileOuterThemed]) > [class*=userProfileInner] > header:has([style*=background-image]) > svg { - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; -} -[class*=biteSizeOuter]:not([class*=userProfileOuterThemed]) > [class*=userProfileInner] > header:has([style*=background-image]) > svg mask circle { - cx: 54.5 !important; - cy: 102.5 !important; -} -[class*=fullSizeOuter]:not([class*=userProfileOuterThemed]) > [class*=userProfileInner] > header:has([style*=background-image]) > svg { - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; -} -[class*=fullSizeOuter]:not([class*=userProfileOuterThemed]) > [class*=userProfileInner] > header:has([style*=background-image]) > svg mask circle { - cx: 88; - cy: 209; -} -[class*=userProfileOuterThemed] > [class*=userProfileInner] [data-list-id^=roles] [class*=pill], -[class*=userProfileOuterThemed] > [class*=userProfileInner] [data-list-id^=roles] > div > button { - border: 1px solid var(--profile-role-pill-border-color) !important; -} -[class^=fullSizeOuter] { - max-height: 586px; -} -[class^=fullSizeOuter]:has([class*=fullSizeBannerPremium]) { - max-height: 692px; -} -[class^=fullSizeOuter][class*=userProfileOuterThemed] { - max-height: 594px; -} -[class^=fullSizeOuter][class*=userProfileOuterThemed]:has([class*=fullSizeBannerPremium]) { - max-height: 700px; -} -[class^=biteSizeOuter] > [class^=userProfileModalInner]:not(:has(> footer > [class^=channelTextArea], > [class^=body] > [class^=container] > [class^=tags] > [class^=container])) > header > [class^=bannerSVGWrapper] { - padding: 0 0 3px; -} -[class^=biteSizeOuter] > [class^=userProfileModalInner]:not(:has(> footer > [class^=channelTextArea], > [class^=body] > [class^=container] > [class^=tags] > [class^=container])) > header::before { - content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='transparent' class=''%3E%3C/circle%3E%3Cpath fill='%23f0b132' fill-rule='evenodd' d='M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm1.44-15.94L13.06 14a1.06 1.06 0 0 1-2.12 0l-.38-6.94a1 1 0 0 1 1-1.06h.88a1 1 0 0 1 1 1.06Zm-.19 10.69a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z' clip-rule='evenodd' class=''%3E%3C/path%3E%3C/svg%3E"); - position: absolute; - z-index: 1; - top: 8px; - right: 16px; - width: 20px; - height: 20px; -} -[class^=biteSizeOuter] > [class^=userProfileModalInner]:not(:has(> footer > [class^=channelTextArea], > [class^=body] > [class^=container] > [class^=tags] > [class^=container])) > header::after { - content: ""; - display: block; - position: absolute; - transform: translateY(-12px); - width: 308px; - height: 12px; - margin: 0 16px; - border-top-left-radius: var(--radius-sm); - border-top-right-radius: var(--radius-sm); - background-color: var(--profile-body-background-color); -} -[class^=biteSizeOuter] > [class^=userProfileModalInner]:not(:has(> footer > [class^=channelTextArea], > [class^=body] > [class^=container] > [class^=tags] > [class^=container])) > [class^=body] > [class^=container] { - position: static; - margin: unset; - padding: unset; -} -[class^=biteSizeOuter] > [class^=userProfileModalInner]:not(:has(> footer > [class^=channelTextArea], > [class^=body] > [class^=container] > [class^=tags] > [class^=container])) > [class^=body] > [class^=container] > [class^=tags] > [class^=userTag] > [class^=username] { - display: none; -} -[class*=SizeOuter] > [class*=userProfileInner] > [class^=body] > [class^=container] { - gap: unset; -} -[class*=SizeOuter] > [class*=userProfileInner] > [class^=body] > [class^=container] > [class^=usernameRow] > h1 { - color: var(--interactive-active); - font-weight: 600; -} -div[id^=popout] > [data-popout-animating=false]:has(> div > [class^=biteSizeOuter]), -[class^=accountProfilePopoutWrapper], -[class^=customizationSection], -[class^=previewContainer] > [class^=biteSizeOuter], -[class^=previewsContainerInner] > [class^=biteSizeOuter], -[class^=profileEffectPreviewsContainerInner] > [class^=biteSizeOuter], -[class^=userProfilePreview] > [class^=biteSizeOuter], -[class^=userPanelOuter] { - transform: translate(0) !important; -} -[class^=previewsContainerInner] > [class^=biteSizeOuter] > [class^=userPopoutInner] > header > [class^=avatar]:hover::after, -[class^=profileEffectPreviewsContainerInner] > [class^=biteSizeOuter] > [class^=userPopoutInner] > header > [class^=avatar]:hover::after, -[class^=previewContainer] > [class^=biteSizeOuter] > [class^=userPopoutInner] > header > [class^=avatar]:hover::after { - display: none; -} -[class^=customizationSection] [class*=userProfileInner] [class^=tags] > [class^=container] { - top: calc(40px + var(--banner-height)) !important; -} -[class^=customizationSection] [class*=userProfileInner] > [class^=body] > [class^=container] { - top: calc(56px + var(--banner-height) + var(--badge-container-height)) !important; -} -[aria-label=discord] [class*=biteSizeOuter] > [class*=userProfileInner] > footer, -[aria-label="Deleted User"] [class*=biteSizeOuter] > [class*=userProfileInner] > footer { - visibility: hidden; - padding: unset !important; - margin: unset !important; -} -[aria-label=discord] [class*=biteSizeOuter] > [class*=userProfileInner] > [class^=body], -[aria-label="Deleted User"] [class*=biteSizeOuter] > [class*=userProfileInner] > [class^=body] { - margin-bottom: 16px; - padding: unset !important; -} -[aria-label=discord] [class*=biteSizeOuter] > [class*=userProfileInner] > [class^=body]::before, -[aria-label="Deleted User"] [class*=biteSizeOuter] > [class*=userProfileInner] > [class^=body]::before { - display: none; -} -[aria-label=discord] [class*=biteSizeOuter] > [class*=userProfileInner] > [class^=body] > [class^=container], -[aria-label="Deleted User"] [class*=biteSizeOuter] > [class*=userProfileInner] > [class^=body] > [class^=container] { - border-bottom-left-radius: var(--radius-sm); - border-bottom-right-radius: var(--radius-sm); -} -[class^=userPopoutInner] > [class^=body]:not([class*=fade]) { - margin-bottom: 16px; - padding-bottom: 12px; - border-bottom-left-radius: var(--radius-sm); - border-bottom-right-radius: var(--radius-sm); -} -[class^=nicknameIcons] > div[aria-label]:not([class^=clickTarget]) { - position: fixed; - top: 8px; - right: 16px; -} -[class^=nicknameIcons] > div[aria-label]:not([class^=clickTarget]) > svg { - width: 20px; - height: 20px; -} -[class^=accountProfilePopoutWrapper] [class^=biteSizeOverlayBackground] > [class^=menu] [class*=layer] { - top: unset !important; - left: unset !important; - transform: translate(267px, -34px); - padding-left: 3px; -} -[class^=userPopoutInner] > footer > button:has(> [class^=contents] > svg > [d^="m13.96 5.46 "]) { - width: 28px; - height: 28px; - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; - padding: unset !important; - background: hsl(var(--black-500-hsl)/0.3) !important; - transition: background-color 0.2s ease; - display: flex; - justify-content: center; - align-items: center; - visibility: visible; - font-size: 0; - color: var(--white-500); - border-radius: var(--radius-round); - position: absolute; - top: 12px; - right: 12px; -} -[class^=userPopoutInner] > footer > button:has(> [class^=contents] > svg > [d^="m13.96 5.46 "]) > [class^=contents], -[class^=userPopoutInner] > footer > button:has(> [class^=contents] > svg > [d^="m13.96 5.46 "]) > [class^=contents] > svg { - width: 18px; - height: 18px; - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; - gap: unset; -} -[class^=userPopoutInner] > footer > button:has(> [class^=contents] > svg > [d^="m13.96 5.46 "]):hover { - background: hsl(var(--black-500-hsl)/0.6) !important; - opacity: unset; -} -[class^=userPopoutInner] > footer > button:has(> [class^=contents] > svg > [d^="m13.96 5.46 "]):hover::before { - content: attr(aria-label); - position: fixed; - font-size: 14px; - transform: translateY(-38px); - background-color: var(--background-floating); - box-shadow: var(--shadow-high); - color: var(--text-normal); - padding: 8px 12px; - border-radius: 5px; - pointer-events: none; - box-sizing: border-box; - width: max-content; - max-width: 190px; - word-wrap: break-word; -} -[class^=userPopoutInner] > footer > button:has(> [class^=contents] > svg > [d^="m13.96 5.46 "]):hover::after { - content: ""; - position: fixed; - border-top: 5px solid var(--background-floating); - border-right: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid transparent; - transform: translateY(-17px); - pointer-events: none; -} -[class^=userPopoutInner]:has(> footer > button > [class^=contents] > svg > [d^="m13.96 5.46 "]) > [class^=wrapper] { - right: 46px; -} -[class^=userPopoutInner] > [class^=wrapper] > div:has(> button > div > svg > path[d^="M19 14a1 1 0"], > button > div > svg > path[d^="M12 10a4 4 0"], > button > div > svg > path[d^="M5.26 12.45c"], > button > div > svg > path[d^="M16 6a4 4 0 "]), -[class^=userProfileModalInner] > [class^=wrapper] > div:has(> button > div > svg > path[d^="M19 14a1 1 0"], > button > div > svg > path[d^="M12 10a4 4 0"], > button > div > svg > path[d^="M5.26 12.45c"], > button > div > svg > path[d^="M16 6a4 4 0 "]), -[class^=userPanelInner] > div > [class^=wrapper] > div:has(> button > div > svg > path[d^="M19 14a1 1 0"], > button > div > svg > path[d^="M12 10a4 4 0"], > button > div > svg > path[d^="M5.26 12.45c"], > button > div > svg > path[d^="M16 6a4 4 0 "]) { - display: none; -} -[class^=userPopoutInner] > [class^=wrapper] > div:has(> button > div > svg > path[d^="M4 14a2 2 0 "]), -[class^=userPanelInner] > div > [class^=wrapper] > div:has(> button > div > svg > path[d^="M4 14a2 2 0 "]) { - display: none; -} -[class^=userPopoutInner] > [class^=wrapper], -[class^=userProfileModalInner] > [class^=wrapper], -[class^=userPanelInner] > div > [class^=wrapper] { - gap: 6px; -} -[class^=userPopoutInner] > [class^=wrapper] > div > *, -[class^=userProfileModalInner] > [class^=wrapper] > div > *, -[class^=userPanelInner] > div > [class^=wrapper] > div > * { - width: 28px; - height: 28px; - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; - padding: unset !important; - background: hsl(var(--black-500-hsl)/0.3) !important; - transition: background-color 0.2s ease; - display: flex; - justify-content: center; - align-items: center; -} -[class^=userPopoutInner] > [class^=wrapper] > div > * > [class^=contents], -[class^=userPopoutInner] > [class^=wrapper] > div > * > [class^=contents] > svg, -[class^=userProfileModalInner] > [class^=wrapper] > div > * > [class^=contents], -[class^=userProfileModalInner] > [class^=wrapper] > div > * > [class^=contents] > svg, -[class^=userPanelInner] > div > [class^=wrapper] > div > * > [class^=contents], -[class^=userPanelInner] > div > [class^=wrapper] > div > * > [class^=contents] > svg { - width: 18px; - height: 18px; - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; - gap: unset; -} -[class^=userPopoutInner] > [class^=wrapper] > div > *:hover, -[class^=userProfileModalInner] > [class^=wrapper] > div > *:hover, -[class^=userPanelInner] > div > [class^=wrapper] > div > *:hover { - background: hsl(var(--black-500-hsl)/0.6) !important; - opacity: unset; -} -/*# sourceMappingURL=main.css.map */ diff --git a/themes/btw.bitslayn.revertProfiles/src/banners.scss b/themes/btw.bitslayn.revertProfiles/src/banners.scss deleted file mode 100644 index e13391a..0000000 --- a/themes/btw.bitslayn.revertProfiles/src/banners.scss +++ /dev/null @@ -1,104 +0,0 @@ -@use "globals" as *; - -// Solid color -[class*="biteSizeOuter"] - > [class*="userProfileInner"] - > header:not(:has([style*="background-image"])) { - > [class^="avatar"] { - top: 16px; - left: 22px; - } - > [class^="bannerSVGWrapper"] { - @include dumbmaxing; - mask { - rect { - width: 300px; - height: 52.94px; - } - circle { - cx: 54.5; - cy: 49.5; - r: 40.59; - } - } - foreignObject { - height: 52.95px; - > [class^="banner"] { - height: 52.94px; - &::before { - content: unset; - } - } - } - } -} -[class*="fullSizeOuter"] - > [class*="userProfileInner"] - > header:not(:has([style*="background-image"])) { - height: 106px; - > [class^="headerInner"] > [class^="avatar"] { - position: fixed; - top: 41px; - left: 22px; - } - > [class^="bannerSVGWrapper"] { - @include dumbmaxing; - mask { - rect { - width: 600px; - height: 104.02px; - } - circle { - cx: 82; - cy: 101; - r: 68; - } - } - foreignObject { - height: 105.01px; - > [class^="banner"] { - height: 105.01px; - &::before { - content: unset; - } - } - } - } -} - -// Premium + solid color -[class*="biteSizeOuter"][class*="userProfileOuterThemed"] > [class*="userProfileInner"] { - > header:not(:has([style*="background-image"])) > [class^="bannerSVGWrapper"] { - @include dumbmaxing; - mask circle { - cx: 51.25; - cy: 46; - } - } -} -[class*="fullSizeOuter"][class*="userProfileOuterThemed"] > [class*="userProfileInner"] { - > header:not(:has([style*="background-image"])) > [class^="headerInner"] > [class^="avatar"] { - top: 45px; - left: 26px; - } -} - -// USRBG -[class*="biteSizeOuter"]:not([class*="userProfileOuterThemed"]) > [class*="userProfileInner"] { - > header:has([style*="background-image"]) > svg { - @include dumbmaxing; - mask circle { - cx: 54.5 !important; - cy: 102.5 !important; - } - } -} -[class*="fullSizeOuter"]:not([class*="userProfileOuterThemed"]) > [class*="userProfileInner"] { - > header:has([style*="background-image"]) > svg { - @include dumbmaxing; - mask circle { - cx: 88; - cy: 209; - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/src/buttons.scss b/themes/btw.bitslayn.revertProfiles/src/buttons.scss new file mode 100644 index 0000000..daefb9f --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/buttons.scss @@ -0,0 +1,34 @@ +@use "mixins" as *; +@use "lang"; +@use "sass:map"; + +@mixin header-button { + width: 28px; + height: 28px; + padding: unset !important; + background: hsl(var(--black-500-hsl) / 0.3) !important; + transition: background-color 0.2s ease; + display: flex; + justify-content: center; + align-items: center; + svg { + width: 18px !important; + height: 18px !important; + gap: unset; + } + &:hover { + background: hsl(var(--black-500-hsl) / 0.6) !important; + opacity: unset; + } +} + +[class*="userProfileOuter"] > div > [class^="wrapper"] { + &, + .platform-indicators { + gap: 7px; // Seems arbitrary right? WRONG I mathematically determined this is the correct spacing relative to the original 8px + } + button, + span { + @include header-button; + } +} diff --git a/themes/btw.bitslayn.revertProfiles/src/components/banner/buttons.scss b/themes/btw.bitslayn.revertProfiles/src/components/banner/buttons.scss deleted file mode 100644 index c321bbc..0000000 --- a/themes/btw.bitslayn.revertProfiles/src/components/banner/buttons.scss +++ /dev/null @@ -1,90 +0,0 @@ -@use "../../globals" as *; -@use "../tooltip" as *; -@use "../../lang"; -@use "sass:map"; - -// Bitesize & Full banner button styles -@mixin bubble-styles { - width: 28px; - height: 28px; - @include dumbmaxing; - padding: unset !important; - background: hsl(var(--black-500-hsl) / 0.3) !important; - transition: background-color 0.2s ease; - display: flex; - justify-content: center; - align-items: center; - > [class^="contents"], - > [class^="contents"] > svg { - width: 18px; - height: 18px; - @include dumbmaxing; - gap: unset; - } - &:hover { - background: hsl(var(--black-500-hsl) / 0.6) !important; - opacity: unset; - } -} - -@mixin fake-bubble-styles { - @include bubble-styles(); - visibility: visible; - font-size: 0; - color: var(--white-500); - border-radius: var(--radius-round); - position: absolute; - top: 12px; - right: 12px; -} - -[class^="userPopoutInner"] { - > footer > button:has(> [class^="contents"] > svg > [d^="m13.96 5.46 "]) { - @include fake-bubble-styles(); - &:hover { - // @each $lang, $string in lang.$edit-profile { - // &:lang(#{$lang})::before { - // content: $string !important; - // } - // } - @include tooltip(attr(aria-label), -17px); - } - } - &:has(> footer > button > [class^="contents"] > svg > [d^="m13.96 5.46 "]) { - > [class^="wrapper"] { - right: 46px; // Assume a gap of 6px - } - } -} - -[class^="userPopoutInner"], -[class^="userProfileModalInner"], -[class^="userPanelInner"] > div { - > [class^="wrapper"] > div:has( - > button > div > svg > path[d^="M19 14a1 1 0"], /* Add Friend */ - > button > div > svg > path[d^="M12 10a4 4 0"], /* Friends */ - > button > div > svg > path[d^="M5.26 12.45c"], /* Mod View */ - > button > div > svg > path[d^="M16 6a4 4 0 "] /* Pending */ - ) { - display: none; - } -} -[class^="userPopoutInner"], -[class^="userPanelInner"] > div { - > [class^="wrapper"] > div:has( - > button > div > svg > path[d^="M4 14a2 2 0 "] /* More */ - ) { - display: none; - } -} - -[class^="userPopoutInner"], -[class^="userProfileModalInner"], -[class^="userPanelInner"] > div { - > [class^="wrapper"] { - gap: 6px; - > div > * { - @include bubble-styles(); - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/src/eyebrows.scss b/themes/btw.bitslayn.revertProfiles/src/eyebrows.scss deleted file mode 100644 index 57ebf8d..0000000 --- a/themes/btw.bitslayn.revertProfiles/src/eyebrows.scss +++ /dev/null @@ -1,72 +0,0 @@ -@use "lang"; -@use "sass:map"; - -@mixin eyebrow-font { - display: flex; - font-weight: 700; - color: var(--header-primary) !important; - font-family: var(--font-display); - font-size: 12px; - line-height: 1.3333; - text-transform: uppercase; - letter-spacing: 0.02em; -} - -@mixin eyebrow($margin-bottom) { - margin-bottom: $margin-bottom; - width: 100%; - @include eyebrow-font; -} - -[class^="activityBiteSizePopout"] > [class^="headerContainer"] > h1, /* These top three are for activity headers which use semibold instead of eyebrow */ -[class^="activityBiteSizePopout"] > [class^="headerContainer"] > h2, -[class^="activitySimplifiedProfile"] > [class^="headerContainer"] > h1, -[class^="userProfileModalInner"] [class^="section"] > h1, /* For headers in the full profile which use semibold instead of eyebrow */ -[class^="userPanelInner"] [class^="section"] > h2 /* For DM profile panels */ { - @include eyebrow-font; -} -div:has(> [class^="descriptionClamp"]), -[class^="userProfileModalInner"] [class^="scroller"] > [class^="markup"] { - @each $lang, $string in lang.$about-me { - &:lang(#{$lang})::before { - content: $string; - } - } - &::before { - @include eyebrow(6px); - } -} -div:has(> [data-list-id^="roles-"]):not(:has([data-text-variant="eyebrow"])) { - @each $lang, $string in lang.$roles { - &:lang(#{$lang})::before { - content: $string; - } - } - &::before { - @include eyebrow(6px); - } -} -[class^="mutuals_"] { - @each $lang, $string in lang.$mutuals { - &:lang(#{$lang})::before { - content: $string; - } - } - &::before { - @include eyebrow(4px); // .mutuals_dc9488 has a row-gap of 2px [2 + 4 = 6] - } -} -[class^="section"] > ul[class^="list"] { - @each $lang, $string in lang.$try-my-commands { - &:lang(#{$lang})::before { - content: $string; - } - } - &::before { - @include eyebrow(6px); - } -} -[class^="section"]:has(> div > [data-list-id^="roles-"]) > h1, /* Bot roles */ -[class^="section"]:has(> [class^="list"]) > h1 /* Bot commands */ { - display: none; -} diff --git a/themes/btw.bitslayn.revertProfiles/src/fixes/botfix.scss b/themes/btw.bitslayn.revertProfiles/src/fixes/botfix.scss deleted file mode 100644 index 18e9c30..0000000 --- a/themes/btw.bitslayn.revertProfiles/src/fixes/botfix.scss +++ /dev/null @@ -1,57 +0,0 @@ -// Profiles without names/bots without profiles, Discord Official Messages profile -[class^="biteSizeOuter"] - > [class^="userProfileModalInner"]:not( - :has( - > footer > [class^="channelTextArea"], - > [class^="body"] > [class^="container"] > [class^="tags"] > [class^="container"] - ) - ) { - > header { - > [class^="bannerSVGWrapper"] { - padding: 0 0 3px; - } - &::before { - // Warning circle icon when profile is unable to load - content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='transparent' class=''%3E%3C/circle%3E%3Cpath fill='%23f0b132' fill-rule='evenodd' d='M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm1.44-15.94L13.06 14a1.06 1.06 0 0 1-2.12 0l-.38-6.94a1 1 0 0 1 1-1.06h.88a1 1 0 0 1 1 1.06Zm-.19 10.69a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z' clip-rule='evenodd' class=''%3E%3C/path%3E%3C/svg%3E"); - position: absolute; - z-index: 1; - top: 8px; - right: 16px; - width: 20px; - height: 20px; - } - &::after { - content: ""; - display: block; - position: absolute; - transform: translateY(-12px); - width: 308px; - height: 12px; - margin: 0 16px; - border-top-left-radius: var(--radius-sm); - border-top-right-radius: var(--radius-sm); - background-color: var(--profile-body-background-color); - } - } - > [class^="body"] { - > [class^="container"] { - position: static; - margin: unset; - padding: unset; - > [class^="tags"] > [class^="userTag"] > [class^="username"] { - display: none; - } - } - } -} -[class*="SizeOuter"] > [class*="userProfileInner"] > [class^="body"] { - > [class^="container"] { - gap: unset; - > [class^="usernameRow"] { - > h1 { - color: var(--interactive-active); - font-weight: 600; - } - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/src/fixes/static.scss b/themes/btw.bitslayn.revertProfiles/src/fixes/static.scss deleted file mode 100644 index 601fc73..0000000 --- a/themes/btw.bitslayn.revertProfiles/src/fixes/static.scss +++ /dev/null @@ -1,88 +0,0 @@ -// Fix static profiles -div[id^="popout"] > [data-popout-animating="false"]:has(> div > [class^="biteSizeOuter"]), // Required :has() to fix "Invite to Server" context menu button -[class^="accountProfilePopoutWrapper"], -[class^="customizationSection"], -[class^="previewContainer"] > [class^="biteSizeOuter"], -[class^="previewsContainerInner"] > [class^="biteSizeOuter"], -[class^="profileEffectPreviewsContainerInner"] > [class^="biteSizeOuter"], -[class^="userProfilePreview"] > [class^="biteSizeOuter"], -[class^="userPanelOuter"] { - transform: translate(0) !important; -} - -// Discord istg how many different class names for profile previews do you need lmao -[class^="previewsContainerInner"], -[class^="profileEffectPreviewsContainerInner"], -[class^="previewContainer"] { - > [class^="biteSizeOuter"] - > [class^="userPopoutInner"] - > header - > [class^="avatar"]:hover::after { - display: none; - } -} - -// Fix static badges -[class^="customizationSection"] [class*="userProfileInner"] { - [class^="tags"] > [class^="container"] { - top: calc(40px + var(--banner-height)) !important; - } - > [class^="body"] > [class^="container"] { - top: calc(56px + var(--banner-height) + var(--badge-container-height)) !important; - } -} - -// Fix profiles with no body or footer -// Oddly enough, aria-label profile names are consistent across different languages -[aria-label="discord"], -[aria-label="Deleted User"] { - [class*="biteSizeOuter"] > [class*="userProfileInner"] { - > footer { - visibility: hidden; - padding: unset !important; - margin: unset !important; - } - > [class^="body"] { - margin-bottom: 16px; - padding: unset !important; - &::before { - display: none; - } - > [class^="container"] { - border-bottom-left-radius: var(--radius-sm); - border-bottom-right-radius: var(--radius-sm); - } - } - } -} -// Your static profile -[class^="userPopoutInner"] { - > [class^="body"]:not([class*="fade"]) { - margin-bottom: 16px; - padding-bottom: 12px; - border-bottom-left-radius: var(--radius-sm); - border-bottom-right-radius: var(--radius-sm); - } -} - -// "Unable to load profile banner, badges, and about me." indicator -[class^="nicknameIcons"] > div[aria-label]:not([class^="clickTarget"]) { - position: fixed; - top: 8px; - right: 16px; - > svg { - width: 20px; - height: 20px; - } -} - -// Fix dropdown menu positioning -[class^="accountProfilePopoutWrapper"] - [class^="biteSizeOverlayBackground"] - > [class^="menu"] - [class*="layer"] { - top: unset !important; - left: unset !important; - transform: translate(267px, -34px); - padding-left: 3px; -} diff --git a/themes/btw.bitslayn.revertProfiles/src/globals.scss b/themes/btw.bitslayn.revertProfiles/src/globals.scss deleted file mode 100644 index 295ae10..0000000 --- a/themes/btw.bitslayn.revertProfiles/src/globals.scss +++ /dev/null @@ -1,148 +0,0 @@ -[class^="biteSizeOuter"] { - --banner-height: 60px; - --banner-offset: calc(120px - var(--banner-height)); - &:has(> [class^="userPopoutInner"] > header > svg > foreignObject > [style*="background-image"]) { - --banner-height: 120px; - } - --badge-container-height: 22px; // 0 rows (Minimal gap of 16px) - &:has( - > [class^="userPopoutInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div - ) { - --badge-container-height: 30px; // 1 row - } - &:has( - > [class^="userPopoutInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div:nth-child(9) - ) { - --badge-container-height: 54px; // 2 rows - } - &:has( - > [class^="userPopoutInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div:nth-child(17) - ) { - --badge-container-height: 78px; // 3 rows, if anyone has more than 24 badges then tf are you doing with your life? - } - --guild-tag-height: 0px; - &:has(> [class^="userPopoutInner"] > [class^="body"] > span[class^="clickable"]) { - --guild-tag-height: 17px; - } - - --pronouns-height: 0px; - &:has( - > [class^="userPopoutInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="pronounsTooltip"] - ) { - --pronouns-height: 20px; - } -} - -[class^="fullSizeOuter"] { - --banner-height: 105px; // Pretty sure this should be 206px - --banner-offset: calc(210px - var(--banner-height)); - &:has( - > [class^="userProfileModalInner"] - > header - > svg - > foreignObject - > [style*="background-image"] - ) { - --banner-height: 210px; // Should be 212px but I got lazy - } - --badge-container-height: 22px; // 0 rows (Minimal gap of 24px) - &:has( - > [class^="userProfileModalInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div - ) { - --badge-container-height: 28px; // 1 row - } - &:has( - > [class^="userProfileModalInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div:nth-child(10) - ) { - --badge-container-height: 46px; // 2 rows - } - &:has( - > [class^="userProfileModalInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div:nth-child(19) - ) { - --badge-container-height: 72px; // 3 rows - } -} - -[class^="userPanelOuter"] { - --banner-height: 125px; - --banner-offset: 0px; - --badge-container-height: 22px; // 0 rows (Minimal gap of 16px) - &:has( - > [class^="userPanelInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div - ) { - --badge-container-height: 30px; // 1 row - } - &:has( - > [class^="userPanelInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div:nth-child(9) - ) { - --badge-container-height: 54px; // 2 rows - } - &:has( - > [class^="userPanelInner"] - > [class^="body"] - > [class^="container"] - > [class^="tags"] - > [class^="container"] - > div:nth-child(17) - ) { - --badge-container-height: 78px; // 3 rows, if anyone has more than 24 badges then tf are you doing with your life? - } -} - -[class*="userProfileOuter"] { - --edge-padding: 0px; - &[class*="userProfileOuterThemed"] { - --edge-padding: 4px; - } -} - -@mixin dumbmaxing { - min-width: unset !important; - min-height: unset !important; - max-width: unset !important; - max-height: unset !important; -} diff --git a/themes/btw.bitslayn.revertProfiles/src/header.scss b/themes/btw.bitslayn.revertProfiles/src/header.scss new file mode 100644 index 0000000..df4b197 --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/header.scss @@ -0,0 +1,23 @@ +[class*="biteSizeOuter"] { + > div { + padding-top: calc(45px + var(--custom-user-banner-height-bite-size)); + } + header { + position: fixed; + transform: translateY(calc(-45px + -1 * var(--custom-user-banner-height-bite-size))); + width: 300px; + } + // Unthemed + &:not([class*="userProfileOuterThemed"]) header { + > svg { + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + } + } + // Themed/Nitro + &[class*="userProfileOuterThemed"] header { + > [class^="avatar"] { + transform: translate(-4px, -4px); + } + } +} diff --git a/themes/btw.bitslayn.revertProfiles/src/heights.scss b/themes/btw.bitslayn.revertProfiles/src/heights.scss deleted file mode 100644 index 20bc66d..0000000 --- a/themes/btw.bitslayn.revertProfiles/src/heights.scss +++ /dev/null @@ -1,12 +0,0 @@ -[class^="fullSizeOuter"] { - max-height: 586px; // 586px - &:has([class*="fullSizeBannerPremium"]) { - max-height: 692px; // 586px + 106px - } - &[class*="userProfileOuterThemed"] { - max-height: 594px; // 586px + 8px - &:has([class*="fullSizeBannerPremium"]) { - max-height: 700px; // 586px + 8px + 106px - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/src/index.scss b/themes/btw.bitslayn.revertProfiles/src/index.scss index abdf850..44983e7 100644 --- a/themes/btw.bitslayn.revertProfiles/src/index.scss +++ b/themes/btw.bitslayn.revertProfiles/src/index.scss @@ -1,17 +1,90 @@ -// Bulk of the profile modal styles. -@use "profiles/popout"; -@use "profiles/full"; -@use "profiles/panel"; +@use "mixins" as *; +@use "lang"; +@use "sass:map"; -@use "globals"; // Assigns profile padding for statuses and badges relative to the banner's height. -@use "eyebrows"; // Styles for eyebrows. Self explanatory. -@use "banners"; // Makes banners smaller with svg adjustments. -@use "roles"; // Also self explanatory. -@use "heights"; // Full profile heights. +@use "buttons"; +@use "header"; -@use "fixes/botfix"; // Fixes related to bot profiles, Discord's official profile, and deleted user profiles. -@use "fixes/static"; // Fixes for static profile modals such as the one in settings. +// Sort order +[class*="userProfileOuter"] [class^="body"] { + // Username container + > [class^="container"] { + order: -8; + } + // Guild tag + > [class^="clickable"] { + order: -7; + } + // Bot buttons + > [class^="buttons"] { + order: -6; + } + // About me + > div:not([class], [style]) { + order: -5; + } + // Mutuals + > [class^="mutuals"] { + order: -4; + } + // Activities + > [class^="activityBiteSizePopout"] { + order: -3; + } + // Try my commands & roles + > div[style="position: relative;"], + section { + order: -2; + } + // My profile buttons + > [class^="menus"] { + order: -1; + } +} -// IN NEED OF A DEEP CLEAN AAAAA +// Description +[class*="userProfileOuter"] { + [class^="descriptionClamp"] { + display: unset; + } + [class^="viewFullBio"] { + display: none; + } +} -@use "components/banner/buttons"; +// Status +[class^="visibleContainer"] { + position: unset; +} +[class^="invisibleContainer"] { + display: none; +} +[class^="statusBubbleOuter"] { + border: unset !important; + box-shadow: unset; + max-width: fit-content; + &::before, + &::after { + display: none; + } + [class^="content"] { + text-align: unset; + } + .emoji { + cursor: default; + } +} +[class^="statusBubble"] { + // Intentionally also selects statusBubbleOuter + min-width: unset; + padding: 0 8px; + border-radius: unset; + background: unset; +} + +// Activities +[class*="userProfileOuter"] [class^="activityBiteSizePopout"] { + padding: unset; + border-radius: unset; + background: unset; +} diff --git a/themes/btw.bitslayn.revertProfiles/src/components/tooltip.scss b/themes/btw.bitslayn.revertProfiles/src/mixins.scss similarity index 70% rename from themes/btw.bitslayn.revertProfiles/src/components/tooltip.scss rename to themes/btw.bitslayn.revertProfiles/src/mixins.scss index 635cfb6..477c907 100644 --- a/themes/btw.bitslayn.revertProfiles/src/components/tooltip.scss +++ b/themes/btw.bitslayn.revertProfiles/src/mixins.scss @@ -28,3 +28,20 @@ pointer-events: none; } } + +@mixin dumbmaxing { + min-width: unset !important; + max-width: unset !important; + min-height: unset !important; + max-height: unset !important; +} + +@mixin dumbwidth { + min-width: unset !important; + max-width: unset !important; +} + +@mixin dumbheight { + min-height: unset !important; + max-height: unset !important; +} diff --git a/themes/btw.bitslayn.revertProfiles/src/profiles/full.scss b/themes/btw.bitslayn.revertProfiles/src/profiles/full.scss deleted file mode 100644 index 31513db..0000000 --- a/themes/btw.bitslayn.revertProfiles/src/profiles/full.scss +++ /dev/null @@ -1,335 +0,0 @@ -@use "../globals" as *; - -[class^="fullSizeOuter"] { - // Layout - width: 600px; - > [class^="userProfileModalInner"] { - background: linear-gradient( - var(--profile-gradient-start), - var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), - var(--profile-gradient-end) - ); - > [class^="wrapper"] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) { - top: calc(19px + var(--edge-padding) + var(--banner-height)); - right: 16px; - position: fixed; - > button { - background: unset !important; - color: var(--interactive-normal); - &:hover { - color: var(--interactive-hover); - } - > div { - width: 24px; - height: 24px; - @include dumbmaxing; - transform: rotate(90deg); - > svg { - width: 24px; - height: 24px; - } - } - } - } - // Banner - &:has(> [class^="body"] > [class^="container"] > [class^="tags"] > [class^="pronounsTooltip"]) - > header - > [class^="bannerSVGWrapper"] { - // With Pronouns - padding-bottom: calc(128px + var(--badge-container-height) - var(--banner-offset)); - } - > header { - height: 210px; - display: inline-table; - // Banner - > [class^="bannerSVGWrapper"] { - //Without pronouns - padding-bottom: calc(108px + var(--badge-container-height) - var(--banner-offset)); - - @include dumbmaxing; - // transform: scaleX(1.98122) scaleY(2.0189) translateX(75px) translateY(26.5px); - mask { - rect { - width: 600px; - height: 210px; - } - // circle { - // transform: scaleY(0.9906); - // } - } - foreignObject { - height: 210px; - > [class^="banner"] { - height: 210px; - &::before { - content: unset; - } - } - } - } - > [class^="headerInner"] { - padding: unset; - pointer-events: none; - min-height: unset; - // Buttons - button { - pointer-events: initial; - } - > [class^="buttons"] { - width: -webkit-fill-available; - position: fixed; - top: calc(16px + var(--edge-padding) + var(--banner-height)); - padding-right: 36px; - margin: 0 16px; - > [class^="multipleButtons"] { - &:has(> button > div > svg > [d^="M19 14a1 1 0"]) > div { - display: none; - } - > button:has(> div > svg > [d^="M19 14a1 1 0"]) { - // Add Friend - opacity: unset; - background-color: var(--button-positive-background); - transition: - background-color var(--custom-button-transition-duration) ease, - color var(--custom-button-transition-duration) ease; - &:hover { - background-color: var(--button-positive-background-hover); - } - // > div { - // font-size: 0; - // gap: unset; - // &::before { - // content: "Send Friend Request"; - // font-size: 14px; - // } - // > svg { - // display: none; - // } - // } - } - } - // > button:has(> [class^="contents"] > svg > [d^="m13.96 5.46 4.58 4.58a1"]) { - // visibility: visible; - // width: 28px; - // height: 28px; - // font-size: 0; - // padding: unset; - // min-width: unset; - // min-height: unset; - // background: hsl(var(--black-500-hsl) / 0.3); - // color: var(--white-500); - // border-radius: var(--radius-round); - // transition: background-color 0.2s ease; - // position: fixed; - // top: 12px; - // right: 12px; - // > [class^="contents"], - // > [class^="contents"] > svg { - // width: 18px; - // height: 18px; - // gap: unset; - // } - // &:hover { - // background: hsl(var(--black-500-hsl) / 0.6); - // opacity: unset; - // } - // } - } - // Avatar - > [class^="avatar"] { - position: fixed; - left: 28px; - top: 149px; - pointer-events: all; - } - // Status - > div { - > [class^="invisibleContainer"] { - display: none; - } - > [class^="visibleContainer"] { - position: unset; - > [class^="statusBubbleOuter"] { - border: unset; - background: var(--profile-body-background-color); - box-shadow: none; - margin: 0 16px; - padding: 12px 12px 0; - border-radius: unset; - max-width: unset; - &::before, - &::after { - display: none; - } - > [class^="statusBubble"] { - max-width: fit-content; - max-height: unset; - padding: unset; - background: transparent; - > div { - pointer-events: initial; - text-align: start; - -webkit-line-clamp: unset; - max-height: unset !important; - > [class*="statusText"] { - font-weight: 400; - } - > [class*="statusEmojiOnly"] { - user-select: none; - cursor: initial; - width: 48px; - height: 48px; - @include dumbmaxing; - } - > [class*="statusEmojiInline"] { - user-select: none; - cursor: initial; - margin: -1px 4px -1px 0; - width: 20px; - height: 20px; - } - } - } - } - } - } - } - } - > [class^="body"] { - gap: unset; - padding: unset; - margin: 0 16px 16px 16px; - // Username and pronouns header - > [class^="container"] { - position: fixed; - top: calc( - 51px + var(--banner-height) + var(--badge-container-height) + var(--edge-padding) - ); - left: 0px; - margin: 0 calc(16px + var(--edge-padding)) 0; - padding: 12px 12px 0; - border-top-left-radius: var(--radius-sm); - border-top-right-radius: var(--radius-sm); - background-color: var(--profile-body-background-color); - width: -webkit-fill-available; - > [class^="usernameRow"] { - > h1 { - -webkit-box-orient: vertical; - word-break: break-all; - display: -webkit-box; - font-size: 20px; - line-height: 1.2; - font-weight: 600; - } - } - > [class^="tags"] { - gap: unset; - // Badges - > [class^="container"] { - position: fixed; - justify-content: flex-start; - left: calc(160px + var(--edge-padding)); - top: calc(19px + var(--banner-height) + var(--edge-padding)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: calc(calc(8 /* Colums - 1 */ * 26px) + 24px); - padding: 2px 4px; - background-color: var(--profile-body-background-color); - div > a { - > img, - > div { - width: 24px; - height: 24px; - } - } - } - // User tag - > [class*="userTag"] { - width: 100%; - > span { - font-size: 14px; - line-height: 24px; - font-weight: 600; - color: var(--header-secondary); - } - } - > [class^="dotSpacer"] { - display: none; - } - > [class^="pronounsTooltip"] { - font-size: 14px; - line-height: 1.2857142857142858; // Don't ask - font-weight: 400; - padding-top: 2px; - } - } - } - > [class^="fullSizeOverlayBackground"] { - // Accept friend request - &:is([class*="friendRequestBannerOverlay"]) { - display: none; - } - border-top-left-radius: unset; - border-top-right-radius: unset; - border: unset; - background-color: var(--profile-body-background-color); - // Tab bar - > [class^="container"] { - > [class^="tabBar"] { - gap: 40px; - margin: 20px 12px 0; - &:not(:has(> [class^="tabBarItem"]:nth-child(2))) { - display: none; - } - > [class^="tabBarItem"] { - height: 39px; - border-bottom-width: 2px; - div { - font-weight: 500; - line-height: 20px; - color: var(--interactive-normal); - } - &:hover > div { - color: var(--interactive-hover); - } - &[aria-selected="true"] > div { - color: var(--interactive-active); - } - // &:nth-child(1) > div { - // font-size: 0; - // &::before { - // content: "User Info"; - // font-size: 14px; - // } - // } - } - } - // Roles - [data-list-id^="roles"] { - [class*="pill"], - > div > button { - background-color: var(--profile-role-pill-background-color); - border: unset; - max-height: 22px; - box-sizing: border-box; - } - } - // Divider - &:not(:has(> [class^="tabBar"] > [class^="tabBarItem"]:nth-child(2)))::before { - content: ""; - width: -webkit-fill-available; - height: 1px; - margin: 20px 12px 0; - background-color: var(--profile-body-divider-color); - } - // Scroller fix thingy :3 - [class^="scroller"]::-webkit-scrollbar-track { - margin-bottom: 4px; - } - } - } - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/src/profiles/panel.scss b/themes/btw.bitslayn.revertProfiles/src/profiles/panel.scss deleted file mode 100644 index e13f9dc..0000000 --- a/themes/btw.bitslayn.revertProfiles/src/profiles/panel.scss +++ /dev/null @@ -1,300 +0,0 @@ -@use "../globals" as *; -@use "../lang"; -@use "sass:map"; - -[class^="userPanelOuter"] { - // Layout - - > [class^="userPanelInner"] { - > div { - gap: unset; - padding: unset; - background: linear-gradient( - var(--profile-gradient-start), - var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), - var(--profile-gradient-end) - ); - - > [class^="body"] { - &::-webkit-scrollbar { - width: 8px; - height: 8px; - } - &::-webkit-scrollbar-thumb { - background-clip: padding-box; - border: 2px solid transparent; - border-radius: 4px; - background-color: var(--profile-body-divider-color); - min-height: 40px; - } - &::-webkit-scrollbar-track { - margin-bottom: 4px; - } - } - - // About Me - > [class^="body"] > div > { - [class^="descriptionClamp"] { - -webkit-line-clamp: unset; - overflow: hidden; - } - [class^="viewFullBio"] { - display: none; - } - } - - // Activities - [class^="activityBiteSizePopout"] { - padding: 12px; - order: 1; - > img { - width: 24px; - height: 24px; - } - } - - // Avatar hover - > header > [class^="avatar"]:not(:has(> [class^="overlayIcon"])) { - @each $lang, $string in lang.$view-profile { - &:lang(#{$lang}):hover::after { - content: $string; - } - } - &:hover::after { - position: absolute; - top: 0; - right: 0; - font-size: 10px; - line-height: 12px; - font-weight: 700; - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - white-space: nowrap; - text-overflow: ellipsis; - text-transform: uppercase; - color: var(--white-500); - width: 100%; - height: 100%; - box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); - opacity: 1; - mask-image: url(#svg-mask-avatar-default); - } - &:has( - > div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-round-80)"]) - )::after { - mask-image: url(#svg-mask-avatar-status-round-80); - } - &:has( - > div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-mobile-80)"]) - )::after { - mask-image: url(#svg-mask-avatar-status-mobile-80); - } - &::after { - transition: opacity 0.1s ease; - background-color: unset; - opacity: 0; - transform: scale(1.0084); - pointer-events: none; - } - [class*="overlay"]::after { - display: none; - } - } - > [class^="header"] > [class^="avatar"] [class*="overlay"]::after { - transition: opacity 0.1s ease; - background-color: unset; - border-radius: unset; - box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); - } - - > [class^="header"] { - margin-bottom: unset; - } - - // Header - &:has([class^="pronounsTooltip"]) > [class^="header"] { - > [class^="bannerSVGWrapper"] { - padding: 0 0 calc(104px + var(--badge-container-height) - var(--banner-offset)); - } - } - - &:not(:has([class^="statusBubbleOuter"])) { - > header > [class^="bannerSVGWrapper"] { - padding: 0 0 calc(96px + var(--badge-container-height) - var(--banner-offset)); - } - &:has([class^="pronounsTooltip"]) > header > [class^="bannerSVGWrapper"] { - padding: 0 0 calc(116px + var(--badge-container-height) - var(--banner-offset)); - } - > [class^="body"] > [class^="container"] { - padding: 12px; - z-index: 2; - } - } - - // Body - > [class^="body"] { - gap: 12px; - margin: 0 16px 0; - //overflow: unset !important; - //background-color: var(--profile-body-background-color); - - border-bottom-left-radius: var(--radius-sm); - border-bottom-right-radius: var(--radius-sm); - - // Accept friend request - > [class^="biteSizeOverlayBackground"] { - display: none; - } - - // Divider - &::before { - content: ""; - display: block; - margin: -1px calc(12px + 16px) 0; - min-height: 1px; - background-color: var(--profile-body-divider-color); - - position: fixed; - width: -webkit-fill-available; - left: 0px; - z-index: 3; - } - - > [class^="overlayBackground"] { - border-top-right-radius: unset; - border-top-left-radius: unset; - } - - // Header - > [class^="container"] { - position: fixed; - top: calc(28px + var(--banner-height) + var(--badge-container-height)); - left: 0px; - margin: 0 16px 0; - padding: 12px 12px 0; - border-top-left-radius: var(--radius-sm); - border-top-right-radius: var(--radius-sm); - background-color: var(--profile-body-background-color); - width: -webkit-fill-available; - > [class^="usernameRow"] { - > [class^="clickableUsername"] > h1 { - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - word-break: break-all; - display: -webkit-box; - font-weight: 600; - } - } - } - } - - [class^="tags"] { - > div:is([class^="container"]) /* Badges */ { - position: fixed; - justify-content: flex-end; - right: 16px; - top: calc(12px + var(--banner-height)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: calc(calc(7 /* Colums - 1 */ * 24px) + 22px); - padding: 4px; - background-color: var(--profile-body-background-color); - div > a { - > img, - > div { - width: 22px; - height: 22px; - } - } - & + div { - position: fixed; - justify-content: flex-end; - right: calc(96px + 16px); - top: calc(24px + 12px + var(--banner-height)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: calc(calc(3 /* Colums - 1 */ * 24px) + 22px); - padding: 4px; - background-color: transparent; - div > a { - > img, - > div { - width: 22px; - height: 22px; - } - } - } - } - > [class^="clickableUsername"], - > [class*="userTag"] { - width: 100%; - > [class^="info"] { - font-weight: 500; - } - } - > [class^="dotSpacer"] { - display: none; - } - } - - // Custom status - [class^="invisibleContainer"] { - display: none; - } - [class^="visibleContainer"] { - position: unset; - pointer-events: initial; - } - [class^="statusBubbleOuter"] { - border: unset !important; - background: var(--profile-body-background-color); - box-shadow: none; - margin: 0 16px 0; - padding: 12px; - border-radius: unset; - max-width: unset; - &::before, - &::after { - display: none; - } - > [class*="statusBubble"] { - min-width: unset; - max-width: unset; - padding: unset; - background: transparent; - > [class^="content"] { - text-align: start; - -webkit-line-clamp: unset; - max-height: unset !important; - > [class*="statusText"] { - font-weight: 400; - } - > [class*="statusEmojiOnly"] { - user-select: none; - cursor: initial; - width: 48px; - height: 48px; - @include dumbmaxing; - } - > [class*="statusEmojiInline"] { - user-select: none; - cursor: initial; - margin: -1px 4px -1px 0; - object-fit: contain; - } - } - } - } - } - > footer { - display: none; - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss b/themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss deleted file mode 100644 index 4283c25..0000000 --- a/themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss +++ /dev/null @@ -1,420 +0,0 @@ -@use "../globals" as *; -@use "../lang"; -@use "sass:map"; - -[class^="biteSizeOuter"] { - // Layout - width: 340px; - box-sizing: unset; - - > [class^="userPopoutInner"] { - gap: unset; - padding: unset; - background: linear-gradient( - var(--profile-gradient-start), - var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), - var(--profile-gradient-end) - ); - - > [class^="body"] { - &::-webkit-scrollbar { - width: 8px; - height: 8px; - } - &::-webkit-scrollbar-thumb { - background-clip: padding-box; - border: 2px solid transparent; - border-radius: 4px; - background-color: var(--profile-body-divider-color); - min-height: 40px; - } - &::-webkit-scrollbar-track { - margin-bottom: 4px; - } - } - - // Sort order - > [class^="body"] { - // Guild tag - > [class^="clickable"] { - order: -1; - } - // Bot buttons - > [class^="buttons"] { - order: 1; - } - // About me - > div:not([class], [style]) { - order: 2; - } - // Mutuals - > [class^="mutuals"] { - order: 3; - } - // Activities - > [class^="activityBiteSizePopout"] { - order: 4; - } - // Try my commands & roles - > div[style="position: relative;"], - section { - order: 5; - } - // My profile buttons - > [class^="menus"] { - order: 6; - } - } - - // Guild tag - > [class^="body"] > span[class^="clickable"] { - transform: translateY(-38px); - position: fixed; - } - &:has(> [class^="header"] > div:not([class])):not(:has([class^="pronounsTooltip"])) - > [class^="body"] - > span[class^="clickable"] { - transform: unset; - top: calc(86px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height)); - position: fixed; - } - &:has(> [class^="header"] > div:not([class])):has([class^="pronounsTooltip"]) - > [class^="body"] - > span[class^="clickable"] { - transform: unset; - top: calc(107px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height)); - position: fixed; - } - - // About Me - > [class^="body"] > div > { - [class^="descriptionClamp"] { - -webkit-line-clamp: unset; - max-height: unset; - } - [class^="viewFullBio"] { - display: none; - } - } - - // Activities - [class^="activityBiteSizePopout"] { - padding: unset; - background: transparent !important; - > img { - width: 24px; - height: 24px; - } - } - - // Message box - [class^="channelTextArea"] > [class^="inner"] { - background-color: transparent; - border: 1px solid var(--profile-message-input-border-color); - } - - // Roles - [data-list-id^="roles"] { - [class*="pill"], - > div > button { - background-color: var(--profile-role-pill-background-color); - border: unset; - max-height: 22px; - box-sizing: border-box; - } - } - - // Banner - > [class^="header"] { - pointer-events: none; - min-height: unset; - z-index: unset; - > [class^="avatar"] { - pointer-events: initial; - top: 76px; - left: 22px; - } - > [class^="bannerSVGWrapper"] { - padding: 0 0 - calc( - 83px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height) - ); - display: block; - &:has(foreignObject > [style*="background-image"]) { - transform: scaleY(1.0084) translateY(1px); - mask circle { - cx: 51; - cy: 99; - r: 40.59; - transform: scaleY(0.9916); - } - } - } - [class^="clickable"] { - pointer-events: initial; - transform: scaleY(1.0084); // You're seeing things 👀 - } - } - - // Avatar hover - > [class^="header"] > [class^="avatar"]:not(:has(> [class^="overlayIcon"])) { - @each $lang, $string in lang.$view-profile { - &:lang(#{$lang}):hover::after { - content: $string; - } - } - &:hover::after { - position: absolute; - top: 0; - right: 0; - font-size: 10px; - line-height: 12px; - font-weight: 700; - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - white-space: nowrap; - text-overflow: ellipsis; - text-transform: uppercase; - color: var(--white-500); - width: 100%; - height: 100%; - box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); - opacity: 1; - mask-image: url(#svg-mask-avatar-default); - } - &:has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-round-80)"]))::after { - mask-image: url(#svg-mask-avatar-status-round-80); - } - &:has( - > div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-mobile-80)"]) - )::after { - mask-image: url(#svg-mask-avatar-status-mobile-80); - } - &::after { - transition: opacity 0.1s ease; - background-color: unset; - opacity: 0; - transform: scale(1.0084); - pointer-events: none; - } - [class*="overlay"]::after { - display: none; - } - } - > [class^="header"] > [class^="avatar"] [class*="overlay"]::after { - transition: opacity 0.1s ease; - background-color: unset; - border-radius: unset; - box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); - } - - // Header - &:has([class^="pronounsTooltip"]) > [class^="header"] { - > [class^="bannerSVGWrapper"] { - padding: 0 0 - calc( - 103px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height) - ); - } - } - - &:not(:has([class^="statusBubbleOuter"])) { - > header > [class^="bannerSVGWrapper"] { - padding: 0 0 - calc( - 95px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height) - ); - } - &:has([class^="pronounsTooltip"]) > header > [class^="bannerSVGWrapper"] { - padding: 0 0 - calc( - 115px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height) - ); - } - > [class^="body"] > [class^="container"] { - padding: 12px 12px calc(12px + var(--guild-tag-height)) 12px; - } - } - - // Body - > [class^="body"] { - gap: 12px; - margin: 0 16px 0; - padding: 13px 12px 0 12px; - //overflow: unset !important; - background-color: var(--profile-body-background-color); - - // Accept friend request - > [class^="biteSizeOverlayBackground"] { - display: none; - } - - // Divider - &::before { - content: ""; - display: block; - margin: -1px calc(12px + 16px + var(--edge-padding) / 2) 0; - min-height: 1px; - background-color: var(--profile-body-divider-color); - - position: fixed; - width: -webkit-fill-available; - left: 0px; - transform: translateY(-12px); - } - - // Header - > [class^="container"] { - position: fixed; - top: calc( - 28px + var(--banner-height) + var(--badge-container-height) + var(--edge-padding) - ); - left: 0px; - margin: 0 calc(16px + var(--edge-padding)) 0; - padding: 12px 12px calc(0px + var(--guild-tag-height)); - border-top-left-radius: var(--radius-sm); - border-top-right-radius: var(--radius-sm); - background-color: var(--profile-body-background-color); - width: -webkit-fill-available; - > [class^="usernameRow"] { - > [class^="clickableUsername"] > h1 { - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - word-break: break-all; - display: -webkit-box; - font-weight: 600; - } - } - } - } - - [class^="tags"] { - > div:is([class^="container"]) /* Badges */ { - position: fixed; - justify-content: flex-end; - right: calc(16px + var(--edge-padding)); - top: calc(12px + var(--banner-height) + var(--edge-padding)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: calc(calc(7 /* Colums - 1 */ * 24px) + 22px); - padding: 4px; - background-color: var(--profile-body-background-color); - div > a { - > img, - > div { - width: 22px; - height: 22px; - } - } - & + div { - position: fixed; - justify-content: flex-end; - right: calc(96px + 16px + var(--edge-padding)); - top: calc(24px + 12px + var(--banner-height) + var(--edge-padding)); - margin: unset; - border: unset; - border-radius: 8px; - box-sizing: content-box; - max-width: calc(calc(3 /* Colums - 1 */ * 24px) + 22px); - padding: 4px; - background-color: transparent; - div > a { - > img, - > div { - width: 22px; - height: 22px; - } - } - } - } - > [class^="clickableUsername"], - > [class*="userTag"] { - width: 100%; - > [class^="info"] { - font-weight: 500; - } - } - > [class^="dotSpacer"] { - display: none; - } - } - - > footer { - margin: 0 16px 16px; - padding: 12px; - background-color: var(--profile-body-background-color); - border-bottom-left-radius: var(--radius-sm); - border-bottom-right-radius: var(--radius-sm); - &:has(> button) { - padding-top: 0; - } - } - - // Custom status - [class^="invisibleContainer"] { - display: none; - } - > header > div:not([class]) > [class^="visibleContainer"] { - position: unset; - pointer-events: initial; - > [class^="popover"] { - position: fixed; - z-index: 2; - left: calc(23px + var(--edge-padding)); - right: unset; - transform: translateY( - calc( - 83px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height) + - var(--pronouns-height) + var(--guild-tag-height) - ) - ); - } - } - [class^="statusBubbleOuter"] { - border: unset !important; - background: var(--profile-body-background-color); - box-shadow: none; - margin: 0 16px 0; - padding: 12px; - border-radius: unset; - max-width: unset; - &::before, - &::after { - display: none; - } - > [class*="statusBubble_"] { - min-width: unset; - max-width: unset; - padding: unset; - background: transparent; - > [class^="content"] { - text-align: start; - -webkit-line-clamp: unset; - max-height: unset !important; - overflow: unset; - > [class*="statusText"] { - font-weight: 400; - } - > [class*="statusEmojiOnly"] { - user-select: none; - cursor: initial; - width: 48px; - height: 48px; - @include dumbmaxing; - } - > [class*="statusEmojiInline"] { - user-select: none; - cursor: initial; - margin: -1px 4px -1px 0; - object-fit: contain; - } - } - } - } - } -} diff --git a/themes/btw.bitslayn.revertProfiles/src/roles.scss b/themes/btw.bitslayn.revertProfiles/src/roles.scss deleted file mode 100644 index f6aab5e..0000000 --- a/themes/btw.bitslayn.revertProfiles/src/roles.scss +++ /dev/null @@ -1,7 +0,0 @@ -// Themed role borders -[class*="userProfileOuterThemed"] > [class*="userProfileInner"] [data-list-id^="roles"] { - [class*="pill"], - > div > button { - border: 1px solid var(--profile-role-pill-border-color) !important; - } -} From 6832bb4b8083e77999d419cf1b841650ae1c0b18 Mon Sep 17 00:00:00 2001 From: Bitslayn <96226175+Bitslayn@users.noreply.github.com> Date: Fri, 2 Aug 2024 04:16:25 -0400 Subject: [PATCH 2/7] A --- themes/btw.bitslayn.revertProfiles/src/index.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/themes/btw.bitslayn.revertProfiles/src/index.scss b/themes/btw.bitslayn.revertProfiles/src/index.scss index 44983e7..296cbfb 100644 --- a/themes/btw.bitslayn.revertProfiles/src/index.scss +++ b/themes/btw.bitslayn.revertProfiles/src/index.scss @@ -6,7 +6,7 @@ @use "header"; // Sort order -[class*="userProfileOuter"] [class^="body"] { +[class*="biteSizeOuter"] [class^="body"] { // Username container > [class^="container"] { order: -8; @@ -28,7 +28,8 @@ order: -4; } // Activities - > [class^="activityBiteSizePopout"] { + > [class^="activityBiteSizePopout"], + > div:has([class^="activityBiteSizePopout"]) { order: -3; } // Try my commands & roles From 91b0226a88191d520591cd5a21a4a59bdcfc6e88 Mon Sep 17 00:00:00 2001 From: Bitslayn <96226175+Bitslayn@users.noreply.github.com> Date: Sat, 3 Aug 2024 16:01:10 -0400 Subject: [PATCH 3/7] Inline status? --- themes/btw.bitslayn.revertProfiles/notes.txt | 18 +- .../btw.bitslayn.revertProfiles/src/a/a.scss | 154 ++++++++++++++++++ .../src/{ => a}/buttons.scss | 0 .../src/avatar.scss | 50 ++++++ .../src/header.scss | 27 ++- .../src/index.scss | 78 +++------ .../btw.bitslayn.revertProfiles/src/sort.scss | 42 +++++ 7 files changed, 310 insertions(+), 59 deletions(-) create mode 100644 themes/btw.bitslayn.revertProfiles/src/a/a.scss rename themes/btw.bitslayn.revertProfiles/src/{ => a}/buttons.scss (100%) create mode 100644 themes/btw.bitslayn.revertProfiles/src/avatar.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/sort.scss diff --git a/themes/btw.bitslayn.revertProfiles/notes.txt b/themes/btw.bitslayn.revertProfiles/notes.txt index 19b397f..cf353d6 100644 --- a/themes/btw.bitslayn.revertProfiles/notes.txt +++ b/themes/btw.bitslayn.revertProfiles/notes.txt @@ -15,4 +15,20 @@ themeContainer Nitro is userProfileOuterThemed -not userProfileOuterUnthemed \ No newline at end of file +not userProfileOuterUnthemed + +Heights + + +19.25px Emoji and text 1 line + + + +18px Just text + + + +37.25 Emoji and text 2 lines + +statusBubbleShape_e6ac4a statusBubbleEmojiOnlyPadding_e6ac4a +32 Just emoji \ No newline at end of file diff --git a/themes/btw.bitslayn.revertProfiles/src/a/a.scss b/themes/btw.bitslayn.revertProfiles/src/a/a.scss new file mode 100644 index 0000000..6e6c0a0 --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/a/a.scss @@ -0,0 +1,154 @@ +// Body +[class*="biteSizeOuter"] { + > div { + gap: unset; + padding-bottom: 16px; + background: linear-gradient( + var(--profile-gradient-start), + var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), + var(--profile-gradient-end) + ); + overflow: hidden auto; + &::after { + content: ""; + position: absolute; + background-color: var(--profile-body-background-color); + width: -webkit-fill-available; + height: -webkit-fill-available; + border-radius: var(--radius-sm); + margin: 0 16px 16px 16px; + } + > header [class^="visibleContainer"], + > [class^="body"], + > footer { + padding-left: 12px; + padding-right: 12px; + margin-left: 16px; + margin-right: 16px; + z-index: 1; + } + > [class^="body"] { + overflow: unset; + min-height: unset; + padding-top: 12px; + } + } +} +[class*="biteSizeOuter"][class*="userProfileOuterThemed"] > div::after { + margin: 0 20px 20px 16px; +} + +[class*="biteSizeOuter"] { + width: 348px; + box-sizing: border-box; +} + +[class*="biteSizeOuter"] { + > div { + padding-top: $fancy-padding; + max-height: calc( + 100vh - 28px - var(--custom-user-popout-outside-components-height) - $fancy-padding + ); + } + header { + min-height: unset !important; + > svg { + position: fixed; + width: 340px; + transform: translateY($negative-fancy-padding); + } + > [class^="avatar"] { + position: fixed; + top: unset; + left: unset; + } + &:not(:has([style*="background-image"])) { + > svg { + width: 348px; + > foreignObject { + transform: translateY(calc(-105px + 60px)); + } + } + > [class^="avatar"] > div { + transform: translateY(-45px); + } + } + } + // Unthemed + &:not([class*="userProfileOuterThemed"]) header { + > svg { + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + } + > [class^="avatar"] { + transform: translate(16px, calc(61px + $negative-fancy-padding)); + } + &:has([style*="background-image"]) { + > svg { + width: 348px; + } + } + } + // Themed/Nitro + &[class*="userProfileOuterThemed"] header { + > [class^="avatar"] { + transform: translate(12px, calc(57px + $negative-fancy-padding)); + } + &:not(:has([style*="background-image"])) { + > svg { + width: 340px; + } + } + } +} + +// Banner avatar cutout +[class*="biteSizeOuter"] { + // w/o Nitro + &[class*="userProfileOuterUnthemed"] circle { + // IMAGE + &[cx="52"][cy="97"][r="46"] { + cx: 48.3; + cy: 93.3; + r: 40.59; + } + // SOLID COLOR CORRECTGh nm + &[cx="56"][cy="101"][r="46"] { + cx: 48.3; + cy: 93.3; + r: 39.656; + } + } + // Nitro + &[class*="userProfileOuterThemed"] circle { + // IMAGE + &[cx="52"][cy="97"][r="46"] { + cx: 45.9; + cy: 85.7; + r: 40.59; + } + // SOLOLDFHBNIASUJHBF + &[cx="56"][cy="101"][r="46"] { + cx: 45.9; + cy: 85.7; + r: 39.656; + } + } +} + +// Activities +[class*="userProfileOuter"] [class^="activityBiteSizePopout"] { + padding: unset; + border-radius: unset; + background: unset !important; +} + +// About me +[class*="userProfileOuter"] { + [class^="descriptionClamp"] { + display: unset; + } + [class^="viewFullBio"] { + display: none; + } +} diff --git a/themes/btw.bitslayn.revertProfiles/src/buttons.scss b/themes/btw.bitslayn.revertProfiles/src/a/buttons.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/buttons.scss rename to themes/btw.bitslayn.revertProfiles/src/a/buttons.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/avatar.scss b/themes/btw.bitslayn.revertProfiles/src/avatar.scss new file mode 100644 index 0000000..009d701 --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/avatar.scss @@ -0,0 +1,50 @@ +// Avatar hover +> [class^="header"] > [class^="avatar"]:not(:has(> [class^="overlayIcon"])) { + @each $lang, $string in lang.$view-profile { + &:lang(#{$lang}):hover::after { + content: $string; + } + } + &:hover::after { + position: absolute; + top: 0; + right: 0; + font-size: 10px; + line-height: 12px; + font-weight: 700; + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + white-space: nowrap; + text-overflow: ellipsis; + text-transform: uppercase; + color: var(--white-500); + box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); + opacity: 1; + mask-image: url(#svg-mask-avatar-default); + } + &:has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-round-80)"]))::after { + mask-image: url(#svg-mask-avatar-status-round-80); + } + &:has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-mobile-80)"]))::after { + mask-image: url(#svg-mask-avatar-status-mobile-80); + } + &::after { + transition: opacity 0.1s ease; + background-color: unset; + opacity: 0; + transform: scale(1.0084); + pointer-events: none; + } + [class*="overlay"]::after { + display: none; + } +} +> [class^="header"] > [class^="avatar"] [class*="overlay"]::after { + transition: opacity 0.1s ease; + background-color: unset; + border-radius: unset; + box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); +} diff --git a/themes/btw.bitslayn.revertProfiles/src/header.scss b/themes/btw.bitslayn.revertProfiles/src/header.scss index df4b197..49ea2e3 100644 --- a/themes/btw.bitslayn.revertProfiles/src/header.scss +++ b/themes/btw.bitslayn.revertProfiles/src/header.scss @@ -1,11 +1,25 @@ +$fancy-padding: 146px; +$negative-fancy-padding: calc($fancy-padding * -1); + [class*="biteSizeOuter"] { > div { - padding-top: calc(45px + var(--custom-user-banner-height-bite-size)); + padding-top: $fancy-padding; + max-height: calc( + 100vh - 28px - var(--custom-user-popout-outside-components-height) - $fancy-padding + ); } header { - position: fixed; - transform: translateY(calc(-45px + -1 * var(--custom-user-banner-height-bite-size))); - width: 300px; + min-height: unset !important; + > svg { + position: fixed; + width: 300px; + transform: translateY($negative-fancy-padding); + } + > [class^="avatar"] { + position: fixed; + top: unset; + left: unset; + } } // Unthemed &:not([class*="userProfileOuterThemed"]) header { @@ -13,11 +27,14 @@ border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); } + > [class^="avatar"] { + transform: translate(16px, calc(61px + $negative-fancy-padding)); + } } // Themed/Nitro &[class*="userProfileOuterThemed"] header { > [class^="avatar"] { - transform: translate(-4px, -4px); + transform: translate(12px, calc(57px + $negative-fancy-padding)); } } } diff --git a/themes/btw.bitslayn.revertProfiles/src/index.scss b/themes/btw.bitslayn.revertProfiles/src/index.scss index 296cbfb..0de5064 100644 --- a/themes/btw.bitslayn.revertProfiles/src/index.scss +++ b/themes/btw.bitslayn.revertProfiles/src/index.scss @@ -2,60 +2,35 @@ @use "lang"; @use "sass:map"; -@use "buttons"; @use "header"; -// Sort order -[class*="biteSizeOuter"] [class^="body"] { - // Username container - > [class^="container"] { - order: -8; - } - // Guild tag - > [class^="clickable"] { - order: -7; - } - // Bot buttons - > [class^="buttons"] { - order: -6; - } - // About me - > div:not([class], [style]) { - order: -5; - } - // Mutuals - > [class^="mutuals"] { - order: -4; - } - // Activities - > [class^="activityBiteSizePopout"], - > div:has([class^="activityBiteSizePopout"]) { - order: -3; - } - // Try my commands & roles - > div[style="position: relative;"], - section { - order: -2; - } - // My profile buttons - > [class^="menus"] { - order: -1; +// Body +[class*="biteSizeOuter"] { + > div { + gap: unset; + overflow: hidden auto; + > header [class^="visibleContainer"] { + margin-left: 16px; + margin-right: 16px; + z-index: 1; + } + > [class^="body"] { + overflow: unset; + min-height: unset; + padding-top: 12px; + } } } -// Description -[class*="userProfileOuter"] { - [class^="descriptionClamp"] { - display: unset; - } - [class^="viewFullBio"] { - display: none; - } -} +// Username container +// [class*="biteSizeOuter"] [class^="body"] > [class^="container"] { +// } // Status [class^="visibleContainer"] { - position: unset; + position: relative; + top: unset !important; + left: unset !important; } [class^="invisibleContainer"] { display: none; @@ -76,16 +51,13 @@ } } [class^="statusBubble"] { - // Intentionally also selects statusBubbleOuter min-width: unset; - padding: 0 8px; + padding: unset; border-radius: unset; background: unset; } -// Activities -[class*="userProfileOuter"] [class^="activityBiteSizePopout"] { - padding: unset; - border-radius: unset; - background: unset; +// Footer +[class*="biteSizeOuter"] footer { + padding-top: 8px; } diff --git a/themes/btw.bitslayn.revertProfiles/src/sort.scss b/themes/btw.bitslayn.revertProfiles/src/sort.scss new file mode 100644 index 0000000..ab913bd --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/sort.scss @@ -0,0 +1,42 @@ +// Sort order +[class*="biteSizeOuter"] [class^="body"] { + // Username container + > [class^="container"] { + order: -8; + } + // Guild tag + > [class^="clickable"] { + order: -7; + } + // Status + // Bot buttons + > [class^="buttons"] { + order: -6; + } + // About me + > div:not([class], [style]) { + order: -5; + } + // Mutuals + > [class^="mutuals"] { + order: -4; + } + // Activities + > [class^="activityBiteSizePopout"], + > div:has([class^="activityBiteSizePopout"]) { + order: -3; + } + // Try my commands & roles + > div[style="position: relative;"], + section { + order: -2; + } + // My profile buttons + > [class^="menus"] { + order: -1; + } + // SimplifiedProfileNotes (plugin) + > section:has([class^="note"]) { + order: 1; + } +} From a37b211d8f57bac9a2d1375fc49461271ab7e75d Mon Sep 17 00:00:00 2001 From: Bitslayn <96226175+Bitslayn@users.noreply.github.com> Date: Sat, 3 Aug 2024 17:59:30 -0400 Subject: [PATCH 4/7] Ayo? --- .../src/{ => Backup}/a/a.scss | 0 .../src/{ => Backup}/a/buttons.scss | 0 .../src/{ => Backup}/avatar.scss | 0 .../src/{ => Backup}/header.scss | 6 ++ .../src/Backup/index.scss | 62 ++++++++++++ .../src/{ => Backup}/lang.scss | 0 .../src/{ => Backup}/mixins.scss | 0 .../src/{ => Backup}/sort.scss | 0 .../src/index.scss | 97 +++++++++++++------ 9 files changed, 133 insertions(+), 32 deletions(-) rename themes/btw.bitslayn.revertProfiles/src/{ => Backup}/a/a.scss (100%) rename themes/btw.bitslayn.revertProfiles/src/{ => Backup}/a/buttons.scss (100%) rename themes/btw.bitslayn.revertProfiles/src/{ => Backup}/avatar.scss (100%) rename themes/btw.bitslayn.revertProfiles/src/{ => Backup}/header.scss (88%) create mode 100644 themes/btw.bitslayn.revertProfiles/src/Backup/index.scss rename themes/btw.bitslayn.revertProfiles/src/{ => Backup}/lang.scss (100%) rename themes/btw.bitslayn.revertProfiles/src/{ => Backup}/mixins.scss (100%) rename themes/btw.bitslayn.revertProfiles/src/{ => Backup}/sort.scss (100%) diff --git a/themes/btw.bitslayn.revertProfiles/src/a/a.scss b/themes/btw.bitslayn.revertProfiles/src/Backup/a/a.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/a/a.scss rename to themes/btw.bitslayn.revertProfiles/src/Backup/a/a.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/a/buttons.scss b/themes/btw.bitslayn.revertProfiles/src/Backup/a/buttons.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/a/buttons.scss rename to themes/btw.bitslayn.revertProfiles/src/Backup/a/buttons.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/avatar.scss b/themes/btw.bitslayn.revertProfiles/src/Backup/avatar.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/avatar.scss rename to themes/btw.bitslayn.revertProfiles/src/Backup/avatar.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/header.scss b/themes/btw.bitslayn.revertProfiles/src/Backup/header.scss similarity index 88% rename from themes/btw.bitslayn.revertProfiles/src/header.scss rename to themes/btw.bitslayn.revertProfiles/src/Backup/header.scss index 49ea2e3..63c4996 100644 --- a/themes/btw.bitslayn.revertProfiles/src/header.scss +++ b/themes/btw.bitslayn.revertProfiles/src/Backup/header.scss @@ -1,6 +1,12 @@ $fancy-padding: 146px; $negative-fancy-padding: calc($fancy-padding * -1); +// Username container +[class*="biteSizeOuter"] [class^="body"] > [class^="container"] { + // position: fixed; + // top: 0; +} + [class*="biteSizeOuter"] { > div { padding-top: $fancy-padding; diff --git a/themes/btw.bitslayn.revertProfiles/src/Backup/index.scss b/themes/btw.bitslayn.revertProfiles/src/Backup/index.scss new file mode 100644 index 0000000..d3a6bf1 --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/Backup/index.scss @@ -0,0 +1,62 @@ +@use "mixins" as *; +@use "lang"; +@use "sass:map"; + +@use "header"; + +[class*="biteSizeOuter"] { + > div { + gap: unset; + overflow: hidden auto; + > [class^="body"] { + overflow: unset; + min-height: unset; + padding-top: 12px; + } + } +} + +// Status +[class*="biteSizeOuter"] > div > header [class^="visibleContainer"] { + margin-left: 16px; + margin-right: 16px; + z-index: 1; + // transform: translateY(100%); +} + +[class^="visibleContainer"] { + position: relative; + top: unset !important; + left: unset !important; +} +[class^="invisibleContainer"] { + display: none; +} +[class^="statusBubbleOuter"] { + border: unset !important; + box-shadow: unset; + max-width: fit-content; + &::before, + &::after { + display: none; + } + [class^="content"] { + text-align: unset; + max-height: unset !important; + -webkit-line-clamp: unset; + } + .emoji { + cursor: default; + } +} +[class^="statusBubble"] { + min-width: unset; + padding: unset; + border-radius: unset; + background: unset; +} + +// Footer +[class*="biteSizeOuter"] footer { + padding-top: 8px; +} diff --git a/themes/btw.bitslayn.revertProfiles/src/lang.scss b/themes/btw.bitslayn.revertProfiles/src/Backup/lang.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/lang.scss rename to themes/btw.bitslayn.revertProfiles/src/Backup/lang.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/mixins.scss b/themes/btw.bitslayn.revertProfiles/src/Backup/mixins.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/mixins.scss rename to themes/btw.bitslayn.revertProfiles/src/Backup/mixins.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/sort.scss b/themes/btw.bitslayn.revertProfiles/src/Backup/sort.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/sort.scss rename to themes/btw.bitslayn.revertProfiles/src/Backup/sort.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/index.scss b/themes/btw.bitslayn.revertProfiles/src/index.scss index 0de5064..8f5e85e 100644 --- a/themes/btw.bitslayn.revertProfiles/src/index.scss +++ b/themes/btw.bitslayn.revertProfiles/src/index.scss @@ -1,36 +1,9 @@ -@use "mixins" as *; -@use "lang"; -@use "sass:map"; - -@use "header"; - -// Body -[class*="biteSizeOuter"] { - > div { - gap: unset; - overflow: hidden auto; - > header [class^="visibleContainer"] { - margin-left: 16px; - margin-right: 16px; - z-index: 1; - } - > [class^="body"] { - overflow: unset; - min-height: unset; - padding-top: 12px; - } - } -} - -// Username container -// [class*="biteSizeOuter"] [class^="body"] > [class^="container"] { -// } - -// Status +// Debubble status [class^="visibleContainer"] { position: relative; top: unset !important; left: unset !important; + padding: 0 16px; } [class^="invisibleContainer"] { display: none; @@ -45,6 +18,8 @@ } [class^="content"] { text-align: unset; + max-height: unset !important; + -webkit-line-clamp: unset; } .emoji { cursor: default; @@ -57,7 +32,65 @@ background: unset; } -// Footer -[class*="biteSizeOuter"] footer { - padding-top: 8px; +// Prep header +$fancy-padding: 146px; +$negative-fancy-padding: calc($fancy-padding * -1); + +[class*="biteSizeOuter"] { + > div { + padding-top: $fancy-padding; + max-height: calc( + 100vh - 28px - var(--custom-user-popout-outside-components-height) - $fancy-padding + ); + } + header { + min-height: unset !important; + > svg { + position: fixed; + width: 300px; + transform: translateY($negative-fancy-padding); + } + > [class^="avatar"] { + position: fixed; + top: unset; + left: unset; + } + } + &:not([class*="userProfileOuterThemed"]) header { + > svg { + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + } + > [class^="avatar"] { + transform: translate(16px, calc(61px + $negative-fancy-padding)); + } + } + &[class*="userProfileOuterThemed"] header { + > [class^="avatar"] { + transform: translate(12px, calc(57px + $negative-fancy-padding)); + } + } +} + +// Prep body +[class*="userProfileOuter"] { + > div { + display: grid; + > header { + display: contents; + > div:has([class^="invisibleContainer"]) { + order: -1; + } + } + > [class^="body"] { + display: contents; + > [class^="container"] { + order: -2; + } + > * { + margin: 0 16px; + max-width: -webkit-fill-available; + } + } + } } From 43dd5373fbaa5971e045e8500848dbe1dd81641a Mon Sep 17 00:00:00 2001 From: Bitslayn <96226175+Bitslayn@users.noreply.github.com> Date: Sun, 4 Aug 2024 16:12:32 -0400 Subject: [PATCH 5/7] Inline status finalization? --- .../Backup/a/a.scss | 0 .../Backup/a/buttons.scss | 0 .../Backup/avatar.scss | 0 .../Backup/header.scss | 0 .../Backup/index.scss | 0 .../Backup/lang.scss | 0 .../Backup/mixins.scss | 0 .../Backup/sort.scss | 0 themes/btw.bitslayn.inlineStatus/README.md | 7 + .../images/thumb.png | Bin 0 -> 52674 bytes .../btw.bitslayn.inlineStatus/manifest.json | 20 ++ .../notes.txt | 0 themes/btw.bitslayn.inlineStatus/raw/main.css | 147 ++++++++++++++ .../btw.bitslayn.inlineStatus/src/index.scss | 185 ++++++++++++++++++ .../src/index.scss | 141 ++++++++++--- 15 files changed, 474 insertions(+), 26 deletions(-) rename themes/{btw.bitslayn.revertProfiles/src => btw.bitslayn.inlineStatus}/Backup/a/a.scss (100%) rename themes/{btw.bitslayn.revertProfiles/src => btw.bitslayn.inlineStatus}/Backup/a/buttons.scss (100%) rename themes/{btw.bitslayn.revertProfiles/src => btw.bitslayn.inlineStatus}/Backup/avatar.scss (100%) rename themes/{btw.bitslayn.revertProfiles/src => btw.bitslayn.inlineStatus}/Backup/header.scss (100%) rename themes/{btw.bitslayn.revertProfiles/src => btw.bitslayn.inlineStatus}/Backup/index.scss (100%) rename themes/{btw.bitslayn.revertProfiles/src => btw.bitslayn.inlineStatus}/Backup/lang.scss (100%) rename themes/{btw.bitslayn.revertProfiles/src => btw.bitslayn.inlineStatus}/Backup/mixins.scss (100%) rename themes/{btw.bitslayn.revertProfiles/src => btw.bitslayn.inlineStatus}/Backup/sort.scss (100%) create mode 100644 themes/btw.bitslayn.inlineStatus/README.md create mode 100644 themes/btw.bitslayn.inlineStatus/images/thumb.png create mode 100644 themes/btw.bitslayn.inlineStatus/manifest.json rename themes/{btw.bitslayn.revertProfiles => btw.bitslayn.inlineStatus}/notes.txt (100%) create mode 100644 themes/btw.bitslayn.inlineStatus/raw/main.css create mode 100644 themes/btw.bitslayn.inlineStatus/src/index.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/Backup/a/a.scss b/themes/btw.bitslayn.inlineStatus/Backup/a/a.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/Backup/a/a.scss rename to themes/btw.bitslayn.inlineStatus/Backup/a/a.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/Backup/a/buttons.scss b/themes/btw.bitslayn.inlineStatus/Backup/a/buttons.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/Backup/a/buttons.scss rename to themes/btw.bitslayn.inlineStatus/Backup/a/buttons.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/Backup/avatar.scss b/themes/btw.bitslayn.inlineStatus/Backup/avatar.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/Backup/avatar.scss rename to themes/btw.bitslayn.inlineStatus/Backup/avatar.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/Backup/header.scss b/themes/btw.bitslayn.inlineStatus/Backup/header.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/Backup/header.scss rename to themes/btw.bitslayn.inlineStatus/Backup/header.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/Backup/index.scss b/themes/btw.bitslayn.inlineStatus/Backup/index.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/Backup/index.scss rename to themes/btw.bitslayn.inlineStatus/Backup/index.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/Backup/lang.scss b/themes/btw.bitslayn.inlineStatus/Backup/lang.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/Backup/lang.scss rename to themes/btw.bitslayn.inlineStatus/Backup/lang.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/Backup/mixins.scss b/themes/btw.bitslayn.inlineStatus/Backup/mixins.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/Backup/mixins.scss rename to themes/btw.bitslayn.inlineStatus/Backup/mixins.scss diff --git a/themes/btw.bitslayn.revertProfiles/src/Backup/sort.scss b/themes/btw.bitslayn.inlineStatus/Backup/sort.scss similarity index 100% rename from themes/btw.bitslayn.revertProfiles/src/Backup/sort.scss rename to themes/btw.bitslayn.inlineStatus/Backup/sort.scss diff --git a/themes/btw.bitslayn.inlineStatus/README.md b/themes/btw.bitslayn.inlineStatus/README.md new file mode 100644 index 0000000..91aef46 --- /dev/null +++ b/themes/btw.bitslayn.inlineStatus/README.md @@ -0,0 +1,7 @@ +# Revert Profiles +[![Install in Replugged](https://img.shields.io/badge/-Install%20in%20Replugged-blue?style=for-the-badge&logo=none)](https://replugged.dev/install?identifier=btw.bitslayn.inlineStatus) +[Vencord (Online Theme)](https://raw.githubusercontent.com/Bitslayn/RepluggedAddons/main/themes/btw.bitslayn.inlineStatus/raw/main.css) + +Removes status bubbles and places the status inside the profile. + +![Theme Image](https://raw.githubusercontent.com/Bitslayn/RepluggedAddons/main/themes/btw.bitslayn.inlineStatus/images/thumb.png) diff --git a/themes/btw.bitslayn.inlineStatus/images/thumb.png b/themes/btw.bitslayn.inlineStatus/images/thumb.png new file mode 100644 index 0000000000000000000000000000000000000000..dee3f9e2547659f44ae388863dca8b026a609be7 GIT binary patch literal 52674 zcmXt<1yCFP_w_53;!xb(y|}wWa4YT<2<~1e^5E|7?hxGFB}Id~yX%|Zyz`&TPBPia zOm_Es@80t{XTy{grI8Wv5k7tTge)r~q5A35XRiNkaInyCPCB~Epl|RFGQXTZebSTq z-}V_ZQC#%XC(=){5~AuJnWvrZiIiHNA8)N1^ZHrdPV38S%Z2(?ef08w&}3i(fTkFc z$V<2c2jY*N!$bEGjy->(K7Zvh^7wJd-lzSCQiL?fNy@4Tfx)W(bgFoHc@zw8ZSV8_ zIAkR%2Tz<^Q|)^z=A2izJuFm}>uz|>`Bw9M1jpKp_=h$rr=*H@w_R!j2uO*G zw0Y;HjQNesDOjuf|Gx~6?Ez|6hh7GsPNXzAvB@JCMMp+{R|zO z6YH0j7@j`T=3?eQDn7J6ST6j@zclNp)K`a@o}dr*=Mu$DaL`heu|8nswS^9#irrv znRkY(Y-$YnVj5}><3(n4M8v_fejC`d^lYj)nSJ$HrVMV@nT-fE-X_L>8`CviA8(vt zrc|iOY8jL0E2HH33A2h-T*pn|--h$=)YUKHGUq926W2jhTf0#O;7B>A%7>4l^OLeZ z_m7kA)QnWx@{*llrCNU%#*%Q@FYjzkr=Rk2o{JUXCLvw$^72qBpub*|}hkO{qXyt5EWqapB zr|wp$R1Wov_G5>tX&ZCvG5sHM|8Lj(996eUq9!Lq^jh*MH$(L2Hl(f`Ou_#=&@#?+ z8{VuM-wM0d2pXF*xoolySlGi+n-b+&iUiW}`xRdlukLJ@+R#YNlg5706(zm@t1ad?-a8=cB$e1W)ewH+4Cy!H;i%T#0;!V2rKK z%&h@KoujF_i|u=zsHA4S=2xq@T21<84Z?Qwre?{}>bP=9={vm>Es_~oP(isy%!DR= zR2KY0Nqphh`{L#4n7~$+wd=D>etb6}6(|IC7oo#-GFG+0RZGGG@J~OCQrq6J;JY;z zAivLoy3`ppLtR|AlYwQlv$DXNFCVtIQ&m~bqyj6zP}8#v>);F-G|vdx%`HttOJTxe zcK%bN&RIP_M4udhUSsh⁢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 literal 0 HcmV?d00001 diff --git a/themes/btw.bitslayn.inlineStatus/manifest.json b/themes/btw.bitslayn.inlineStatus/manifest.json new file mode 100644 index 0000000..fbeb1c2 --- /dev/null +++ b/themes/btw.bitslayn.inlineStatus/manifest.json @@ -0,0 +1,20 @@ +{ + "id": "btw.bitslayn.inlineStatus", + "name": "Inline Custom Status", + "description": "Removes status bubbles and places the status inside the profile.", + "author": { + "name": "Bitslayn", + "discordID": "372268045927972864", + "github": "Bitslayn" + }, + "version": "1.0.0", + "updater": { + "type": "store", + "id": "btw.bitslayn.inlineStatus" + }, + "license": "MIT", + "type": "replugged-theme", + "main": "src/index.scss", + "source": "https://github.com/Bitslayn/RepluggedAddons/tree/main/themes/btw.bitslayn.inlineStatus", + "image": "https://raw.githubusercontent.com/Bitslayn/RepluggedAddons/main/plugins/btw.bitslayn.inlineStatus/images/thumb.png" +} diff --git a/themes/btw.bitslayn.revertProfiles/notes.txt b/themes/btw.bitslayn.inlineStatus/notes.txt similarity index 100% rename from themes/btw.bitslayn.revertProfiles/notes.txt rename to themes/btw.bitslayn.inlineStatus/notes.txt diff --git a/themes/btw.bitslayn.inlineStatus/raw/main.css b/themes/btw.bitslayn.inlineStatus/raw/main.css new file mode 100644 index 0000000..533cb2b --- /dev/null +++ b/themes/btw.bitslayn.inlineStatus/raw/main.css @@ -0,0 +1,147 @@ +/* themes/btw.bitslayn.inlineStatus/src/index.scss */ +[class^=visibleContainer] { + position: relative; + top: unset !important; + left: unset !important; + padding: 0 16px; +} +[class^=invisibleContainer] { + display: none; +} +[class^=statusBubbleOuter] { + border: unset !important; + box-shadow: unset; + max-width: fit-content; +} +[class^=statusBubbleOuter]::before, +[class^=statusBubbleOuter]::after { + display: none; +} +[class^=statusBubbleOuter] [class^=content] { + text-align: unset; + max-height: unset !important; + -webkit-line-clamp: unset; +} +[class^=statusBubbleOuter] .emoji { + cursor: default; +} +[class^=statusBubble] { + min-width: unset; + padding: unset; + border-radius: unset; + background: unset; +} +[class*=biteSizeOuter] > div { + max-height: calc(100vh - 28px - var(--custom-user-popout-outside-components-height) - 146px); + padding-top: 146px; +} +[class*=biteSizeOuter] header > svg { + transform: translateY(-146px); +} +[class*=biteSizeOuter]:not([class*=userProfileOuterThemed]) header > [class^=avatar] { + transform: translate(16px, -85px); +} +[class*=biteSizeOuter][class*=userProfileOuterThemed] header > [class^=avatar] { + transform: translate(12px, -89px); +} +[class^=userPanelOuter] > div > [class^=none] { + padding-top: 165px; +} +[class^=userPanelOuter] header > svg { + position: fixed !important; + transform: translateY(-165px); +} +[class^=userPanelOuter] header > [class^=avatar] { + position: fixed !important; + transform: translate(16px, -93px); +} +[class*=fullSizeOuter] > div { + padding-top: 273px; + padding-bottom: 16px; +} +[class*=fullSizeOuter] header > svg { + transform: translateY(-273px); +} +[class*=fullSizeOuter] header > [class^=headerInner] > [class^=avatar] { + transform: translate(24px, -128px); +} +[class*=userProfileOuter] header { + min-height: unset !important; +} +[class*=userProfileOuter] header > svg { + position: absolute; + width: unset; + padding-right: 4px; +} +[class*=userProfileOuter] header > [class^=avatar], +[class*=userProfileOuter] header > [class^=headerInner] > [class^=avatar] { + position: absolute; + top: unset; + left: unset; +} +[class*=userProfileOuter] header > [class^=headerInner] { + position: absolute; + padding: unset; +} +[class*=userProfileOuter] header > [class^=headerInner] > [class^=buttons] { + position: absolute; + padding-right: 4px; + margin-right: 16px; + top: 0; + right: 0; + transform: translateY(229px); +} +[class*=userProfileOuter]:not([class*=userProfileOuterThemed], [class^=userPanelOuter]) header > svg { + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + padding-right: unset; +} +[class*=userProfileOuter]:not([class*=userProfileOuterThemed], [class^=userPanelOuter]) header > [class^=headerInner] > [class^=buttons] { + padding-right: unset; +} +[class*=userProfileOuter][class*=themeContainer] > div { + gap: 16px; +} +[class*=userProfileOuter][class*=themeContainer] > div > [class^=body] > [class^=menus] { + padding-bottom: 16px; +} +[class*=userProfileOuter] > div, +[class*=userProfileOuter] > div > [class^=none] { + gap: 12px; + display: flex; + flex-direction: column; + max-height: -webkit-fill-available; +} +[class*=userProfileOuter] > div > header, +[class*=userProfileOuter] > div > header > [class^=headerInner], +[class*=userProfileOuter] > div > [class^=none] > header, +[class*=userProfileOuter] > div > [class^=none] > header > [class^=headerInner] { + display: contents; +} +[class*=userProfileOuter] > div > header > div:not([class]), +[class*=userProfileOuter] > div > header > [class^=headerInner] > div:not([class]), +[class*=userProfileOuter] > div > [class^=none] > header > div:not([class]), +[class*=userProfileOuter] > div > [class^=none] > header > [class^=headerInner] > div:not([class]) { + order: -1; +} +[class*=userProfileOuter] > div > [class^=body], +[class*=userProfileOuter] > div > [class^=none] > [class^=body] { + display: contents; +} +[class*=userProfileOuter] > div > [class^=body] > [class^=container], +[class*=userProfileOuter] > div > [class^=none] > [class^=body] > [class^=container] { + order: -2; + max-height: max-content; +} +[class*=userProfileOuter] > div > [class^=body] > *, +[class*=userProfileOuter] > div > [class^=none] > [class^=body] > * { + margin: 0 16px; +} +[class*=userProfileOuter] > div > [class^=overlayBackground], +[class*=userProfileOuter] > div > [class^=none] > [class^=overlayBackground] { + margin-top: unset; +} +[class^=userPanelOuter] > div > [class^=none] { + min-width: 340px; +} +/*# sourceMappingURL=main.css.map */ diff --git a/themes/btw.bitslayn.inlineStatus/src/index.scss b/themes/btw.bitslayn.inlineStatus/src/index.scss new file mode 100644 index 0000000..4c23c6a --- /dev/null +++ b/themes/btw.bitslayn.inlineStatus/src/index.scss @@ -0,0 +1,185 @@ +// I've gotten to that point where this is getting really hard to sort through. Hopefully nothing needs to be changed lol + +// #region Debubble status +[class^="visibleContainer"] { + position: relative; + top: unset !important; + left: unset !important; + padding: 0 16px; +} +[class^="invisibleContainer"] { + display: none; +} +[class^="statusBubbleOuter"] { + border: unset !important; + box-shadow: unset; + max-width: fit-content; + &::before, + &::after { + display: none; + } + [class^="content"] { + text-align: unset; + max-height: unset !important; + -webkit-line-clamp: unset; + } + .emoji { + cursor: default; + } +} +[class^="statusBubble"] { + min-width: unset; + padding: unset; + border-radius: unset; + background: unset; +} +// #endregion + +// #region Prep header +$bitesize-padding: 146px; +$panel-padding: 165px; +$fullsize-padding: 273px; + +[class*="biteSizeOuter"] { + > div { + max-height: calc( + 100vh - 28px - var(--custom-user-popout-outside-components-height) - $bitesize-padding + ); + padding-top: $bitesize-padding; + } + header { + > svg { + transform: translateY(calc($bitesize-padding * -1)); + } + } + &:not([class*="userProfileOuterThemed"]) header { + > [class^="avatar"] { + transform: translate(16px, calc(61px + $bitesize-padding * -1)); + } + } + &[class*="userProfileOuterThemed"] header { + > [class^="avatar"] { + transform: translate(12px, calc(57px + $bitesize-padding * -1)); + } + } +} + +[class^="userPanelOuter"] { + > div > [class^="none"] { + padding-top: $panel-padding; + } + header { + > svg { + position: fixed !important; + transform: translateY(calc($panel-padding * -1)); + } + > [class^="avatar"] { + position: fixed !important; + transform: translate(16px, calc(72px + $panel-padding * -1)); + } + } +} + +[class*="fullSizeOuter"] { + > div { + padding-top: $fullsize-padding; + padding-bottom: 16px; + } + header { + > svg { + transform: translateY(calc($fullsize-padding * -1)); + } + > [class^="headerInner"] > [class^="avatar"] { + transform: translate(24px, calc(145px + $fullsize-padding * -1)); + } + } +} + +[class*="userProfileOuter"] { + header { + min-height: unset !important; + > svg { + position: absolute; + width: unset; + padding-right: 4px; + } + > [class^="avatar"], + > [class^="headerInner"] > [class^="avatar"] { + position: absolute; + top: unset; + left: unset; + } + > [class^="headerInner"] { + position: absolute; + padding: unset; + > [class^="buttons"] { + position: absolute; + padding-right: 4px; + margin-right: 16px; + top: 0; + right: 0; + transform: translateY($fullsize-padding - 44px); + } + } + } + &:not([class*="userProfileOuterThemed"], [class^="userPanelOuter"]) header { + > svg { + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + padding-right: unset; + } + > [class^="headerInner"] { + > [class^="buttons"] { + padding-right: unset; + } + } + } +} +// #endregion + +// #region Prep body +[class*="userProfileOuter"] { + &[class*="themeContainer"] { + > div { + gap: 16px; + > [class^="body"] { + > [class^="menus"] { + padding-bottom: 16px; + } + } + } + } + > div, + > div > [class^="none"] { + gap: 12px; + display: flex; + flex-direction: column; + max-height: -webkit-fill-available; + > header { + &, + > [class^="headerInner"] { + display: contents; + > div:not([class]) { + order: -1; + } + } + } + > [class^="body"] { + display: contents; + > [class^="container"] { + order: -2; + max-height: max-content; + } + > * { + margin: 0 16px; + } + } + > [class^="overlayBackground"] { + margin-top: unset; + } + } +} +[class^="userPanelOuter"] > div > [class^="none"] { + min-width: 340px; +} +// #endregion diff --git a/themes/btw.bitslayn.revertProfiles/src/index.scss b/themes/btw.bitslayn.revertProfiles/src/index.scss index 8f5e85e..4c23c6a 100644 --- a/themes/btw.bitslayn.revertProfiles/src/index.scss +++ b/themes/btw.bitslayn.revertProfiles/src/index.scss @@ -1,4 +1,6 @@ -// Debubble status +// I've gotten to that point where this is getting really hard to sort through. Hopefully nothing needs to be changed lol + +// #region Debubble status [class^="visibleContainer"] { position: relative; top: unset !important; @@ -31,66 +33,153 @@ border-radius: unset; background: unset; } +// #endregion -// Prep header -$fancy-padding: 146px; -$negative-fancy-padding: calc($fancy-padding * -1); +// #region Prep header +$bitesize-padding: 146px; +$panel-padding: 165px; +$fullsize-padding: 273px; [class*="biteSizeOuter"] { > div { - padding-top: $fancy-padding; max-height: calc( - 100vh - 28px - var(--custom-user-popout-outside-components-height) - $fancy-padding + 100vh - 28px - var(--custom-user-popout-outside-components-height) - $bitesize-padding ); + padding-top: $bitesize-padding; + } + header { + > svg { + transform: translateY(calc($bitesize-padding * -1)); + } + } + &:not([class*="userProfileOuterThemed"]) header { + > [class^="avatar"] { + transform: translate(16px, calc(61px + $bitesize-padding * -1)); + } + } + &[class*="userProfileOuterThemed"] header { + > [class^="avatar"] { + transform: translate(12px, calc(57px + $bitesize-padding * -1)); + } + } +} + +[class^="userPanelOuter"] { + > div > [class^="none"] { + padding-top: $panel-padding; } header { - min-height: unset !important; > svg { - position: fixed; - width: 300px; - transform: translateY($negative-fancy-padding); + position: fixed !important; + transform: translateY(calc($panel-padding * -1)); } > [class^="avatar"] { - position: fixed; + position: fixed !important; + transform: translate(16px, calc(72px + $panel-padding * -1)); + } + } +} + +[class*="fullSizeOuter"] { + > div { + padding-top: $fullsize-padding; + padding-bottom: 16px; + } + header { + > svg { + transform: translateY(calc($fullsize-padding * -1)); + } + > [class^="headerInner"] > [class^="avatar"] { + transform: translate(24px, calc(145px + $fullsize-padding * -1)); + } + } +} + +[class*="userProfileOuter"] { + header { + min-height: unset !important; + > svg { + position: absolute; + width: unset; + padding-right: 4px; + } + > [class^="avatar"], + > [class^="headerInner"] > [class^="avatar"] { + position: absolute; top: unset; left: unset; } + > [class^="headerInner"] { + position: absolute; + padding: unset; + > [class^="buttons"] { + position: absolute; + padding-right: 4px; + margin-right: 16px; + top: 0; + right: 0; + transform: translateY($fullsize-padding - 44px); + } + } } - &:not([class*="userProfileOuterThemed"]) header { + &:not([class*="userProfileOuterThemed"], [class^="userPanelOuter"]) header { > svg { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); + padding-right: unset; } - > [class^="avatar"] { - transform: translate(16px, calc(61px + $negative-fancy-padding)); - } - } - &[class*="userProfileOuterThemed"] header { - > [class^="avatar"] { - transform: translate(12px, calc(57px + $negative-fancy-padding)); + > [class^="headerInner"] { + > [class^="buttons"] { + padding-right: unset; + } } } } +// #endregion -// Prep body +// #region Prep body [class*="userProfileOuter"] { - > div { - display: grid; + &[class*="themeContainer"] { + > div { + gap: 16px; + > [class^="body"] { + > [class^="menus"] { + padding-bottom: 16px; + } + } + } + } + > div, + > div > [class^="none"] { + gap: 12px; + display: flex; + flex-direction: column; + max-height: -webkit-fill-available; > header { - display: contents; - > div:has([class^="invisibleContainer"]) { - order: -1; + &, + > [class^="headerInner"] { + display: contents; + > div:not([class]) { + order: -1; + } } } > [class^="body"] { display: contents; > [class^="container"] { order: -2; + max-height: max-content; } > * { margin: 0 16px; - max-width: -webkit-fill-available; } } + > [class^="overlayBackground"] { + margin-top: unset; + } } } +[class^="userPanelOuter"] > div > [class^="none"] { + min-width: 340px; +} +// #endregion From 2afc7d6e515944318c95afd38fa3eada1af5c874 Mon Sep 17 00:00:00 2001 From: Bitslayn <96226175+Bitslayn@users.noreply.github.com> Date: Sun, 4 Aug 2024 16:15:20 -0400 Subject: [PATCH 6/7] Unmerge --- .../btw.bitslayn.revertProfiles/raw/main.css | 1872 +++++++++++++++++ .../src/banners.scss | 104 + .../src/components/banner/buttons.scss | 90 + .../src/components/tooltip.scss | 30 + .../src/eyebrows.scss | 72 + .../src/fixes/botfix.scss | 57 + .../src/fixes/static.scss | 88 + .../src/globals.scss | 148 ++ .../src/heights.scss | 12 + .../src/index.scss | 194 +- .../btw.bitslayn.revertProfiles/src/lang.scss | 205 ++ .../src/profiles/full.scss | 335 +++ .../src/profiles/panel.scss | 300 +++ .../src/profiles/popout.scss | 425 ++++ .../src/roles.scss | 7 + 15 files changed, 3758 insertions(+), 181 deletions(-) create mode 100644 themes/btw.bitslayn.revertProfiles/raw/main.css create mode 100644 themes/btw.bitslayn.revertProfiles/src/banners.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/components/banner/buttons.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/components/tooltip.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/eyebrows.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/fixes/botfix.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/fixes/static.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/globals.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/heights.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/lang.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/profiles/full.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/profiles/panel.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss create mode 100644 themes/btw.bitslayn.revertProfiles/src/roles.scss diff --git a/themes/btw.bitslayn.revertProfiles/raw/main.css b/themes/btw.bitslayn.revertProfiles/raw/main.css new file mode 100644 index 0000000..cbc8655 --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/raw/main.css @@ -0,0 +1,1872 @@ +@charset "UTF-8"; + +/* themes/btw.bitslayn.revertProfiles/src/index.scss */ +[class^=biteSizeOuter] { + --banner-height: 60px; + --banner-offset: calc(120px - var(--banner-height)); + --badge-container-height: 22px; + --guild-tag-height: 0px; + --pronouns-height: 0px; +} +[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > header > svg > foreignObject > [style*=background-image]) { + --banner-height: 120px; +} +[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div) { + --badge-container-height: 30px; +} +[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(9)) { + --badge-container-height: 54px; +} +[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(17)) { + --badge-container-height: 78px; +} +[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > span[class^=clickable]) { + --guild-tag-height: 17px; +} +[class^=biteSizeOuter]:has(> [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=pronounsTooltip]) { + --pronouns-height: 20px; +} +[class^=fullSizeOuter] { + --banner-height: 105px; + --banner-offset: calc(210px - var(--banner-height)); + --badge-container-height: 22px; +} +[class^=fullSizeOuter]:has(> [class^=userProfileModalInner] > header > svg > foreignObject > [style*=background-image]) { + --banner-height: 210px; +} +[class^=fullSizeOuter]:has(> [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div) { + --badge-container-height: 28px; +} +[class^=fullSizeOuter]:has(> [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(10)) { + --badge-container-height: 46px; +} +[class^=fullSizeOuter]:has(> [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(19)) { + --badge-container-height: 72px; +} +[class^=userPanelOuter] { + --banner-height: 125px; + --banner-offset: 0px; + --badge-container-height: 22px; +} +[class^=userPanelOuter]:has(> [class^=userPanelInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div) { + --badge-container-height: 30px; +} +[class^=userPanelOuter]:has(> [class^=userPanelInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(9)) { + --badge-container-height: 54px; +} +[class^=userPanelOuter]:has(> [class^=userPanelInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] > div:nth-child(17)) { + --badge-container-height: 78px; +} +[class*=userProfileOuter] { + --edge-padding: 0px; +} +[class*=userProfileOuter][class*=userProfileOuterThemed] { + --edge-padding: 4px; +} +[class^=biteSizeOuter] { + width: 340px; + box-sizing: unset; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] { + gap: unset; + padding: unset; + background: + linear-gradient( + var(--profile-gradient-start), + var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), + var(--profile-gradient-end)); +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body]::-webkit-scrollbar { + width: 8px; + height: 8px; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body]::-webkit-scrollbar-thumb { + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 4px; + background-color: var(--profile-body-divider-color); + min-height: 40px; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body]::-webkit-scrollbar-track { + margin-bottom: 4px; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=container] { + order: -8; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=clickable] { + order: -7; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=buttons] { + order: -6; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > div:not([class], [style]) { + order: -5; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=mutuals] { + order: -4; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=activityBiteSizePopout], +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > div:has([class^=activityBiteSizePopout]) { + order: -3; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > div[style="position: relative;"], +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] section { + order: -2; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=menus] { + order: -1; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > span[class^=clickable] { + transform: translateY(-38px); + position: fixed; +} +[class^=biteSizeOuter] > [class^=userPopoutInner]:has(> [class^=header] > div:not([class])):not(:has([class^=pronounsTooltip])) > [class^=body] > span[class^=clickable] { + transform: unset; + top: calc(86px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height)); + position: fixed; +} +[class^=biteSizeOuter] > [class^=userPopoutInner]:has(> [class^=header] > div:not([class])):has([class^=pronounsTooltip]) > [class^=body] > span[class^=clickable] { + transform: unset; + top: calc(107px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height)); + position: fixed; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > div > [class^=descriptionClamp] { + -webkit-line-clamp: unset; + max-height: unset; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > div > [class^=viewFullBio] { + display: none; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=activityBiteSizePopout] { + padding: unset; + background: transparent !important; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=activityBiteSizePopout] > img { + width: 24px; + height: 24px; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=channelTextArea] > [class^=inner] { + background-color: transparent; + border: 1px solid var(--profile-message-input-border-color); +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [data-list-id^=roles] [class*=pill], +[class^=biteSizeOuter] > [class^=userPopoutInner] [data-list-id^=roles] > div > button { + background-color: var(--profile-role-pill-background-color); + border: unset; + max-height: 22px; + box-sizing: border-box; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] { + pointer-events: none; + min-height: unset; + z-index: unset; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar] { + pointer-events: initial; + top: 76px; + left: 22px; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=bannerSVGWrapper] { + padding: 0 0 calc(83px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height)); + display: block; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=bannerSVGWrapper]:has(foreignObject > [style*=background-image]) { + transform: scaleY(1.0084) translateY(1px); +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=bannerSVGWrapper]:has(foreignObject > [style*=background-image]) mask circle { + cx: 51; + cy: 99; + r: 40.59; + transform: scaleY(0.9916); +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] [class^=clickable] { + pointer-events: initial; + transform: scaleY(1.0084); +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(da):hover::after { + content: "Se profil"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(de):hover::after { + content: "Profil ansehen"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(en-US):hover::after { + content: "View Profile"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(en-GB):hover::after { + content: "View Profile"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(es-ES):hover::after { + content: "Ver perfil"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(es-419):hover::after { + content: "Ver perfil"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(fr):hover::after { + content: "Voir le profil"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(hr):hover::after { + content: "Prika\17ei profil"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(it):hover::after { + content: "Mostra profilo"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(lt):hover::after { + content: "Per\17ei\16br\117ti Profil\12f"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(hu):hover::after { + content: "Profil megtekint\e9se"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(nl):hover::after { + content: "Profiel bekijken"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(no):hover::after { + content: "Vis profil"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(pl):hover::after { + content: "Zobacz profil"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(pt-BR):hover::after { + content: "Ver perfil"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ro):hover::after { + content: "Vezi profil"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(fi):hover::after { + content: "N\e4yt\e4 profiili"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(sv-SE):hover::after { + content: "Visa profil"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(vi):hover::after { + content: "Xem H\1ed3 S\1a1"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(tr):hover::after { + content: "Profili G\f6r\fcnt\fcle"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(cs):hover::after { + content: "Zobrazit profil"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(el):hover::after { + content: "\3a0\3c1\3bf\3b2\3bf\3bb\3ae \3c0\3c1\3bf\3c6\3af\3bb"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(bg):hover::after { + content: "\41f\440\435\433\43b\435\434 \43d\430 \43f\440\43e\444\438\43b"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ru):hover::after { + content: "\41f\440\43e\444\438\43b\44c"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(uk):hover::after { + content: "\41f\440\43e\444\456\43b\44c"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(hi):hover::after { + content: "\92a\94d\930\94b\92b\93c\93e\907\932 \926\947\916\947\902"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(th):hover::after { + content: "\e14\e39\e42\e1b\e23\e44\e1f\e25\e4c"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(zh-CN):hover::after { + content: "\67e5\770b\4e2a\4eba\8d44\6599"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ja):hover::after { + content: "\30d7\30ed\30d5\30a3\30fc\30eb\8868\793a"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(zh-TW):hover::after { + content: "\6aa2\8996\500b\4eba\6a94\6848"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ko):hover::after { + content: "\d504\b85c\d544 \bcf4\ae30"; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):hover::after { + position: absolute; + top: 0; + right: 0; + font-size: 10px; + line-height: 12px; + font-weight: 700; + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + white-space: nowrap; + text-overflow: ellipsis; + text-transform: uppercase; + color: var(--white-500); + width: 100%; + height: 100%; + box-shadow: inset 0 0 120px hsl(var(--black-500-hsl)/0.75); + opacity: 1; + mask-image: url(#svg-mask-avatar-default); +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-round-80)"]))::after { + mask-image: url(#svg-mask-avatar-status-round-80); +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])):has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-mobile-80)"]))::after { + mask-image: url(#svg-mask-avatar-status-mobile-80); +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon]))::after { + transition: opacity 0.1s ease; + background-color: unset; + opacity: 0; + transform: scale(1.0084); + pointer-events: none; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar]:not(:has(> [class^=overlayIcon])) [class*=overlay]::after { + display: none; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=header] > [class^=avatar] [class*=overlay]::after { + transition: opacity 0.1s ease; + background-color: unset; + border-radius: unset; + box-shadow: inset 0 0 120px hsl(var(--black-500-hsl)/0.75); +} +[class^=biteSizeOuter] > [class^=userPopoutInner]:has([class^=pronounsTooltip]) > [class^=header] > [class^=bannerSVGWrapper] { + padding: 0 0 calc(103px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height)); +} +[class^=biteSizeOuter] > [class^=userPopoutInner]:not(:has([class^=statusBubbleOuter])) > header > [class^=bannerSVGWrapper] { + padding: 0 0 calc(95px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height)); +} +[class^=biteSizeOuter] > [class^=userPopoutInner]:not(:has([class^=statusBubbleOuter])):has([class^=pronounsTooltip]) > header > [class^=bannerSVGWrapper] { + padding: 0 0 calc(115px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height)); +} +[class^=biteSizeOuter] > [class^=userPopoutInner]:not(:has([class^=statusBubbleOuter])) > [class^=body] > [class^=container] { + padding: 12px 12px calc(12px + var(--guild-tag-height)) 12px; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] { + gap: 12px; + margin: 0 16px 0; + padding: 13px 12px 0 12px; + background-color: var(--profile-body-background-color); +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=biteSizeOverlayBackground] { + display: none; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body]::before { + content: ""; + display: block; + margin: -1px calc(28px + var(--edge-padding) / 2) 0; + min-height: 1px; + background-color: var(--profile-body-divider-color); + position: fixed; + width: -webkit-fill-available; + left: 0px; + transform: translateY(-12px); +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=container] { + position: fixed; + top: calc(28px + var(--banner-height) + var(--badge-container-height) + var(--edge-padding)); + left: 0px; + margin: 0 calc(16px + var(--edge-padding)) 0; + padding: 12px 12px calc(0px + var(--guild-tag-height)); + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + background-color: var(--profile-body-background-color); + width: -webkit-fill-available; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > [class^=body] > [class^=container] > [class^=usernameRow] > [class^=clickableUsername] > h1 { + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + word-break: break-all; + display: -webkit-box; + font-weight: 600; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > div:is([class^=container]) { + position: fixed; + justify-content: flex-end; + right: calc(16px + var(--edge-padding)); + top: calc(12px + var(--banner-height) + var(--edge-padding)); + margin: unset; + border: unset; + border-radius: 8px; + box-sizing: content-box; + max-width: 190px; + padding: 4px; + background-color: var(--profile-body-background-color); +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > div:is([class^=container]) div > a > img, +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > div:is([class^=container]) div > a > div { + width: 22px; + height: 22px; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > div:is([class^=container]) + div { + position: fixed; + justify-content: flex-end; + right: calc(112px + var(--edge-padding)); + top: calc(36px + var(--banner-height) + var(--edge-padding)); + margin: unset; + border: unset; + border-radius: 8px; + box-sizing: content-box; + max-width: 94px; + padding: 4px; + background-color: transparent; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > div:is([class^=container]) + div div > a > img, +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > div:is([class^=container]) + div div > a > div { + width: 22px; + height: 22px; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > [class^=clickableUsername], +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > [class*=userTag] { + width: 100%; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > [class^=clickableUsername] > [class^=info], +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > [class*=userTag] > [class^=info] { + font-weight: 500; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=tags] > [class^=dotSpacer] { + display: none; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > footer { + margin: 0 16px 16px; + padding: 12px; + background-color: var(--profile-body-background-color); + border-bottom-left-radius: var(--radius-sm); + border-bottom-right-radius: var(--radius-sm); +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > footer:has(> button) { + padding-top: 0; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=invisibleContainer] { + display: none; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > header > div:not([class]) > [class^=visibleContainer] { + position: unset; + pointer-events: initial; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] > header > div:not([class]) > [class^=visibleContainer] > [class^=popover] { + position: fixed; + z-index: 2; + left: calc(23px + var(--edge-padding)); + right: unset; + transform: translateY(calc(83px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height) + var(--pronouns-height) + var(--guild-tag-height))); +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter] { + border: unset !important; + background: var(--profile-body-background-color); + box-shadow: none; + margin: 0 16px 0; + padding: 12px; + border-radius: unset; + max-width: unset; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter]::before, +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter]::after { + display: none; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter] > [class*=statusBubble_] { + min-width: unset; + max-width: unset; + padding: unset; + background: transparent; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter] > [class*=statusBubble_] > [class^=content] { + text-align: start; + -webkit-line-clamp: unset; + max-height: unset !important; + overflow: unset; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter] > [class*=statusBubble_] > [class^=content] > [class*=statusText] { + font-weight: 400; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter] > [class*=statusBubble_] > [class^=content] > [class*=statusEmojiOnly] { + user-select: none; + cursor: initial; + width: 48px; + height: 48px; + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; +} +[class^=biteSizeOuter] > [class^=userPopoutInner] [class^=statusBubbleOuter] > [class*=statusBubble_] > [class^=content] > [class*=statusEmojiInline] { + user-select: none; + cursor: initial; + margin: -1px 4px -1px 0; + object-fit: contain; +} +[class^=fullSizeOuter] { + width: 600px; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] { + background: + linear-gradient( + var(--profile-gradient-start), + var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), + var(--profile-gradient-end)); +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=wrapper] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) { + top: calc(19px + var(--edge-padding) + var(--banner-height)); + right: 16px; + position: fixed; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=wrapper] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) > button { + background: unset !important; + color: var(--interactive-normal); +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=wrapper] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) > button:hover { + color: var(--interactive-hover); +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=wrapper] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) > button > div { + width: 24px; + height: 24px; + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; + transform: rotate(90deg); +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=wrapper] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) > button > div > svg { + width: 24px; + height: 24px; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner]:has(> [class^=body] > [class^=container] > [class^=tags] > [class^=pronounsTooltip]) > header > [class^=bannerSVGWrapper] { + padding-bottom: calc(128px + var(--badge-container-height) - var(--banner-offset)); +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header { + height: 210px; + display: inline-table; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=bannerSVGWrapper] { + padding-bottom: calc(108px + var(--badge-container-height) - var(--banner-offset)); + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=bannerSVGWrapper] mask rect { + width: 600px; + height: 210px; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=bannerSVGWrapper] foreignObject { + height: 210px; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=bannerSVGWrapper] foreignObject > [class^=banner] { + height: 210px; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=bannerSVGWrapper] foreignObject > [class^=banner]::before { + content: unset; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] { + padding: unset; + pointer-events: none; + min-height: unset; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] button { + pointer-events: initial; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > [class^=buttons] { + width: -webkit-fill-available; + position: fixed; + top: calc(16px + var(--edge-padding) + var(--banner-height)); + padding-right: 36px; + margin: 0 16px; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > [class^=buttons] > [class^=multipleButtons]:has(> button > div > svg > [d^="M19 14a1 1 0"]) > div { + display: none; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > [class^=buttons] > [class^=multipleButtons] > button:has(> div > svg > [d^="M19 14a1 1 0"]) { + opacity: unset; + background-color: var(--button-positive-background); + transition: background-color var(--custom-button-transition-duration) ease, color var(--custom-button-transition-duration) ease; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > [class^=buttons] > [class^=multipleButtons] > button:has(> div > svg > [d^="M19 14a1 1 0"]):hover { + background-color: var(--button-positive-background-hover); +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > [class^=avatar] { + position: fixed; + left: 28px; + top: 149px; + pointer-events: all; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=invisibleContainer] { + display: none; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] { + position: unset; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter] { + border: unset; + background: var(--profile-body-background-color); + box-shadow: none; + margin: 0 16px; + padding: 12px 12px 0; + border-radius: unset; + max-width: unset; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter]::before, +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter]::after { + display: none; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter] > [class^=statusBubble] { + max-width: fit-content; + max-height: unset; + padding: unset; + background: transparent; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter] > [class^=statusBubble] > div { + pointer-events: initial; + text-align: start; + -webkit-line-clamp: unset; + max-height: unset !important; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter] > [class^=statusBubble] > div > [class*=statusText] { + font-weight: 400; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter] > [class^=statusBubble] > div > [class*=statusEmojiOnly] { + user-select: none; + cursor: initial; + width: 48px; + height: 48px; + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > header > [class^=headerInner] > div > [class^=visibleContainer] > [class^=statusBubbleOuter] > [class^=statusBubble] > div > [class*=statusEmojiInline] { + user-select: none; + cursor: initial; + margin: -1px 4px -1px 0; + width: 20px; + height: 20px; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] { + gap: unset; + padding: unset; + margin: 0 16px 16px 16px; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] { + position: fixed; + top: calc(51px + var(--banner-height) + var(--badge-container-height) + var(--edge-padding)); + left: 0px; + margin: 0 calc(16px + var(--edge-padding)) 0; + padding: 12px 12px 0; + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + background-color: var(--profile-body-background-color); + width: -webkit-fill-available; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=usernameRow] > h1 { + -webkit-box-orient: vertical; + word-break: break-all; + display: -webkit-box; + font-size: 20px; + line-height: 1.2; + font-weight: 600; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] { + gap: unset; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] { + position: fixed; + justify-content: flex-start; + left: calc(160px + var(--edge-padding)); + top: calc(19px + var(--banner-height) + var(--edge-padding)); + margin: unset; + border: unset; + border-radius: 8px; + box-sizing: content-box; + max-width: 232px; + padding: 2px 4px; + background-color: var(--profile-body-background-color); +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] div > a > img, +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=container] div > a > div { + width: 24px; + height: 24px; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class*=userTag] { + width: 100%; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class*=userTag] > span { + font-size: 14px; + line-height: 24px; + font-weight: 600; + color: var(--header-secondary); +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=dotSpacer] { + display: none; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=container] > [class^=tags] > [class^=pronounsTooltip] { + font-size: 14px; + line-height: 1.2857142857; + font-weight: 400; + padding-top: 2px; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] { + border-top-left-radius: unset; + border-top-right-radius: unset; + border: unset; + background-color: var(--profile-body-background-color); +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground]:is([class*=friendRequestBannerOverlay]) { + display: none; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] > [class^=tabBar] { + gap: 40px; + margin: 20px 12px 0; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] > [class^=tabBar]:not(:has(> [class^=tabBarItem]:nth-child(2))) { + display: none; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] > [class^=tabBar] > [class^=tabBarItem] { + height: 39px; + border-bottom-width: 2px; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] > [class^=tabBar] > [class^=tabBarItem] div { + font-weight: 500; + line-height: 20px; + color: var(--interactive-normal); +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] > [class^=tabBar] > [class^=tabBarItem]:hover > div { + color: var(--interactive-hover); +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] > [class^=tabBar] > [class^=tabBarItem][aria-selected=true] > div { + color: var(--interactive-active); +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] [data-list-id^=roles] [class*=pill], +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] [data-list-id^=roles] > div > button { + background-color: var(--profile-role-pill-background-color); + border: unset; + max-height: 22px; + box-sizing: border-box; +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container]:not(:has(> [class^=tabBar] > [class^=tabBarItem]:nth-child(2)))::before { + content: ""; + width: -webkit-fill-available; + height: 1px; + margin: 20px 12px 0; + background-color: var(--profile-body-divider-color); +} +[class^=fullSizeOuter] > [class^=userProfileModalInner] > [class^=body] > [class^=fullSizeOverlayBackground] > [class^=container] [class^=scroller]::-webkit-scrollbar-track { + margin-bottom: 4px; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div { + gap: unset; + padding: unset; + background: + linear-gradient( + var(--profile-gradient-start), + var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), + var(--profile-gradient-end)); +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body]::-webkit-scrollbar { + width: 8px; + height: 8px; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body]::-webkit-scrollbar-thumb { + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 4px; + background-color: var(--profile-body-divider-color); + min-height: 40px; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body]::-webkit-scrollbar-track { + margin-bottom: 4px; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] > div > [class^=descriptionClamp] { + -webkit-line-clamp: unset; + overflow: hidden; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] > div > [class^=viewFullBio] { + display: none; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=activityBiteSizePopout] { + padding: 12px; + order: 1; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=activityBiteSizePopout] > img { + width: 24px; + height: 24px; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(da):hover::after { + content: "Se profil"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(de):hover::after { + content: "Profil ansehen"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(en-US):hover::after { + content: "View Profile"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(en-GB):hover::after { + content: "View Profile"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(es-ES):hover::after { + content: "Ver perfil"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(es-419):hover::after { + content: "Ver perfil"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(fr):hover::after { + content: "Voir le profil"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(hr):hover::after { + content: "Prika\17ei profil"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(it):hover::after { + content: "Mostra profilo"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(lt):hover::after { + content: "Per\17ei\16br\117ti Profil\12f"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(hu):hover::after { + content: "Profil megtekint\e9se"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(nl):hover::after { + content: "Profiel bekijken"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(no):hover::after { + content: "Vis profil"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(pl):hover::after { + content: "Zobacz profil"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(pt-BR):hover::after { + content: "Ver perfil"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ro):hover::after { + content: "Vezi profil"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(fi):hover::after { + content: "N\e4yt\e4 profiili"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(sv-SE):hover::after { + content: "Visa profil"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(vi):hover::after { + content: "Xem H\1ed3 S\1a1"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(tr):hover::after { + content: "Profili G\f6r\fcnt\fcle"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(cs):hover::after { + content: "Zobrazit profil"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(el):hover::after { + content: "\3a0\3c1\3bf\3b2\3bf\3bb\3ae \3c0\3c1\3bf\3c6\3af\3bb"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(bg):hover::after { + content: "\41f\440\435\433\43b\435\434 \43d\430 \43f\440\43e\444\438\43b"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ru):hover::after { + content: "\41f\440\43e\444\438\43b\44c"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(uk):hover::after { + content: "\41f\440\43e\444\456\43b\44c"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(hi):hover::after { + content: "\92a\94d\930\94b\92b\93c\93e\907\932 \926\947\916\947\902"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(th):hover::after { + content: "\e14\e39\e42\e1b\e23\e44\e1f\e25\e4c"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(zh-CN):hover::after { + content: "\67e5\770b\4e2a\4eba\8d44\6599"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ja):hover::after { + content: "\30d7\30ed\30d5\30a3\30fc\30eb\8868\793a"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(zh-TW):hover::after { + content: "\6aa2\8996\500b\4eba\6a94\6848"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):lang(ko):hover::after { + content: "\d504\b85c\d544 \bcf4\ae30"; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):hover::after { + position: absolute; + top: 0; + right: 0; + font-size: 10px; + line-height: 12px; + font-weight: 700; + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + white-space: nowrap; + text-overflow: ellipsis; + text-transform: uppercase; + color: var(--white-500); + width: 100%; + height: 100%; + box-shadow: inset 0 0 120px hsl(var(--black-500-hsl)/0.75); + opacity: 1; + mask-image: url(#svg-mask-avatar-default); +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-round-80)"]))::after { + mask-image: url(#svg-mask-avatar-status-round-80); +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])):has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-mobile-80)"]))::after { + mask-image: url(#svg-mask-avatar-status-mobile-80); +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon]))::after { + transition: opacity 0.1s ease; + background-color: unset; + opacity: 0; + transform: scale(1.0084); + pointer-events: none; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > header > [class^=avatar]:not(:has(> [class^=overlayIcon])) [class*=overlay]::after { + display: none; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=header] > [class^=avatar] [class*=overlay]::after { + transition: opacity 0.1s ease; + background-color: unset; + border-radius: unset; + box-shadow: inset 0 0 120px hsl(var(--black-500-hsl)/0.75); +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=header] { + margin-bottom: unset; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div:has([class^=pronounsTooltip]) > [class^=header] > [class^=bannerSVGWrapper] { + padding: 0 0 calc(104px + var(--badge-container-height) - var(--banner-offset)); +} +[class^=userPanelOuter] > [class^=userPanelInner] > div:not(:has([class^=statusBubbleOuter])) > header > [class^=bannerSVGWrapper] { + padding: 0 0 calc(96px + var(--badge-container-height) - var(--banner-offset)); +} +[class^=userPanelOuter] > [class^=userPanelInner] > div:not(:has([class^=statusBubbleOuter])):has([class^=pronounsTooltip]) > header > [class^=bannerSVGWrapper] { + padding: 0 0 calc(116px + var(--badge-container-height) - var(--banner-offset)); +} +[class^=userPanelOuter] > [class^=userPanelInner] > div:not(:has([class^=statusBubbleOuter])) > [class^=body] > [class^=container] { + padding: 12px; + z-index: 2; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] { + gap: 12px; + margin: 0 16px 0; + border-bottom-left-radius: var(--radius-sm); + border-bottom-right-radius: var(--radius-sm); +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] > [class^=biteSizeOverlayBackground] { + display: none; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body]::before { + content: ""; + display: block; + margin: -1px 28px 0; + min-height: 1px; + background-color: var(--profile-body-divider-color); + position: fixed; + width: -webkit-fill-available; + left: 0px; + z-index: 3; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] > [class^=overlayBackground] { + border-top-right-radius: unset; + border-top-left-radius: unset; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] > [class^=container] { + position: fixed; + top: calc(28px + var(--banner-height) + var(--badge-container-height)); + left: 0px; + margin: 0 16px 0; + padding: 12px 12px 0; + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + background-color: var(--profile-body-background-color); + width: -webkit-fill-available; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div > [class^=body] > [class^=container] > [class^=usernameRow] > [class^=clickableUsername] > h1 { + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + word-break: break-all; + display: -webkit-box; + font-weight: 600; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > div:is([class^=container]) { + position: fixed; + justify-content: flex-end; + right: 16px; + top: calc(12px + var(--banner-height)); + margin: unset; + border: unset; + border-radius: 8px; + box-sizing: content-box; + max-width: 190px; + padding: 4px; + background-color: var(--profile-body-background-color); +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > div:is([class^=container]) div > a > img, +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > div:is([class^=container]) div > a > div { + width: 22px; + height: 22px; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > div:is([class^=container]) + div { + position: fixed; + justify-content: flex-end; + right: 112px; + top: calc(36px + var(--banner-height)); + margin: unset; + border: unset; + border-radius: 8px; + box-sizing: content-box; + max-width: 94px; + padding: 4px; + background-color: transparent; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > div:is([class^=container]) + div div > a > img, +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > div:is([class^=container]) + div div > a > div { + width: 22px; + height: 22px; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > [class^=clickableUsername], +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > [class*=userTag] { + width: 100%; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > [class^=clickableUsername] > [class^=info], +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > [class*=userTag] > [class^=info] { + font-weight: 500; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=tags] > [class^=dotSpacer] { + display: none; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=invisibleContainer] { + display: none; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=visibleContainer] { + position: unset; + pointer-events: initial; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter] { + border: unset !important; + background: var(--profile-body-background-color); + box-shadow: none; + margin: 0 16px 0; + padding: 12px; + border-radius: unset; + max-width: unset; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter]::before, +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter]::after { + display: none; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter] > [class*=statusBubble] { + min-width: unset; + max-width: unset; + padding: unset; + background: transparent; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter] > [class*=statusBubble] > [class^=content] { + text-align: start; + -webkit-line-clamp: unset; + max-height: unset !important; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter] > [class*=statusBubble] > [class^=content] > [class*=statusText] { + font-weight: 400; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter] > [class*=statusBubble] > [class^=content] > [class*=statusEmojiOnly] { + user-select: none; + cursor: initial; + width: 48px; + height: 48px; + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; +} +[class^=userPanelOuter] > [class^=userPanelInner] > div [class^=statusBubbleOuter] > [class*=statusBubble] > [class^=content] > [class*=statusEmojiInline] { + user-select: none; + cursor: initial; + margin: -1px 4px -1px 0; + object-fit: contain; +} +[class^=userPanelOuter] > [class^=userPanelInner] > footer { + display: none; +} +[class^=activityBiteSizePopout] > [class^=headerContainer] > h1, +[class^=activityBiteSizePopout] > [class^=headerContainer] > h2, +[class^=activitySimplifiedProfile] > [class^=headerContainer] > h1, +[class^=userProfileModalInner] [class^=section] > h1, +[class^=userPanelInner] [class^=section] > h2 { + display: flex; + font-weight: 700; + color: var(--header-primary) !important; + font-family: var(--font-display); + font-size: 12px; + line-height: 1.3333; + text-transform: uppercase; + letter-spacing: 0.02em; +} +div:has(> [class^=descriptionClamp]):lang(da)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(da)::before { + content: "Om mig"; +} +div:has(> [class^=descriptionClamp]):lang(de)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(de)::before { + content: "\dc ber mich"; +} +div:has(> [class^=descriptionClamp]):lang(en-US)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(en-US)::before { + content: "About Me"; +} +div:has(> [class^=descriptionClamp]):lang(en-GB)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(en-GB)::before { + content: "About Me"; +} +div:has(> [class^=descriptionClamp]):lang(es-ES)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(es-ES)::before { + content: "Sobre m\ed"; +} +div:has(> [class^=descriptionClamp]):lang(es-419)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(es-419)::before { + content: "Sobre m\ed"; +} +div:has(> [class^=descriptionClamp]):lang(fr)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(fr)::before { + content: "\c0 propos de moi"; +} +div:has(> [class^=descriptionClamp]):lang(hr)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(hr)::before { + content: "O meni"; +} +div:has(> [class^=descriptionClamp]):lang(it)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(it)::before { + content: "Chi sono"; +} +div:has(> [class^=descriptionClamp]):lang(lt)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(lt)::before { + content: "Apie mane"; +} +div:has(> [class^=descriptionClamp]):lang(hu)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(hu)::before { + content: "Bemutatkoz\e1s"; +} +div:has(> [class^=descriptionClamp]):lang(nl)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(nl)::before { + content: "Over mij"; +} +div:has(> [class^=descriptionClamp]):lang(no)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(no)::before { + content: "Om meg"; +} +div:has(> [class^=descriptionClamp]):lang(pl)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(pl)::before { + content: "O mnie"; +} +div:has(> [class^=descriptionClamp]):lang(pt-BR)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(pt-BR)::before { + content: "Sobre mim"; +} +div:has(> [class^=descriptionClamp]):lang(ro)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(ro)::before { + content: "Despre mine"; +} +div:has(> [class^=descriptionClamp]):lang(fi)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(fi)::before { + content: "Tietoja minusta"; +} +div:has(> [class^=descriptionClamp]):lang(sv-SE)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(sv-SE)::before { + content: "Om mig"; +} +div:has(> [class^=descriptionClamp]):lang(vi)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(vi)::before { + content: "Gi\1edbi thi\1ec7u v\1ec1 t\f4i"; +} +div:has(> [class^=descriptionClamp]):lang(tr)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(tr)::before { + content: "Hakk\131mda"; +} +div:has(> [class^=descriptionClamp]):lang(cs)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(cs)::before { + content: "\10clenem od"; +} +div:has(> [class^=descriptionClamp]):lang(el)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(el)::before { + content: "\3a3\3c7\3b5\3c4\3b9\3ba\3ac \3bc\3b5 \3b5\3bc\3ad\3bd\3b1"; +} +div:has(> [class^=descriptionClamp]):lang(bg)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(bg)::before { + content: "\417\430 \43c\435\43d"; +} +div:has(> [class^=descriptionClamp]):lang(ru)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(ru)::before { + content: "\41e\431\43e \43c\43d\435"; +} +div:has(> [class^=descriptionClamp]):lang(uk)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(uk)::before { + content: "\41f\440\43e \43c\435\43d\435"; +} +div:has(> [class^=descriptionClamp]):lang(hi)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(hi)::before { + content: "\92e\947\930\947 \92c\93e\930\947 \92e\947\902"; +} +div:has(> [class^=descriptionClamp]):lang(th)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(th)::before { + content: "\e40\e01\e35\e48\e22\e27\e01\e31\e1a\e09\e31\e19"; +} +div:has(> [class^=descriptionClamp]):lang(zh-CN)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(zh-CN)::before { + content: "\81ea\6211\4ecb\7ecd"; +} +div:has(> [class^=descriptionClamp]):lang(ja)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(ja)::before { + content: "\81ea\5df1\7d39\4ecb"; +} +div:has(> [class^=descriptionClamp]):lang(zh-TW)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(zh-TW)::before { + content: "\95dc\65bc\6211"; +} +div:has(> [class^=descriptionClamp]):lang(ko)::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]:lang(ko)::before { + content: "\b0b4 \c18c\ac1c"; +} +div:has(> [class^=descriptionClamp])::before, +[class^=userProfileModalInner] [class^=scroller] > [class^=markup]::before { + margin-bottom: 6px; + width: 100%; + display: flex; + font-weight: 700; + color: var(--header-primary) !important; + font-family: var(--font-display); + font-size: 12px; + line-height: 1.3333; + text-transform: uppercase; + letter-spacing: 0.02em; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(da)::before { + content: "Roller"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(de)::before { + content: "Rollen"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(en-US)::before { + content: "Roles"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(en-GB)::before { + content: "Roles"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(es-ES)::before { + content: "Roles"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(es-419)::before { + content: "Roles"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(fr)::before { + content: "R\f4les"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(hr)::before { + content: "Uloge"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(it)::before { + content: "Ruoli"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(lt)::before { + content: "Vaidmenys"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(hu)::before { + content: "Rang"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(nl)::before { + content: "Rollen"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(no)::before { + content: "Roller"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(pl)::before { + content: "Role"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(pt-BR)::before { + content: "Cargos"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(ro)::before { + content: "Roluri"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(fi)::before { + content: "Roolit"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(sv-SE)::before { + content: "Roller"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(vi)::before { + content: "Vai tr\f2"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(tr)::before { + content: "Roller"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(cs)::before { + content: "Rol\ed"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(el)::before { + content: "\3a1\3cc\3bb\3bf\3b9"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(bg)::before { + content: "\420\43e\43b\438"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(ru)::before { + content: "\420\43e\43b\438"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(uk)::before { + content: "\420\43e\43b\456"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(hi)::before { + content: "\930\94b\932"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(th)::before { + content: "\e15\e33\e41\e2b\e19\e48\e07"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(zh-CN)::before { + content: "\8eab\4efd\7ec4"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(ja)::before { + content: "\30ed\30fc\30eb"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(zh-TW)::before { + content: "\8eab\5206\7d44"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow])):lang(ko)::before { + content: "\c5ed\d560"; +} +div:has(> [data-list-id^=roles-]):not(:has([data-text-variant=eyebrow]))::before { + margin-bottom: 6px; + width: 100%; + display: flex; + font-weight: 700; + color: var(--header-primary) !important; + font-family: var(--font-display); + font-size: 12px; + line-height: 1.3333; + text-transform: uppercase; + letter-spacing: 0.02em; +} +[class^=mutuals_]:lang(da)::before { + content: "F\e6lles"; +} +[class^=mutuals_]:lang(de)::before { + content: "Freunde"; +} +[class^=mutuals_]:lang(en-US)::before { + content: "Mutuals"; +} +[class^=mutuals_]:lang(en-GB)::before { + content: "Mutuals"; +} +[class^=mutuals_]:lang(es-ES)::before { + content: "En com\fan"; +} +[class^=mutuals_]:lang(es-419)::before { + content: "Amigos en com\fan"; +} +[class^=mutuals_]:lang(fr)::before { + content: "En commun"; +} +[class^=mutuals_]:lang(hr)::before { + content: "Zajedni\10dki"; +} +[class^=mutuals_]:lang(it)::before { + content: "In comune"; +} +[class^=mutuals_]:lang(lt)::before { + content: "Bendri"; +} +[class^=mutuals_]:lang(hu)::before { + content: "K\f6z\f6sek"; +} +[class^=mutuals_]:lang(nl)::before { + content: "Gemeenschappelijk"; +} +[class^=mutuals_]:lang(no)::before { + content: "Felles"; +} +[class^=mutuals_]:lang(pl)::before { + content: "Wsp\f3lne"; +} +[class^=mutuals_]:lang(pt-BR)::before { + content: "En Comun"; +} +[class^=mutuals_]:lang(ro)::before { + content: "\cen comun"; +} +[class^=mutuals_]:lang(fi)::before { + content: "Yhteiset"; +} +[class^=mutuals_]:lang(sv-SE)::before { + content: "Gemensamma"; +} +[class^=mutuals_]:lang(vi)::before { + content: "B\1ea1n v\e0 m\e1y ch\1ee7 chung"; +} +[class^=mutuals_]:lang(tr)::before { + content: "Ortak arkada\15flar ve sunucular"; +} +[class^=mutuals_]:lang(cs)::before { + content: "Spole\10dn\e9"; +} +[class^=mutuals_]:lang(el)::before { + content: "\39a\3bf\3b9\3bd\3bf\3af"; +} +[class^=mutuals_]:lang(bg)::before { + content: "\41e\431\449\438 \43d\435\449\430"; +} +[class^=mutuals_]:lang(ru)::before { + content: "\41e\431\449\438\435"; +} +[class^=mutuals_]:lang(uk)::before { + content: "\417\430\433\430\43b\44c\43d\456"; +} +[class^=mutuals_]:lang(hi)::before { + content: "\92e\94d\92f\941\91a\941\905\932\94d\938"; +} +[class^=mutuals_]:lang(th)::before { + content: "\e40\e1e\e37\e48\e2d\e19\e41\e25\e30\e40\e0b\e34\e23\e4c\e1f\e40\e27\e2d\e23\e4c\e17\e35\e48\e21\e35\e23\e48\e27\e21\e01\e31\e19"; +} +[class^=mutuals_]:lang(zh-CN)::before { + content: "\5171\540c\597d\53cb/\670d\52a1\5668"; +} +[class^=mutuals_]:lang(ja)::before { + content: "\5171\901a\306e\30d5\30ec\30f3\30c9"; +} +[class^=mutuals_]:lang(zh-TW)::before { + content: "\5171\540c\597d\53cb\6216\4f3a\670d\5668"; +} +[class^=mutuals_]:lang(ko)::before { + content: "\acf5\d1b5"; +} +[class^=mutuals_]::before { + margin-bottom: 4px; + width: 100%; + display: flex; + font-weight: 700; + color: var(--header-primary) !important; + font-family: var(--font-display); + font-size: 12px; + line-height: 1.3333; + text-transform: uppercase; + letter-spacing: 0.02em; +} +[class^=section] > ul[class^=list]:lang(da)::before { + content: "Pr\f8v mine kommandoer"; +} +[class^=section] > ul[class^=list]:lang(de)::before { + content: "\dc ber mich"; +} +[class^=section] > ul[class^=list]:lang(en-US)::before { + content: "Try my commands"; +} +[class^=section] > ul[class^=list]:lang(en-GB)::before { + content: "Try my commands"; +} +[class^=section] > ul[class^=list]:lang(es-ES)::before { + content: "Probar mis comandos"; +} +[class^=section] > ul[class^=list]:lang(es-419)::before { + content: "Probar mis comandos"; +} +[class^=section] > ul[class^=list]:lang(fr)::before { + content: "Essaie mes commandes"; +} +[class^=section] > ul[class^=list]:lang(hr)::before { + content: "Isprobaj moje naredbe"; +} +[class^=section] > ul[class^=list]:lang(it)::before { + content: "Prova i miei comandi"; +} +[class^=section] > ul[class^=list]:lang(lt)::before { + content: "I\161 bandyk mano komandas"; +} +[class^=section] > ul[class^=list]:lang(hu)::before { + content: "Pr\f3 b\e1ld ki a parancsaimat"; +} +[class^=section] > ul[class^=list]:lang(nl)::before { + content: "Probeer mijn opdrachten"; +} +[class^=section] > ul[class^=list]:lang(no)::before { + content: "Pr\f8v kommandoene mine"; +} +[class^=section] > ul[class^=list]:lang(pl)::before { + content: "Wypr\f3 buj moje komendy"; +} +[class^=section] > ul[class^=list]:lang(pt-BR)::before { + content: "Experimente meus comandos"; +} +[class^=section] > ul[class^=list]:lang(ro)::before { + content: "\cencearc\103 comenzile mele"; +} +[class^=section] > ul[class^=list]:lang(fi)::before { + content: "Kokeile komentojani"; +} +[class^=section] > ul[class^=list]:lang(sv-SE)::before { + content: "Testa mina kommandon"; +} +[class^=section] > ul[class^=list]:lang(vi)::before { + content: "Th\1eed c\e1 c l\1ec7nh c\1ee7 a t\f4i"; +} +[class^=section] > ul[class^=list]:lang(tr)::before { + content: "Komutlar\131m\131 dene"; +} +[class^=section] > ul[class^=list]:lang(cs)::before { + content: "Zkus moje p\159\edkazy"; +} +[class^=section] > ul[class^=list]:lang(el)::before { + content: "\394\3bf\3ba\3af\3bc\3b1\3c3\3b5 \3c4\3b9\3c2 \3b5\3bd\3c4\3bf\3bb\3ad\3c2 \3bc\3bf\3c5"; +} +[class^=section] > ul[class^=list]:lang(bg)::before { + content: "\418\437\43f\440\43e\431\432\430\43d\435 \43d\430 \43c\43e\438\442\435 \43a\43e\43c\430\43d\434\438"; +} +[class^=section] > ul[class^=list]:lang(ru)::before { + content: "\41e\43f\440\43e\431\443\439\442\435 \43c\43e\438 \43a\43e\43c\430\43d\434\44b"; +} +[class^=section] > ul[class^=list]:lang(uk)::before { + content: "\421\43f\440\43e\431\443\439\442\435 \43c\43e\457 \43a\43e\43c\430\43d\434\438"; +} +[class^=section] > ul[class^=list]:lang(hi)::before { + content: "\92e\947\930\940 \915\92e\93e\902\921 \91f\94d\930\93e\92f \915\930\947\902"; +} +[class^=section] > ul[class^=list]:lang(th)::before { + content: "\e25\e2d\e07\e43\e0a\e49\e04\e33\e2a\e31\e48\e07\e02\e2d\e07\e09\e31\e19\e14\e39\e2a\e34"; +} +[class^=section] > ul[class^=list]:lang(zh-CN)::before { + content: "\8bd5\8bd5\6211\7684\6307\4ee4"; +} +[class^=section] > ul[class^=list]:lang(ja)::before { + content: "\30b3\30de\30f3\30c9\3092\8a66\3057\3066\307f\3066\306d\ff01"; +} +[class^=section] > ul[class^=list]:lang(zh-TW)::before { + content: "\8a66\8a66\770b\6211\7684\6307\4ee4"; +} +[class^=section] > ul[class^=list]:lang(ko)::before { + content: "\c81c \ba85\b839\c5b4\b97c \c0ac\c6a9\d574\bcf4\c138\c694"; +} +[class^=section] > ul[class^=list]::before { + margin-bottom: 6px; + width: 100%; + display: flex; + font-weight: 700; + color: var(--header-primary) !important; + font-family: var(--font-display); + font-size: 12px; + line-height: 1.3333; + text-transform: uppercase; + letter-spacing: 0.02em; +} +[class^=section]:has(> div > [data-list-id^=roles-]) > h1, +[class^=section]:has(> [class^=list]) > h1 { + display: none; +} +[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=avatar] { + top: 16px; + left: 22px; +} +[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] { + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; +} +[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] mask rect { + width: 300px; + height: 52.94px; +} +[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] mask circle { + cx: 54.5; + cy: 49.5; + r: 40.59; +} +[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] foreignObject { + height: 52.95px; +} +[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] foreignObject > [class^=banner] { + height: 52.94px; +} +[class*=biteSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] foreignObject > [class^=banner]::before { + content: unset; +} +[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) { + height: 106px; +} +[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=headerInner] > [class^=avatar] { + position: fixed; + top: 41px; + left: 22px; +} +[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] { + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; +} +[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] mask rect { + width: 600px; + height: 104.02px; +} +[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] mask circle { + cx: 82; + cy: 101; + r: 68; +} +[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] foreignObject { + height: 105.01px; +} +[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] foreignObject > [class^=banner] { + height: 105.01px; +} +[class*=fullSizeOuter] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] foreignObject > [class^=banner]::before { + content: unset; +} +[class*=biteSizeOuter][class*=userProfileOuterThemed] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] { + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; +} +[class*=biteSizeOuter][class*=userProfileOuterThemed] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=bannerSVGWrapper] mask circle { + cx: 51.25; + cy: 46; +} +[class*=fullSizeOuter][class*=userProfileOuterThemed] > [class*=userProfileInner] > header:not(:has([style*=background-image])) > [class^=headerInner] > [class^=avatar] { + top: 45px; + left: 26px; +} +[class*=biteSizeOuter]:not([class*=userProfileOuterThemed]) > [class*=userProfileInner] > header:has([style*=background-image]) > svg { + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; +} +[class*=biteSizeOuter]:not([class*=userProfileOuterThemed]) > [class*=userProfileInner] > header:has([style*=background-image]) > svg mask circle { + cx: 54.5 !important; + cy: 102.5 !important; +} +[class*=fullSizeOuter]:not([class*=userProfileOuterThemed]) > [class*=userProfileInner] > header:has([style*=background-image]) > svg { + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; +} +[class*=fullSizeOuter]:not([class*=userProfileOuterThemed]) > [class*=userProfileInner] > header:has([style*=background-image]) > svg mask circle { + cx: 88; + cy: 209; +} +[class*=userProfileOuterThemed] > [class*=userProfileInner] [data-list-id^=roles] [class*=pill], +[class*=userProfileOuterThemed] > [class*=userProfileInner] [data-list-id^=roles] > div > button { + border: 1px solid var(--profile-role-pill-border-color) !important; +} +[class^=fullSizeOuter] { + max-height: 586px; +} +[class^=fullSizeOuter]:has([class*=fullSizeBannerPremium]) { + max-height: 692px; +} +[class^=fullSizeOuter][class*=userProfileOuterThemed] { + max-height: 594px; +} +[class^=fullSizeOuter][class*=userProfileOuterThemed]:has([class*=fullSizeBannerPremium]) { + max-height: 700px; +} +[class^=biteSizeOuter] > [class^=userProfileModalInner]:not(:has(> footer > [class^=channelTextArea], > [class^=body] > [class^=container] > [class^=tags] > [class^=container])) > header > [class^=bannerSVGWrapper] { + padding: 0 0 3px; +} +[class^=biteSizeOuter] > [class^=userProfileModalInner]:not(:has(> footer > [class^=channelTextArea], > [class^=body] > [class^=container] > [class^=tags] > [class^=container])) > header::before { + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='transparent' class=''%3E%3C/circle%3E%3Cpath fill='%23f0b132' fill-rule='evenodd' d='M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm1.44-15.94L13.06 14a1.06 1.06 0 0 1-2.12 0l-.38-6.94a1 1 0 0 1 1-1.06h.88a1 1 0 0 1 1 1.06Zm-.19 10.69a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z' clip-rule='evenodd' class=''%3E%3C/path%3E%3C/svg%3E"); + position: absolute; + z-index: 1; + top: 8px; + right: 16px; + width: 20px; + height: 20px; +} +[class^=biteSizeOuter] > [class^=userProfileModalInner]:not(:has(> footer > [class^=channelTextArea], > [class^=body] > [class^=container] > [class^=tags] > [class^=container])) > header::after { + content: ""; + display: block; + position: absolute; + transform: translateY(-12px); + width: 308px; + height: 12px; + margin: 0 16px; + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + background-color: var(--profile-body-background-color); +} +[class^=biteSizeOuter] > [class^=userProfileModalInner]:not(:has(> footer > [class^=channelTextArea], > [class^=body] > [class^=container] > [class^=tags] > [class^=container])) > [class^=body] > [class^=container] { + position: static; + margin: unset; + padding: unset; +} +[class^=biteSizeOuter] > [class^=userProfileModalInner]:not(:has(> footer > [class^=channelTextArea], > [class^=body] > [class^=container] > [class^=tags] > [class^=container])) > [class^=body] > [class^=container] > [class^=tags] > [class^=userTag] > [class^=username] { + display: none; +} +[class*=SizeOuter] > [class*=userProfileInner] > [class^=body] > [class^=container] { + gap: unset; +} +[class*=SizeOuter] > [class*=userProfileInner] > [class^=body] > [class^=container] > [class^=usernameRow] > h1 { + color: var(--interactive-active); + font-weight: 600; +} +div[id^=popout] > [data-popout-animating=false]:has(> div > [class^=biteSizeOuter]), +[class^=accountProfilePopoutWrapper], +[class^=customizationSection], +[class^=previewContainer] > [class^=biteSizeOuter], +[class^=previewsContainerInner] > [class^=biteSizeOuter], +[class^=profileEffectPreviewsContainerInner] > [class^=biteSizeOuter], +[class^=userProfilePreview] > [class^=biteSizeOuter], +[class^=userPanelOuter] { + transform: translate(0) !important; +} +[class^=previewsContainerInner] > [class^=biteSizeOuter] > [class^=userPopoutInner] > header > [class^=avatar]:hover::after, +[class^=profileEffectPreviewsContainerInner] > [class^=biteSizeOuter] > [class^=userPopoutInner] > header > [class^=avatar]:hover::after, +[class^=previewContainer] > [class^=biteSizeOuter] > [class^=userPopoutInner] > header > [class^=avatar]:hover::after { + display: none; +} +[class^=customizationSection] [class*=userProfileInner] [class^=tags] > [class^=container] { + top: calc(40px + var(--banner-height)) !important; +} +[class^=customizationSection] [class*=userProfileInner] > [class^=body] > [class^=container] { + top: calc(56px + var(--banner-height) + var(--badge-container-height)) !important; +} +[aria-label=discord] [class*=biteSizeOuter] > [class*=userProfileInner] > footer, +[aria-label="Deleted User"] [class*=biteSizeOuter] > [class*=userProfileInner] > footer { + visibility: hidden; + padding: unset !important; + margin: unset !important; +} +[aria-label=discord] [class*=biteSizeOuter] > [class*=userProfileInner] > [class^=body], +[aria-label="Deleted User"] [class*=biteSizeOuter] > [class*=userProfileInner] > [class^=body] { + margin-bottom: 16px; + padding: unset !important; +} +[aria-label=discord] [class*=biteSizeOuter] > [class*=userProfileInner] > [class^=body]::before, +[aria-label="Deleted User"] [class*=biteSizeOuter] > [class*=userProfileInner] > [class^=body]::before { + display: none; +} +[aria-label=discord] [class*=biteSizeOuter] > [class*=userProfileInner] > [class^=body] > [class^=container], +[aria-label="Deleted User"] [class*=biteSizeOuter] > [class*=userProfileInner] > [class^=body] > [class^=container] { + border-bottom-left-radius: var(--radius-sm); + border-bottom-right-radius: var(--radius-sm); +} +[class^=userPopoutInner] > [class^=body]:not([class*=fade]) { + margin-bottom: 16px; + padding-bottom: 12px; + border-bottom-left-radius: var(--radius-sm); + border-bottom-right-radius: var(--radius-sm); +} +[class^=nicknameIcons] > div[aria-label]:not([class^=clickTarget]) { + position: fixed; + top: 8px; + right: 16px; +} +[class^=nicknameIcons] > div[aria-label]:not([class^=clickTarget]) > svg { + width: 20px; + height: 20px; +} +[class^=accountProfilePopoutWrapper] [class^=biteSizeOverlayBackground] > [class^=menu] [class*=layer] { + top: unset !important; + left: unset !important; + transform: translate(267px, -34px); + padding-left: 3px; +} +[class^=userPopoutInner] > footer > button:has(> [class^=contents] > svg > [d^="m13.96 5.46 "]) { + width: 28px; + height: 28px; + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; + padding: unset !important; + background: hsl(var(--black-500-hsl)/0.3) !important; + transition: background-color 0.2s ease; + display: flex; + justify-content: center; + align-items: center; + visibility: visible; + font-size: 0; + color: var(--white-500); + border-radius: var(--radius-round); + position: absolute; + top: 12px; + right: 12px; +} +[class^=userPopoutInner] > footer > button:has(> [class^=contents] > svg > [d^="m13.96 5.46 "]) > [class^=contents], +[class^=userPopoutInner] > footer > button:has(> [class^=contents] > svg > [d^="m13.96 5.46 "]) > [class^=contents] > svg { + width: 18px; + height: 18px; + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; + gap: unset; +} +[class^=userPopoutInner] > footer > button:has(> [class^=contents] > svg > [d^="m13.96 5.46 "]):hover { + background: hsl(var(--black-500-hsl)/0.6) !important; + opacity: unset; +} +[class^=userPopoutInner] > footer > button:has(> [class^=contents] > svg > [d^="m13.96 5.46 "]):hover::before { + content: attr(aria-label); + position: fixed; + font-size: 14px; + transform: translateY(-38px); + background-color: var(--background-floating); + box-shadow: var(--shadow-high); + color: var(--text-normal); + padding: 8px 12px; + border-radius: 5px; + pointer-events: none; + box-sizing: border-box; + width: max-content; + max-width: 190px; + word-wrap: break-word; +} +[class^=userPopoutInner] > footer > button:has(> [class^=contents] > svg > [d^="m13.96 5.46 "]):hover::after { + content: ""; + position: fixed; + border-top: 5px solid var(--background-floating); + border-right: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid transparent; + transform: translateY(-17px); + pointer-events: none; +} +[class^=userPopoutInner]:has(> footer > button > [class^=contents] > svg > [d^="m13.96 5.46 "]) > [class^=wrapper] { + right: 46px; +} +[class^=userPopoutInner] > [class^=wrapper] > div:has(> button > div > svg > path[d^="M19 14a1 1 0"], > button > div > svg > path[d^="M12 10a4 4 0"], > button > div > svg > path[d^="M5.26 12.45c"], > button > div > svg > path[d^="M16 6a4 4 0 "]), +[class^=userProfileModalInner] > [class^=wrapper] > div:has(> button > div > svg > path[d^="M19 14a1 1 0"], > button > div > svg > path[d^="M12 10a4 4 0"], > button > div > svg > path[d^="M5.26 12.45c"], > button > div > svg > path[d^="M16 6a4 4 0 "]), +[class^=userPanelInner] > div > [class^=wrapper] > div:has(> button > div > svg > path[d^="M19 14a1 1 0"], > button > div > svg > path[d^="M12 10a4 4 0"], > button > div > svg > path[d^="M5.26 12.45c"], > button > div > svg > path[d^="M16 6a4 4 0 "]) { + display: none; +} +[class^=userPopoutInner] > [class^=wrapper] > div:has(> button > div > svg > path[d^="M4 14a2 2 0 "]), +[class^=userPanelInner] > div > [class^=wrapper] > div:has(> button > div > svg > path[d^="M4 14a2 2 0 "]) { + display: none; +} +[class^=userPopoutInner] > [class^=wrapper], +[class^=userProfileModalInner] > [class^=wrapper], +[class^=userPanelInner] > div > [class^=wrapper] { + gap: 6px; +} +[class^=userPopoutInner] > [class^=wrapper] > div > *, +[class^=userProfileModalInner] > [class^=wrapper] > div > *, +[class^=userPanelInner] > div > [class^=wrapper] > div > * { + width: 28px; + height: 28px; + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; + padding: unset !important; + background: hsl(var(--black-500-hsl)/0.3) !important; + transition: background-color 0.2s ease; + display: flex; + justify-content: center; + align-items: center; +} +[class^=userPopoutInner] > [class^=wrapper] > div > * > [class^=contents], +[class^=userPopoutInner] > [class^=wrapper] > div > * > [class^=contents] > svg, +[class^=userProfileModalInner] > [class^=wrapper] > div > * > [class^=contents], +[class^=userProfileModalInner] > [class^=wrapper] > div > * > [class^=contents] > svg, +[class^=userPanelInner] > div > [class^=wrapper] > div > * > [class^=contents], +[class^=userPanelInner] > div > [class^=wrapper] > div > * > [class^=contents] > svg { + width: 18px; + height: 18px; + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; + gap: unset; +} +[class^=userPopoutInner] > [class^=wrapper] > div > *:hover, +[class^=userProfileModalInner] > [class^=wrapper] > div > *:hover, +[class^=userPanelInner] > div > [class^=wrapper] > div > *:hover { + background: hsl(var(--black-500-hsl)/0.6) !important; + opacity: unset; +} +/*# sourceMappingURL=main.css.map */ diff --git a/themes/btw.bitslayn.revertProfiles/src/banners.scss b/themes/btw.bitslayn.revertProfiles/src/banners.scss new file mode 100644 index 0000000..e13391a --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/banners.scss @@ -0,0 +1,104 @@ +@use "globals" as *; + +// Solid color +[class*="biteSizeOuter"] + > [class*="userProfileInner"] + > header:not(:has([style*="background-image"])) { + > [class^="avatar"] { + top: 16px; + left: 22px; + } + > [class^="bannerSVGWrapper"] { + @include dumbmaxing; + mask { + rect { + width: 300px; + height: 52.94px; + } + circle { + cx: 54.5; + cy: 49.5; + r: 40.59; + } + } + foreignObject { + height: 52.95px; + > [class^="banner"] { + height: 52.94px; + &::before { + content: unset; + } + } + } + } +} +[class*="fullSizeOuter"] + > [class*="userProfileInner"] + > header:not(:has([style*="background-image"])) { + height: 106px; + > [class^="headerInner"] > [class^="avatar"] { + position: fixed; + top: 41px; + left: 22px; + } + > [class^="bannerSVGWrapper"] { + @include dumbmaxing; + mask { + rect { + width: 600px; + height: 104.02px; + } + circle { + cx: 82; + cy: 101; + r: 68; + } + } + foreignObject { + height: 105.01px; + > [class^="banner"] { + height: 105.01px; + &::before { + content: unset; + } + } + } + } +} + +// Premium + solid color +[class*="biteSizeOuter"][class*="userProfileOuterThemed"] > [class*="userProfileInner"] { + > header:not(:has([style*="background-image"])) > [class^="bannerSVGWrapper"] { + @include dumbmaxing; + mask circle { + cx: 51.25; + cy: 46; + } + } +} +[class*="fullSizeOuter"][class*="userProfileOuterThemed"] > [class*="userProfileInner"] { + > header:not(:has([style*="background-image"])) > [class^="headerInner"] > [class^="avatar"] { + top: 45px; + left: 26px; + } +} + +// USRBG +[class*="biteSizeOuter"]:not([class*="userProfileOuterThemed"]) > [class*="userProfileInner"] { + > header:has([style*="background-image"]) > svg { + @include dumbmaxing; + mask circle { + cx: 54.5 !important; + cy: 102.5 !important; + } + } +} +[class*="fullSizeOuter"]:not([class*="userProfileOuterThemed"]) > [class*="userProfileInner"] { + > header:has([style*="background-image"]) > svg { + @include dumbmaxing; + mask circle { + cx: 88; + cy: 209; + } + } +} diff --git a/themes/btw.bitslayn.revertProfiles/src/components/banner/buttons.scss b/themes/btw.bitslayn.revertProfiles/src/components/banner/buttons.scss new file mode 100644 index 0000000..c321bbc --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/components/banner/buttons.scss @@ -0,0 +1,90 @@ +@use "../../globals" as *; +@use "../tooltip" as *; +@use "../../lang"; +@use "sass:map"; + +// Bitesize & Full banner button styles +@mixin bubble-styles { + width: 28px; + height: 28px; + @include dumbmaxing; + padding: unset !important; + background: hsl(var(--black-500-hsl) / 0.3) !important; + transition: background-color 0.2s ease; + display: flex; + justify-content: center; + align-items: center; + > [class^="contents"], + > [class^="contents"] > svg { + width: 18px; + height: 18px; + @include dumbmaxing; + gap: unset; + } + &:hover { + background: hsl(var(--black-500-hsl) / 0.6) !important; + opacity: unset; + } +} + +@mixin fake-bubble-styles { + @include bubble-styles(); + visibility: visible; + font-size: 0; + color: var(--white-500); + border-radius: var(--radius-round); + position: absolute; + top: 12px; + right: 12px; +} + +[class^="userPopoutInner"] { + > footer > button:has(> [class^="contents"] > svg > [d^="m13.96 5.46 "]) { + @include fake-bubble-styles(); + &:hover { + // @each $lang, $string in lang.$edit-profile { + // &:lang(#{$lang})::before { + // content: $string !important; + // } + // } + @include tooltip(attr(aria-label), -17px); + } + } + &:has(> footer > button > [class^="contents"] > svg > [d^="m13.96 5.46 "]) { + > [class^="wrapper"] { + right: 46px; // Assume a gap of 6px + } + } +} + +[class^="userPopoutInner"], +[class^="userProfileModalInner"], +[class^="userPanelInner"] > div { + > [class^="wrapper"] > div:has( + > button > div > svg > path[d^="M19 14a1 1 0"], /* Add Friend */ + > button > div > svg > path[d^="M12 10a4 4 0"], /* Friends */ + > button > div > svg > path[d^="M5.26 12.45c"], /* Mod View */ + > button > div > svg > path[d^="M16 6a4 4 0 "] /* Pending */ + ) { + display: none; + } +} +[class^="userPopoutInner"], +[class^="userPanelInner"] > div { + > [class^="wrapper"] > div:has( + > button > div > svg > path[d^="M4 14a2 2 0 "] /* More */ + ) { + display: none; + } +} + +[class^="userPopoutInner"], +[class^="userProfileModalInner"], +[class^="userPanelInner"] > div { + > [class^="wrapper"] { + gap: 6px; + > div > * { + @include bubble-styles(); + } + } +} diff --git a/themes/btw.bitslayn.revertProfiles/src/components/tooltip.scss b/themes/btw.bitslayn.revertProfiles/src/components/tooltip.scss new file mode 100644 index 0000000..635cfb6 --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/components/tooltip.scss @@ -0,0 +1,30 @@ +@mixin tooltip($label, $offset) { + // Content + &::before { + content: $label; + position: fixed; + font-size: 14px; + transform: translateY(calc($offset - 21px)); + background-color: var(--background-floating); + box-shadow: var(--shadow-high); + color: var(--text-normal); + padding: 8px 12px; + border-radius: 5px; + pointer-events: none; + box-sizing: border-box; + width: max-content; + max-width: 190px; + word-wrap: break-word; + } + // Pointer + &::after { + content: ""; + position: fixed; + border-top: 5px solid var(--background-floating); + border-right: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid transparent; + transform: translateY($offset); + pointer-events: none; + } +} diff --git a/themes/btw.bitslayn.revertProfiles/src/eyebrows.scss b/themes/btw.bitslayn.revertProfiles/src/eyebrows.scss new file mode 100644 index 0000000..57ebf8d --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/eyebrows.scss @@ -0,0 +1,72 @@ +@use "lang"; +@use "sass:map"; + +@mixin eyebrow-font { + display: flex; + font-weight: 700; + color: var(--header-primary) !important; + font-family: var(--font-display); + font-size: 12px; + line-height: 1.3333; + text-transform: uppercase; + letter-spacing: 0.02em; +} + +@mixin eyebrow($margin-bottom) { + margin-bottom: $margin-bottom; + width: 100%; + @include eyebrow-font; +} + +[class^="activityBiteSizePopout"] > [class^="headerContainer"] > h1, /* These top three are for activity headers which use semibold instead of eyebrow */ +[class^="activityBiteSizePopout"] > [class^="headerContainer"] > h2, +[class^="activitySimplifiedProfile"] > [class^="headerContainer"] > h1, +[class^="userProfileModalInner"] [class^="section"] > h1, /* For headers in the full profile which use semibold instead of eyebrow */ +[class^="userPanelInner"] [class^="section"] > h2 /* For DM profile panels */ { + @include eyebrow-font; +} +div:has(> [class^="descriptionClamp"]), +[class^="userProfileModalInner"] [class^="scroller"] > [class^="markup"] { + @each $lang, $string in lang.$about-me { + &:lang(#{$lang})::before { + content: $string; + } + } + &::before { + @include eyebrow(6px); + } +} +div:has(> [data-list-id^="roles-"]):not(:has([data-text-variant="eyebrow"])) { + @each $lang, $string in lang.$roles { + &:lang(#{$lang})::before { + content: $string; + } + } + &::before { + @include eyebrow(6px); + } +} +[class^="mutuals_"] { + @each $lang, $string in lang.$mutuals { + &:lang(#{$lang})::before { + content: $string; + } + } + &::before { + @include eyebrow(4px); // .mutuals_dc9488 has a row-gap of 2px [2 + 4 = 6] + } +} +[class^="section"] > ul[class^="list"] { + @each $lang, $string in lang.$try-my-commands { + &:lang(#{$lang})::before { + content: $string; + } + } + &::before { + @include eyebrow(6px); + } +} +[class^="section"]:has(> div > [data-list-id^="roles-"]) > h1, /* Bot roles */ +[class^="section"]:has(> [class^="list"]) > h1 /* Bot commands */ { + display: none; +} diff --git a/themes/btw.bitslayn.revertProfiles/src/fixes/botfix.scss b/themes/btw.bitslayn.revertProfiles/src/fixes/botfix.scss new file mode 100644 index 0000000..18e9c30 --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/fixes/botfix.scss @@ -0,0 +1,57 @@ +// Profiles without names/bots without profiles, Discord Official Messages profile +[class^="biteSizeOuter"] + > [class^="userProfileModalInner"]:not( + :has( + > footer > [class^="channelTextArea"], + > [class^="body"] > [class^="container"] > [class^="tags"] > [class^="container"] + ) + ) { + > header { + > [class^="bannerSVGWrapper"] { + padding: 0 0 3px; + } + &::before { + // Warning circle icon when profile is unable to load + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='transparent' class=''%3E%3C/circle%3E%3Cpath fill='%23f0b132' fill-rule='evenodd' d='M12 23a11 11 0 1 0 0-22 11 11 0 0 0 0 22Zm1.44-15.94L13.06 14a1.06 1.06 0 0 1-2.12 0l-.38-6.94a1 1 0 0 1 1-1.06h.88a1 1 0 0 1 1 1.06Zm-.19 10.69a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z' clip-rule='evenodd' class=''%3E%3C/path%3E%3C/svg%3E"); + position: absolute; + z-index: 1; + top: 8px; + right: 16px; + width: 20px; + height: 20px; + } + &::after { + content: ""; + display: block; + position: absolute; + transform: translateY(-12px); + width: 308px; + height: 12px; + margin: 0 16px; + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + background-color: var(--profile-body-background-color); + } + } + > [class^="body"] { + > [class^="container"] { + position: static; + margin: unset; + padding: unset; + > [class^="tags"] > [class^="userTag"] > [class^="username"] { + display: none; + } + } + } +} +[class*="SizeOuter"] > [class*="userProfileInner"] > [class^="body"] { + > [class^="container"] { + gap: unset; + > [class^="usernameRow"] { + > h1 { + color: var(--interactive-active); + font-weight: 600; + } + } + } +} diff --git a/themes/btw.bitslayn.revertProfiles/src/fixes/static.scss b/themes/btw.bitslayn.revertProfiles/src/fixes/static.scss new file mode 100644 index 0000000..601fc73 --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/fixes/static.scss @@ -0,0 +1,88 @@ +// Fix static profiles +div[id^="popout"] > [data-popout-animating="false"]:has(> div > [class^="biteSizeOuter"]), // Required :has() to fix "Invite to Server" context menu button +[class^="accountProfilePopoutWrapper"], +[class^="customizationSection"], +[class^="previewContainer"] > [class^="biteSizeOuter"], +[class^="previewsContainerInner"] > [class^="biteSizeOuter"], +[class^="profileEffectPreviewsContainerInner"] > [class^="biteSizeOuter"], +[class^="userProfilePreview"] > [class^="biteSizeOuter"], +[class^="userPanelOuter"] { + transform: translate(0) !important; +} + +// Discord istg how many different class names for profile previews do you need lmao +[class^="previewsContainerInner"], +[class^="profileEffectPreviewsContainerInner"], +[class^="previewContainer"] { + > [class^="biteSizeOuter"] + > [class^="userPopoutInner"] + > header + > [class^="avatar"]:hover::after { + display: none; + } +} + +// Fix static badges +[class^="customizationSection"] [class*="userProfileInner"] { + [class^="tags"] > [class^="container"] { + top: calc(40px + var(--banner-height)) !important; + } + > [class^="body"] > [class^="container"] { + top: calc(56px + var(--banner-height) + var(--badge-container-height)) !important; + } +} + +// Fix profiles with no body or footer +// Oddly enough, aria-label profile names are consistent across different languages +[aria-label="discord"], +[aria-label="Deleted User"] { + [class*="biteSizeOuter"] > [class*="userProfileInner"] { + > footer { + visibility: hidden; + padding: unset !important; + margin: unset !important; + } + > [class^="body"] { + margin-bottom: 16px; + padding: unset !important; + &::before { + display: none; + } + > [class^="container"] { + border-bottom-left-radius: var(--radius-sm); + border-bottom-right-radius: var(--radius-sm); + } + } + } +} +// Your static profile +[class^="userPopoutInner"] { + > [class^="body"]:not([class*="fade"]) { + margin-bottom: 16px; + padding-bottom: 12px; + border-bottom-left-radius: var(--radius-sm); + border-bottom-right-radius: var(--radius-sm); + } +} + +// "Unable to load profile banner, badges, and about me." indicator +[class^="nicknameIcons"] > div[aria-label]:not([class^="clickTarget"]) { + position: fixed; + top: 8px; + right: 16px; + > svg { + width: 20px; + height: 20px; + } +} + +// Fix dropdown menu positioning +[class^="accountProfilePopoutWrapper"] + [class^="biteSizeOverlayBackground"] + > [class^="menu"] + [class*="layer"] { + top: unset !important; + left: unset !important; + transform: translate(267px, -34px); + padding-left: 3px; +} diff --git a/themes/btw.bitslayn.revertProfiles/src/globals.scss b/themes/btw.bitslayn.revertProfiles/src/globals.scss new file mode 100644 index 0000000..295ae10 --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/globals.scss @@ -0,0 +1,148 @@ +[class^="biteSizeOuter"] { + --banner-height: 60px; + --banner-offset: calc(120px - var(--banner-height)); + &:has(> [class^="userPopoutInner"] > header > svg > foreignObject > [style*="background-image"]) { + --banner-height: 120px; + } + --badge-container-height: 22px; // 0 rows (Minimal gap of 16px) + &:has( + > [class^="userPopoutInner"] + > [class^="body"] + > [class^="container"] + > [class^="tags"] + > [class^="container"] + > div + ) { + --badge-container-height: 30px; // 1 row + } + &:has( + > [class^="userPopoutInner"] + > [class^="body"] + > [class^="container"] + > [class^="tags"] + > [class^="container"] + > div:nth-child(9) + ) { + --badge-container-height: 54px; // 2 rows + } + &:has( + > [class^="userPopoutInner"] + > [class^="body"] + > [class^="container"] + > [class^="tags"] + > [class^="container"] + > div:nth-child(17) + ) { + --badge-container-height: 78px; // 3 rows, if anyone has more than 24 badges then tf are you doing with your life? + } + --guild-tag-height: 0px; + &:has(> [class^="userPopoutInner"] > [class^="body"] > span[class^="clickable"]) { + --guild-tag-height: 17px; + } + + --pronouns-height: 0px; + &:has( + > [class^="userPopoutInner"] + > [class^="body"] + > [class^="container"] + > [class^="tags"] + > [class^="pronounsTooltip"] + ) { + --pronouns-height: 20px; + } +} + +[class^="fullSizeOuter"] { + --banner-height: 105px; // Pretty sure this should be 206px + --banner-offset: calc(210px - var(--banner-height)); + &:has( + > [class^="userProfileModalInner"] + > header + > svg + > foreignObject + > [style*="background-image"] + ) { + --banner-height: 210px; // Should be 212px but I got lazy + } + --badge-container-height: 22px; // 0 rows (Minimal gap of 24px) + &:has( + > [class^="userProfileModalInner"] + > [class^="body"] + > [class^="container"] + > [class^="tags"] + > [class^="container"] + > div + ) { + --badge-container-height: 28px; // 1 row + } + &:has( + > [class^="userProfileModalInner"] + > [class^="body"] + > [class^="container"] + > [class^="tags"] + > [class^="container"] + > div:nth-child(10) + ) { + --badge-container-height: 46px; // 2 rows + } + &:has( + > [class^="userProfileModalInner"] + > [class^="body"] + > [class^="container"] + > [class^="tags"] + > [class^="container"] + > div:nth-child(19) + ) { + --badge-container-height: 72px; // 3 rows + } +} + +[class^="userPanelOuter"] { + --banner-height: 125px; + --banner-offset: 0px; + --badge-container-height: 22px; // 0 rows (Minimal gap of 16px) + &:has( + > [class^="userPanelInner"] + > [class^="body"] + > [class^="container"] + > [class^="tags"] + > [class^="container"] + > div + ) { + --badge-container-height: 30px; // 1 row + } + &:has( + > [class^="userPanelInner"] + > [class^="body"] + > [class^="container"] + > [class^="tags"] + > [class^="container"] + > div:nth-child(9) + ) { + --badge-container-height: 54px; // 2 rows + } + &:has( + > [class^="userPanelInner"] + > [class^="body"] + > [class^="container"] + > [class^="tags"] + > [class^="container"] + > div:nth-child(17) + ) { + --badge-container-height: 78px; // 3 rows, if anyone has more than 24 badges then tf are you doing with your life? + } +} + +[class*="userProfileOuter"] { + --edge-padding: 0px; + &[class*="userProfileOuterThemed"] { + --edge-padding: 4px; + } +} + +@mixin dumbmaxing { + min-width: unset !important; + min-height: unset !important; + max-width: unset !important; + max-height: unset !important; +} diff --git a/themes/btw.bitslayn.revertProfiles/src/heights.scss b/themes/btw.bitslayn.revertProfiles/src/heights.scss new file mode 100644 index 0000000..20bc66d --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/heights.scss @@ -0,0 +1,12 @@ +[class^="fullSizeOuter"] { + max-height: 586px; // 586px + &:has([class*="fullSizeBannerPremium"]) { + max-height: 692px; // 586px + 106px + } + &[class*="userProfileOuterThemed"] { + max-height: 594px; // 586px + 8px + &:has([class*="fullSizeBannerPremium"]) { + max-height: 700px; // 586px + 8px + 106px + } + } +} diff --git a/themes/btw.bitslayn.revertProfiles/src/index.scss b/themes/btw.bitslayn.revertProfiles/src/index.scss index 4c23c6a..abdf850 100644 --- a/themes/btw.bitslayn.revertProfiles/src/index.scss +++ b/themes/btw.bitslayn.revertProfiles/src/index.scss @@ -1,185 +1,17 @@ -// I've gotten to that point where this is getting really hard to sort through. Hopefully nothing needs to be changed lol +// Bulk of the profile modal styles. +@use "profiles/popout"; +@use "profiles/full"; +@use "profiles/panel"; -// #region Debubble status -[class^="visibleContainer"] { - position: relative; - top: unset !important; - left: unset !important; - padding: 0 16px; -} -[class^="invisibleContainer"] { - display: none; -} -[class^="statusBubbleOuter"] { - border: unset !important; - box-shadow: unset; - max-width: fit-content; - &::before, - &::after { - display: none; - } - [class^="content"] { - text-align: unset; - max-height: unset !important; - -webkit-line-clamp: unset; - } - .emoji { - cursor: default; - } -} -[class^="statusBubble"] { - min-width: unset; - padding: unset; - border-radius: unset; - background: unset; -} -// #endregion +@use "globals"; // Assigns profile padding for statuses and badges relative to the banner's height. +@use "eyebrows"; // Styles for eyebrows. Self explanatory. +@use "banners"; // Makes banners smaller with svg adjustments. +@use "roles"; // Also self explanatory. +@use "heights"; // Full profile heights. -// #region Prep header -$bitesize-padding: 146px; -$panel-padding: 165px; -$fullsize-padding: 273px; +@use "fixes/botfix"; // Fixes related to bot profiles, Discord's official profile, and deleted user profiles. +@use "fixes/static"; // Fixes for static profile modals such as the one in settings. -[class*="biteSizeOuter"] { - > div { - max-height: calc( - 100vh - 28px - var(--custom-user-popout-outside-components-height) - $bitesize-padding - ); - padding-top: $bitesize-padding; - } - header { - > svg { - transform: translateY(calc($bitesize-padding * -1)); - } - } - &:not([class*="userProfileOuterThemed"]) header { - > [class^="avatar"] { - transform: translate(16px, calc(61px + $bitesize-padding * -1)); - } - } - &[class*="userProfileOuterThemed"] header { - > [class^="avatar"] { - transform: translate(12px, calc(57px + $bitesize-padding * -1)); - } - } -} +// IN NEED OF A DEEP CLEAN AAAAA -[class^="userPanelOuter"] { - > div > [class^="none"] { - padding-top: $panel-padding; - } - header { - > svg { - position: fixed !important; - transform: translateY(calc($panel-padding * -1)); - } - > [class^="avatar"] { - position: fixed !important; - transform: translate(16px, calc(72px + $panel-padding * -1)); - } - } -} - -[class*="fullSizeOuter"] { - > div { - padding-top: $fullsize-padding; - padding-bottom: 16px; - } - header { - > svg { - transform: translateY(calc($fullsize-padding * -1)); - } - > [class^="headerInner"] > [class^="avatar"] { - transform: translate(24px, calc(145px + $fullsize-padding * -1)); - } - } -} - -[class*="userProfileOuter"] { - header { - min-height: unset !important; - > svg { - position: absolute; - width: unset; - padding-right: 4px; - } - > [class^="avatar"], - > [class^="headerInner"] > [class^="avatar"] { - position: absolute; - top: unset; - left: unset; - } - > [class^="headerInner"] { - position: absolute; - padding: unset; - > [class^="buttons"] { - position: absolute; - padding-right: 4px; - margin-right: 16px; - top: 0; - right: 0; - transform: translateY($fullsize-padding - 44px); - } - } - } - &:not([class*="userProfileOuterThemed"], [class^="userPanelOuter"]) header { - > svg { - border-top-left-radius: var(--radius-sm); - border-top-right-radius: var(--radius-sm); - padding-right: unset; - } - > [class^="headerInner"] { - > [class^="buttons"] { - padding-right: unset; - } - } - } -} -// #endregion - -// #region Prep body -[class*="userProfileOuter"] { - &[class*="themeContainer"] { - > div { - gap: 16px; - > [class^="body"] { - > [class^="menus"] { - padding-bottom: 16px; - } - } - } - } - > div, - > div > [class^="none"] { - gap: 12px; - display: flex; - flex-direction: column; - max-height: -webkit-fill-available; - > header { - &, - > [class^="headerInner"] { - display: contents; - > div:not([class]) { - order: -1; - } - } - } - > [class^="body"] { - display: contents; - > [class^="container"] { - order: -2; - max-height: max-content; - } - > * { - margin: 0 16px; - } - } - > [class^="overlayBackground"] { - margin-top: unset; - } - } -} -[class^="userPanelOuter"] > div > [class^="none"] { - min-width: 340px; -} -// #endregion +@use "components/banner/buttons"; diff --git a/themes/btw.bitslayn.revertProfiles/src/lang.scss b/themes/btw.bitslayn.revertProfiles/src/lang.scss new file mode 100644 index 0000000..85728a2 --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/lang.scss @@ -0,0 +1,205 @@ +@use "sass:map"; + +// eyebrows.scss +$about-me: ( + "da": "Om mig", + "de": "Über mich", + "en-US": "About Me", + "en-GB": "About Me", + "es-ES": "Sobre mí", + "es-419": "Sobre mí", + "fr": "À propos de moi", + "hr": "O meni", + "it": "Chi sono", + "lt": "Apie mane", + "hu": "Bemutatkozás", + "nl": "Over mij", + "no": "Om meg", + "pl": "O mnie", + "pt-BR": "Sobre mim", + "ro": "Despre mine", + "fi": "Tietoja minusta", + "sv-SE": "Om mig", + "vi": "Giới thiệu về tôi", + "tr": "Hakkımda", + "cs": "Členem od", + "el": "Σχετικά με εμένα", + "bg": "За мен", + "ru": "Обо мне", + "uk": "Про мене", + "hi": "मेरे बारे में", + "th": "เกี่ยวกับฉัน", + "zh-CN": "自我介绍", + "ja": "自己紹介", + "zh-TW": "關於我", + "ko": "내 소개", +); +$roles: ( + "da": "Roller", + "de": "Rollen", + "en-US": "Roles", + "en-GB": "Roles", + "es-ES": "Roles", + "es-419": "Roles", + "fr": "Rôles", + "hr": "Uloge", + "it": "Ruoli", + "lt": "Vaidmenys", + "hu": "Rang", + "nl": "Rollen", + "no": "Roller", + "pl": "Role", + "pt-BR": "Cargos", + "ro": "Roluri", + "fi": "Roolit", + "sv-SE": "Roller", + "vi": "Vai trò", + "tr": "Roller", + "cs": "Rolí", + "el": "Ρόλοι", + "bg": "Роли", + "ru": "Роли", + "uk": "Ролі", + "hi": "रोल", + "th": "ตำแหน่ง", + "zh-CN": "身份组", + "ja": "ロール", + "zh-TW": "身分組", + "ko": "역할", +); +$mutuals: ( + "da": "Fælles", + "de": "Freunde", + "en-US": "Mutuals", + "en-GB": "Mutuals", + "es-ES": "En común", + "es-419": "Amigos en común", + "fr": "En commun", + "hr": "Zajednički", + "it": "In comune", + "lt": "Bendri", + "hu": "Közösek", + "nl": "Gemeenschappelijk", + "no": "Felles", + "pl": "Wspólne", + "pt-BR": "En Comun", + "ro": "În comun", + "fi": "Yhteiset", + "sv-SE": "Gemensamma", + "vi": "Bạn và máy chủ chung", + "tr": "Ortak arkadaşlar ve sunucular", + "cs": "Společné", + "el": "Κοινοί", + "bg": "Общи неща", + "ru": "Общие", + "uk": "Загальні", + "hi": "म्युचुअल्स", + "th": "เพื่อนและเซิร์ฟเวอร์ที่มีร่วมกัน", + "zh-CN": "共同好友/服务器", + "ja": "共通のフレンド", + "zh-TW": "共同好友或伺服器", + "ko": "공통", +); +$try-my-commands: ( + "da": "Prøv mine kommandoer", + "de": "Über mich", + "en-US": "Try my commands", + "en-GB": "Try my commands", + "es-ES": "Probar mis comandos", + "es-419": "Probar mis comandos", + "fr": "Essaie mes commandes", + "hr": "Isprobaj moje naredbe", + "it": "Prova i miei comandi", + "lt": "Išbandyk mano komandas", + "hu": "Próbáld ki a parancsaimat", + "nl": "Probeer mijn opdrachten", + "no": "Prøv kommandoene mine", + "pl": "Wypróbuj moje komendy", + "pt-BR": "Experimente meus comandos", + "ro": "Încearcă comenzile mele", + "fi": "Kokeile komentojani", + "sv-SE": "Testa mina kommandon", + "vi": "Thử các lệnh của tôi", + "tr": "Komutlarımı dene", + "cs": "Zkus moje příkazy", + "el": "Δοκίμασε τις εντολές μου", + "bg": "Изпробване на моите команди", + "ru": "Опробуйте мои команды", + "uk": "Спробуйте мої команди", + "hi": "मेरी कमांड ट्राय करें", + "th": "ลองใช้คำสั่งของฉันดูสิ", + "zh-CN": "试试我的指令", + "ja": "コマンドを試してみてね！", + "zh-TW": "試試看我的指令", + "ko": "제 명령어를 사용해보세요", +); + +// buttons.scss +// $edit-profile: ( +// "da": "Rediger profil", +// "de": "Profil bearbeiten", +// "en-US": "Edit Profile", +// "en-GB": "Edit Profile", +// "es-ES": "Editar perfil", +// "es-419": "Editar perfil", +// "fr": "Modifier le profil", +// "hr": "Uredi profil", +// "it": "Modifica profilo", +// "lt": "Redaguoti profilį", +// "hu": "Profil szerkesztése", +// "nl": "Profiel bewerken", +// "no": "Rediger profil", +// "pl": "Edytuj profil", +// "pt-BR": "Editar perfil", +// "ro": "Editează profilul", +// "fi": "Muokkaa profiilia", +// "sv-SE": "Redigera profilen", +// "vi": "Sửa Hồ Sơ", +// "tr": "Profili Düzenle", +// "cs": "Upravit profil", +// "el": "Επεξεργασία προφίλ", +// "bg": "Редактиране на профил", +// "ru": "Редактировать профиль", +// "uk": "Редагувати профіль", +// "hi": "प्रोफ़ाइल एडिट करें", +// "th": "แก้ไขโปรไฟล์", +// "zh-CN": "编辑个人资料", +// "ja": "プロフィールを編集", +// "zh-TW": "編輯個人資料", +// "ko": "프로필 편집", +// ); + +// popout.scss +$view-profile: ( + "da": "Se profil", + "de": "Profil ansehen", + "en-US": "View Profile", + "en-GB": "View Profile", + "es-ES": "Ver perfil", + "es-419": "Ver perfil", + "fr": "Voir le profil", + "hr": "Prikaži profil", + "it": "Mostra profilo", + "lt": "Peržiūrėti Profilį", + "hu": "Profil megtekintése", + "nl": "Profiel bekijken", + "no": "Vis profil", + "pl": "Zobacz profil", + "pt-BR": "Ver perfil", + "ro": "Vezi profil", + "fi": "Näytä profiili", + "sv-SE": "Visa profil", + "vi": "Xem Hồ Sơ", + "tr": "Profili Görüntüle", + "cs": "Zobrazit profil", + "el": "Προβολή προφίλ", + "bg": "Преглед на профил", + "ru": "Профиль", + "uk": "Профіль", + "hi": "प्रोफ़ाइल देखें", + "th": "ดูโปรไฟล์", + "zh-CN": "查看个人资料", + "ja": "プロフィール表示", + "zh-TW": "檢視個人檔案", + "ko": "프로필 보기", +); diff --git a/themes/btw.bitslayn.revertProfiles/src/profiles/full.scss b/themes/btw.bitslayn.revertProfiles/src/profiles/full.scss new file mode 100644 index 0000000..31513db --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/profiles/full.scss @@ -0,0 +1,335 @@ +@use "../globals" as *; + +[class^="fullSizeOuter"] { + // Layout + width: 600px; + > [class^="userProfileModalInner"] { + background: linear-gradient( + var(--profile-gradient-start), + var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), + var(--profile-gradient-end) + ); + > [class^="wrapper"] > div:has(button > div > svg > [d^="M4 14a2 2 0 1"]) { + top: calc(19px + var(--edge-padding) + var(--banner-height)); + right: 16px; + position: fixed; + > button { + background: unset !important; + color: var(--interactive-normal); + &:hover { + color: var(--interactive-hover); + } + > div { + width: 24px; + height: 24px; + @include dumbmaxing; + transform: rotate(90deg); + > svg { + width: 24px; + height: 24px; + } + } + } + } + // Banner + &:has(> [class^="body"] > [class^="container"] > [class^="tags"] > [class^="pronounsTooltip"]) + > header + > [class^="bannerSVGWrapper"] { + // With Pronouns + padding-bottom: calc(128px + var(--badge-container-height) - var(--banner-offset)); + } + > header { + height: 210px; + display: inline-table; + // Banner + > [class^="bannerSVGWrapper"] { + //Without pronouns + padding-bottom: calc(108px + var(--badge-container-height) - var(--banner-offset)); + + @include dumbmaxing; + // transform: scaleX(1.98122) scaleY(2.0189) translateX(75px) translateY(26.5px); + mask { + rect { + width: 600px; + height: 210px; + } + // circle { + // transform: scaleY(0.9906); + // } + } + foreignObject { + height: 210px; + > [class^="banner"] { + height: 210px; + &::before { + content: unset; + } + } + } + } + > [class^="headerInner"] { + padding: unset; + pointer-events: none; + min-height: unset; + // Buttons + button { + pointer-events: initial; + } + > [class^="buttons"] { + width: -webkit-fill-available; + position: fixed; + top: calc(16px + var(--edge-padding) + var(--banner-height)); + padding-right: 36px; + margin: 0 16px; + > [class^="multipleButtons"] { + &:has(> button > div > svg > [d^="M19 14a1 1 0"]) > div { + display: none; + } + > button:has(> div > svg > [d^="M19 14a1 1 0"]) { + // Add Friend + opacity: unset; + background-color: var(--button-positive-background); + transition: + background-color var(--custom-button-transition-duration) ease, + color var(--custom-button-transition-duration) ease; + &:hover { + background-color: var(--button-positive-background-hover); + } + // > div { + // font-size: 0; + // gap: unset; + // &::before { + // content: "Send Friend Request"; + // font-size: 14px; + // } + // > svg { + // display: none; + // } + // } + } + } + // > button:has(> [class^="contents"] > svg > [d^="m13.96 5.46 4.58 4.58a1"]) { + // visibility: visible; + // width: 28px; + // height: 28px; + // font-size: 0; + // padding: unset; + // min-width: unset; + // min-height: unset; + // background: hsl(var(--black-500-hsl) / 0.3); + // color: var(--white-500); + // border-radius: var(--radius-round); + // transition: background-color 0.2s ease; + // position: fixed; + // top: 12px; + // right: 12px; + // > [class^="contents"], + // > [class^="contents"] > svg { + // width: 18px; + // height: 18px; + // gap: unset; + // } + // &:hover { + // background: hsl(var(--black-500-hsl) / 0.6); + // opacity: unset; + // } + // } + } + // Avatar + > [class^="avatar"] { + position: fixed; + left: 28px; + top: 149px; + pointer-events: all; + } + // Status + > div { + > [class^="invisibleContainer"] { + display: none; + } + > [class^="visibleContainer"] { + position: unset; + > [class^="statusBubbleOuter"] { + border: unset; + background: var(--profile-body-background-color); + box-shadow: none; + margin: 0 16px; + padding: 12px 12px 0; + border-radius: unset; + max-width: unset; + &::before, + &::after { + display: none; + } + > [class^="statusBubble"] { + max-width: fit-content; + max-height: unset; + padding: unset; + background: transparent; + > div { + pointer-events: initial; + text-align: start; + -webkit-line-clamp: unset; + max-height: unset !important; + > [class*="statusText"] { + font-weight: 400; + } + > [class*="statusEmojiOnly"] { + user-select: none; + cursor: initial; + width: 48px; + height: 48px; + @include dumbmaxing; + } + > [class*="statusEmojiInline"] { + user-select: none; + cursor: initial; + margin: -1px 4px -1px 0; + width: 20px; + height: 20px; + } + } + } + } + } + } + } + } + > [class^="body"] { + gap: unset; + padding: unset; + margin: 0 16px 16px 16px; + // Username and pronouns header + > [class^="container"] { + position: fixed; + top: calc( + 51px + var(--banner-height) + var(--badge-container-height) + var(--edge-padding) + ); + left: 0px; + margin: 0 calc(16px + var(--edge-padding)) 0; + padding: 12px 12px 0; + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + background-color: var(--profile-body-background-color); + width: -webkit-fill-available; + > [class^="usernameRow"] { + > h1 { + -webkit-box-orient: vertical; + word-break: break-all; + display: -webkit-box; + font-size: 20px; + line-height: 1.2; + font-weight: 600; + } + } + > [class^="tags"] { + gap: unset; + // Badges + > [class^="container"] { + position: fixed; + justify-content: flex-start; + left: calc(160px + var(--edge-padding)); + top: calc(19px + var(--banner-height) + var(--edge-padding)); + margin: unset; + border: unset; + border-radius: 8px; + box-sizing: content-box; + max-width: calc(calc(8 /* Colums - 1 */ * 26px) + 24px); + padding: 2px 4px; + background-color: var(--profile-body-background-color); + div > a { + > img, + > div { + width: 24px; + height: 24px; + } + } + } + // User tag + > [class*="userTag"] { + width: 100%; + > span { + font-size: 14px; + line-height: 24px; + font-weight: 600; + color: var(--header-secondary); + } + } + > [class^="dotSpacer"] { + display: none; + } + > [class^="pronounsTooltip"] { + font-size: 14px; + line-height: 1.2857142857142858; // Don't ask + font-weight: 400; + padding-top: 2px; + } + } + } + > [class^="fullSizeOverlayBackground"] { + // Accept friend request + &:is([class*="friendRequestBannerOverlay"]) { + display: none; + } + border-top-left-radius: unset; + border-top-right-radius: unset; + border: unset; + background-color: var(--profile-body-background-color); + // Tab bar + > [class^="container"] { + > [class^="tabBar"] { + gap: 40px; + margin: 20px 12px 0; + &:not(:has(> [class^="tabBarItem"]:nth-child(2))) { + display: none; + } + > [class^="tabBarItem"] { + height: 39px; + border-bottom-width: 2px; + div { + font-weight: 500; + line-height: 20px; + color: var(--interactive-normal); + } + &:hover > div { + color: var(--interactive-hover); + } + &[aria-selected="true"] > div { + color: var(--interactive-active); + } + // &:nth-child(1) > div { + // font-size: 0; + // &::before { + // content: "User Info"; + // font-size: 14px; + // } + // } + } + } + // Roles + [data-list-id^="roles"] { + [class*="pill"], + > div > button { + background-color: var(--profile-role-pill-background-color); + border: unset; + max-height: 22px; + box-sizing: border-box; + } + } + // Divider + &:not(:has(> [class^="tabBar"] > [class^="tabBarItem"]:nth-child(2)))::before { + content: ""; + width: -webkit-fill-available; + height: 1px; + margin: 20px 12px 0; + background-color: var(--profile-body-divider-color); + } + // Scroller fix thingy :3 + [class^="scroller"]::-webkit-scrollbar-track { + margin-bottom: 4px; + } + } + } + } + } +} diff --git a/themes/btw.bitslayn.revertProfiles/src/profiles/panel.scss b/themes/btw.bitslayn.revertProfiles/src/profiles/panel.scss new file mode 100644 index 0000000..e13f9dc --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/profiles/panel.scss @@ -0,0 +1,300 @@ +@use "../globals" as *; +@use "../lang"; +@use "sass:map"; + +[class^="userPanelOuter"] { + // Layout + + > [class^="userPanelInner"] { + > div { + gap: unset; + padding: unset; + background: linear-gradient( + var(--profile-gradient-start), + var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), + var(--profile-gradient-end) + ); + + > [class^="body"] { + &::-webkit-scrollbar { + width: 8px; + height: 8px; + } + &::-webkit-scrollbar-thumb { + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 4px; + background-color: var(--profile-body-divider-color); + min-height: 40px; + } + &::-webkit-scrollbar-track { + margin-bottom: 4px; + } + } + + // About Me + > [class^="body"] > div > { + [class^="descriptionClamp"] { + -webkit-line-clamp: unset; + overflow: hidden; + } + [class^="viewFullBio"] { + display: none; + } + } + + // Activities + [class^="activityBiteSizePopout"] { + padding: 12px; + order: 1; + > img { + width: 24px; + height: 24px; + } + } + + // Avatar hover + > header > [class^="avatar"]:not(:has(> [class^="overlayIcon"])) { + @each $lang, $string in lang.$view-profile { + &:lang(#{$lang}):hover::after { + content: $string; + } + } + &:hover::after { + position: absolute; + top: 0; + right: 0; + font-size: 10px; + line-height: 12px; + font-weight: 700; + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + white-space: nowrap; + text-overflow: ellipsis; + text-transform: uppercase; + color: var(--white-500); + width: 100%; + height: 100%; + box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); + opacity: 1; + mask-image: url(#svg-mask-avatar-default); + } + &:has( + > div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-round-80)"]) + )::after { + mask-image: url(#svg-mask-avatar-status-round-80); + } + &:has( + > div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-mobile-80)"]) + )::after { + mask-image: url(#svg-mask-avatar-status-mobile-80); + } + &::after { + transition: opacity 0.1s ease; + background-color: unset; + opacity: 0; + transform: scale(1.0084); + pointer-events: none; + } + [class*="overlay"]::after { + display: none; + } + } + > [class^="header"] > [class^="avatar"] [class*="overlay"]::after { + transition: opacity 0.1s ease; + background-color: unset; + border-radius: unset; + box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); + } + + > [class^="header"] { + margin-bottom: unset; + } + + // Header + &:has([class^="pronounsTooltip"]) > [class^="header"] { + > [class^="bannerSVGWrapper"] { + padding: 0 0 calc(104px + var(--badge-container-height) - var(--banner-offset)); + } + } + + &:not(:has([class^="statusBubbleOuter"])) { + > header > [class^="bannerSVGWrapper"] { + padding: 0 0 calc(96px + var(--badge-container-height) - var(--banner-offset)); + } + &:has([class^="pronounsTooltip"]) > header > [class^="bannerSVGWrapper"] { + padding: 0 0 calc(116px + var(--badge-container-height) - var(--banner-offset)); + } + > [class^="body"] > [class^="container"] { + padding: 12px; + z-index: 2; + } + } + + // Body + > [class^="body"] { + gap: 12px; + margin: 0 16px 0; + //overflow: unset !important; + //background-color: var(--profile-body-background-color); + + border-bottom-left-radius: var(--radius-sm); + border-bottom-right-radius: var(--radius-sm); + + // Accept friend request + > [class^="biteSizeOverlayBackground"] { + display: none; + } + + // Divider + &::before { + content: ""; + display: block; + margin: -1px calc(12px + 16px) 0; + min-height: 1px; + background-color: var(--profile-body-divider-color); + + position: fixed; + width: -webkit-fill-available; + left: 0px; + z-index: 3; + } + + > [class^="overlayBackground"] { + border-top-right-radius: unset; + border-top-left-radius: unset; + } + + // Header + > [class^="container"] { + position: fixed; + top: calc(28px + var(--banner-height) + var(--badge-container-height)); + left: 0px; + margin: 0 16px 0; + padding: 12px 12px 0; + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + background-color: var(--profile-body-background-color); + width: -webkit-fill-available; + > [class^="usernameRow"] { + > [class^="clickableUsername"] > h1 { + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + word-break: break-all; + display: -webkit-box; + font-weight: 600; + } + } + } + } + + [class^="tags"] { + > div:is([class^="container"]) /* Badges */ { + position: fixed; + justify-content: flex-end; + right: 16px; + top: calc(12px + var(--banner-height)); + margin: unset; + border: unset; + border-radius: 8px; + box-sizing: content-box; + max-width: calc(calc(7 /* Colums - 1 */ * 24px) + 22px); + padding: 4px; + background-color: var(--profile-body-background-color); + div > a { + > img, + > div { + width: 22px; + height: 22px; + } + } + & + div { + position: fixed; + justify-content: flex-end; + right: calc(96px + 16px); + top: calc(24px + 12px + var(--banner-height)); + margin: unset; + border: unset; + border-radius: 8px; + box-sizing: content-box; + max-width: calc(calc(3 /* Colums - 1 */ * 24px) + 22px); + padding: 4px; + background-color: transparent; + div > a { + > img, + > div { + width: 22px; + height: 22px; + } + } + } + } + > [class^="clickableUsername"], + > [class*="userTag"] { + width: 100%; + > [class^="info"] { + font-weight: 500; + } + } + > [class^="dotSpacer"] { + display: none; + } + } + + // Custom status + [class^="invisibleContainer"] { + display: none; + } + [class^="visibleContainer"] { + position: unset; + pointer-events: initial; + } + [class^="statusBubbleOuter"] { + border: unset !important; + background: var(--profile-body-background-color); + box-shadow: none; + margin: 0 16px 0; + padding: 12px; + border-radius: unset; + max-width: unset; + &::before, + &::after { + display: none; + } + > [class*="statusBubble"] { + min-width: unset; + max-width: unset; + padding: unset; + background: transparent; + > [class^="content"] { + text-align: start; + -webkit-line-clamp: unset; + max-height: unset !important; + > [class*="statusText"] { + font-weight: 400; + } + > [class*="statusEmojiOnly"] { + user-select: none; + cursor: initial; + width: 48px; + height: 48px; + @include dumbmaxing; + } + > [class*="statusEmojiInline"] { + user-select: none; + cursor: initial; + margin: -1px 4px -1px 0; + object-fit: contain; + } + } + } + } + } + > footer { + display: none; + } + } +} diff --git a/themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss b/themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss new file mode 100644 index 0000000..ff7e585 --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/profiles/popout.scss @@ -0,0 +1,425 @@ +@use "../globals" as *; +@use "../lang"; +@use "sass:map"; + +[class^="biteSizeOuter"] { + // Layout + width: 340px; + box-sizing: unset; + + > [class^="userPopoutInner"] { + gap: unset; + padding: unset; + background: linear-gradient( + var(--profile-gradient-start), + var(--profile-gradient-start) var(--custom-user-banner-height-bite-size), + var(--profile-gradient-end) + ); + + > [class^="body"] { + &::-webkit-scrollbar { + width: 8px; + height: 8px; + } + &::-webkit-scrollbar-thumb { + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 4px; + background-color: var(--profile-body-divider-color); + min-height: 40px; + } + &::-webkit-scrollbar-track { + margin-bottom: 4px; + } + } + + // Sort order + > [class^="body"] { + // Username container + > [class^="container"] { + order: -8; + } + // Guild tag + > [class^="clickable"] { + order: -7; + } + // Bot buttons + > [class^="buttons"] { + order: -6; + } + // About me + > div:not([class], [style]) { + order: -5; + } + // Mutuals + > [class^="mutuals"] { + order: -4; + } + // Activities + > [class^="activityBiteSizePopout"], + > div:has([class^="activityBiteSizePopout"]) { + order: -3; + } + // Try my commands & roles + > div[style="position: relative;"], + section { + order: -2; + } + // My profile buttons + > [class^="menus"] { + order: -1; + } + } + + // Guild tag + > [class^="body"] > span[class^="clickable"] { + transform: translateY(-38px); + position: fixed; + } + &:has(> [class^="header"] > div:not([class])):not(:has([class^="pronounsTooltip"])) + > [class^="body"] + > span[class^="clickable"] { + transform: unset; + top: calc(86px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height)); + position: fixed; + } + &:has(> [class^="header"] > div:not([class])):has([class^="pronounsTooltip"]) + > [class^="body"] + > span[class^="clickable"] { + transform: unset; + top: calc(107px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height)); + position: fixed; + } + + // About Me + > [class^="body"] > div > { + [class^="descriptionClamp"] { + -webkit-line-clamp: unset; + max-height: unset; + } + [class^="viewFullBio"] { + display: none; + } + } + + // Activities + [class^="activityBiteSizePopout"] { + padding: unset; + background: transparent !important; + > img { + width: 24px; + height: 24px; + } + } + + // Message box + [class^="channelTextArea"] > [class^="inner"] { + background-color: transparent; + border: 1px solid var(--profile-message-input-border-color); + } + + // Roles + [data-list-id^="roles"] { + [class*="pill"], + > div > button { + background-color: var(--profile-role-pill-background-color); + border: unset; + max-height: 22px; + box-sizing: border-box; + } + } + + // Banner + > [class^="header"] { + pointer-events: none; + min-height: unset; + z-index: unset; + > [class^="avatar"] { + pointer-events: initial; + top: 76px; + left: 22px; + } + > [class^="bannerSVGWrapper"] { + padding: 0 0 + calc( + 83px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height) + ); + display: block; + &:has(foreignObject > [style*="background-image"]) { + transform: scaleY(1.0084) translateY(1px); + mask circle { + cx: 51; + cy: 99; + r: 40.59; + transform: scaleY(0.9916); + } + } + } + [class^="clickable"] { + pointer-events: initial; + transform: scaleY(1.0084); // You're seeing things 👀 + } + } + + // Avatar hover + > [class^="header"] > [class^="avatar"]:not(:has(> [class^="overlayIcon"])) { + @each $lang, $string in lang.$view-profile { + &:lang(#{$lang}):hover::after { + content: $string; + } + } + &:hover::after { + position: absolute; + top: 0; + right: 0; + font-size: 10px; + line-height: 12px; + font-weight: 700; + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + white-space: nowrap; + text-overflow: ellipsis; + text-transform: uppercase; + color: var(--white-500); + width: 100%; + height: 100%; + box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); + opacity: 1; + mask-image: url(#svg-mask-avatar-default); + } + &:has(> div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-round-80)"]))::after { + mask-image: url(#svg-mask-avatar-status-round-80); + } + &:has( + > div > svg > foreignObject:is([mask="url(#svg-mask-avatar-status-mobile-80)"]) + )::after { + mask-image: url(#svg-mask-avatar-status-mobile-80); + } + &::after { + transition: opacity 0.1s ease; + background-color: unset; + opacity: 0; + transform: scale(1.0084); + pointer-events: none; + } + [class*="overlay"]::after { + display: none; + } + } + > [class^="header"] > [class^="avatar"] [class*="overlay"]::after { + transition: opacity 0.1s ease; + background-color: unset; + border-radius: unset; + box-shadow: inset 0 0 120px hsl(var(--black-500-hsl) / 0.75); + } + + // Header + &:has([class^="pronounsTooltip"]) > [class^="header"] { + > [class^="bannerSVGWrapper"] { + padding: 0 0 + calc( + 103px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height) + ); + } + } + + &:not(:has([class^="statusBubbleOuter"])) { + > header > [class^="bannerSVGWrapper"] { + padding: 0 0 + calc( + 95px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height) + ); + } + &:has([class^="pronounsTooltip"]) > header > [class^="bannerSVGWrapper"] { + padding: 0 0 + calc( + 115px + var(--badge-container-height) - var(--banner-offset) + var(--guild-tag-height) + ); + } + > [class^="body"] > [class^="container"] { + padding: 12px 12px calc(12px + var(--guild-tag-height)) 12px; + } + } + + // Body + > [class^="body"] { + gap: 12px; + margin: 0 16px 0; + padding: 13px 12px 0 12px; + //overflow: unset !important; + background-color: var(--profile-body-background-color); + + // Accept friend request + > [class^="biteSizeOverlayBackground"] { + display: none; + } + + // Divider + &::before { + content: ""; + display: block; + margin: -1px calc(12px + 16px + var(--edge-padding) / 2) 0; + min-height: 1px; + background-color: var(--profile-body-divider-color); + + position: fixed; + width: -webkit-fill-available; + left: 0px; + transform: translateY(-12px); + } + + // Header + > [class^="container"] { + position: fixed; + top: calc( + 28px + var(--banner-height) + var(--badge-container-height) + var(--edge-padding) + ); + left: 0px; + margin: 0 calc(16px + var(--edge-padding)) 0; + padding: 12px 12px calc(0px + var(--guild-tag-height)); + border-top-left-radius: var(--radius-sm); + border-top-right-radius: var(--radius-sm); + background-color: var(--profile-body-background-color); + width: -webkit-fill-available; + > [class^="usernameRow"] { + > [class^="clickableUsername"] > h1 { + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + word-break: break-all; + display: -webkit-box; + font-weight: 600; + } + } + } + } + + [class^="tags"] { + > div:is([class^="container"]) /* Badges */ { + position: fixed; + justify-content: flex-end; + right: calc(16px + var(--edge-padding)); + top: calc(12px + var(--banner-height) + var(--edge-padding)); + margin: unset; + border: unset; + border-radius: 8px; + box-sizing: content-box; + max-width: calc(calc(7 /* Colums - 1 */ * 24px) + 22px); + padding: 4px; + background-color: var(--profile-body-background-color); + div > a { + > img, + > div { + width: 22px; + height: 22px; + } + } + & + div { + position: fixed; + justify-content: flex-end; + right: calc(96px + 16px + var(--edge-padding)); + top: calc(24px + 12px + var(--banner-height) + var(--edge-padding)); + margin: unset; + border: unset; + border-radius: 8px; + box-sizing: content-box; + max-width: calc(calc(3 /* Colums - 1 */ * 24px) + 22px); + padding: 4px; + background-color: transparent; + div > a { + > img, + > div { + width: 22px; + height: 22px; + } + } + } + } + > [class^="clickableUsername"], + > [class*="userTag"] { + width: 100%; + > [class^="info"] { + font-weight: 500; + } + } + > [class^="dotSpacer"] { + display: none; + } + } + + > footer { + margin: 0 16px 16px; + padding: 12px; + background-color: var(--profile-body-background-color); + border-bottom-left-radius: var(--radius-sm); + border-bottom-right-radius: var(--radius-sm); + &:has(> button) { + padding-top: 0; + } + } + + // Custom status + [class^="invisibleContainer"] { + display: none; + } + > header > div:not([class]) > [class^="visibleContainer"] { + position: unset; + pointer-events: initial; + > [class^="popover"] { + position: fixed; + z-index: 2; + left: calc(23px + var(--edge-padding)); + right: unset; + transform: translateY( + calc( + 83px + var(--edge-padding) + var(--banner-height) + var(--badge-container-height) + + var(--pronouns-height) + var(--guild-tag-height) + ) + ); + } + } + [class^="statusBubbleOuter"] { + border: unset !important; + background: var(--profile-body-background-color); + box-shadow: none; + margin: 0 16px 0; + padding: 12px; + border-radius: unset; + max-width: unset; + &::before, + &::after { + display: none; + } + > [class*="statusBubble_"] { + min-width: unset; + max-width: unset; + padding: unset; + background: transparent; + > [class^="content"] { + text-align: start; + -webkit-line-clamp: unset; + max-height: unset !important; + overflow: unset; + > [class*="statusText"] { + font-weight: 400; + } + > [class*="statusEmojiOnly"] { + user-select: none; + cursor: initial; + width: 48px; + height: 48px; + @include dumbmaxing; + } + > [class*="statusEmojiInline"] { + user-select: none; + cursor: initial; + margin: -1px 4px -1px 0; + object-fit: contain; + } + } + } + } + } +} diff --git a/themes/btw.bitslayn.revertProfiles/src/roles.scss b/themes/btw.bitslayn.revertProfiles/src/roles.scss new file mode 100644 index 0000000..f6aab5e --- /dev/null +++ b/themes/btw.bitslayn.revertProfiles/src/roles.scss @@ -0,0 +1,7 @@ +// Themed role borders +[class*="userProfileOuterThemed"] > [class*="userProfileInner"] [data-list-id^="roles"] { + [class*="pill"], + > div > button { + border: 1px solid var(--profile-role-pill-border-color) !important; + } +} From aefa728f773da364a51c356c75606c2bed09ae36 Mon Sep 17 00:00:00 2001 From: Bitslayn <96226175+Bitslayn@users.noreply.github.com> Date: Sun, 4 Aug 2024 16:17:59 -0400 Subject: [PATCH 7/7] Readme.md --- themes/btw.bitslayn.inlineStatus/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/btw.bitslayn.inlineStatus/README.md b/themes/btw.bitslayn.inlineStatus/README.md index 91aef46..5b8a22a 100644 --- a/themes/btw.bitslayn.inlineStatus/README.md +++ b/themes/btw.bitslayn.inlineStatus/README.md @@ -1,4 +1,4 @@ -# Revert Profiles +# Inline Custom Status [![Install in Replugged](https://img.shields.io/badge/-Install%20in%20Replugged-blue?style=for-the-badge&logo=none)](https://replugged.dev/install?identifier=btw.bitslayn.inlineStatus) [Vencord (Online Theme)](https://raw.githubusercontent.com/Bitslayn/RepluggedAddons/main/themes/btw.bitslayn.inlineStatus/raw/main.css)