-
Notifications
You must be signed in to change notification settings - Fork 66
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
4cfa63d
commit 8f75a20
Showing
1 changed file
with
67 additions
and
129 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,168 +1,106 @@ | ||
| .profileColors-2AgAV4 { | ||
| position: relative; | ||
| } | ||
|
|
||
| .theme-dark .profileColors-2AgAV4 { | ||
| --profile-body-background-color: rgba(0, 0, 0, 0.45); | ||
| } | ||
|
|
||
| .theme-light .profileColors-2AgAV4 { | ||
| --profile-body-background-color: rgba(255, 255, 255, 0.65); | ||
| } | ||
|
|
||
| /* Avatar */ | ||
| .userProfileOuterUnthemed-11rPfA :where( | ||
| .avatarWrapper-eenWra, | ||
| .avatar-3QF_VA | ||
| ) { | ||
| background: var(--profile-body-background-color); | ||
| box-shadow: var(--elevation-medium); | ||
| } | ||
|
|
||
| .userProfileOuterUnthemed-11rPfA :where( | ||
| .avatarHoverTarget-1zzfRL, | ||
| .avatarHint-k7pYop, | ||
| .avatar-3QF_VA | ||
| ) { | ||
| padding: 6px; | ||
| .theme-dark .profileColors-2AgAV4, | ||
| .theme-dark .accountProfileCard-lbN7n- { | ||
| --profile-body-background-color: rgba(0, 0, 0, 0.45); | ||
| } | ||
|
|
||
| .profileColors-2AgAV4 .wrapper-3Un6-K circle, | ||
| .profileColors-2AgAV4 .wrapper-3Un6-K rect[style] { | ||
| fill: none; | ||
| .theme-light .profileColors-2AgAV4, | ||
| .theme-light .accountProfileCard-lbN7n- { | ||
| --profile-body-background-color: rgba(255, 255, 255, 0.65); | ||
| } | ||
|
|
||
| /* Banner */ | ||
| .userProfileOuterUnthemed-11rPfA .bannerSVGWrapper-2CLfzN { | ||
| overflow: visible; | ||
| contain:none; | ||
| .bannerSVGWrapper-2CLfzN:not(:has([style*=image])) { | ||
| overflow: visible; | ||
| contain: none; | ||
| } | ||
|
|
||
| .userProfileOuterUnthemed-11rPfA .bannerSVGWrapper-2CLfzN foreignObject { | ||
| mask: none; | ||
| .bannerSVGWrapper-2CLfzN:not(:has([style*=image])) foreignObject { | ||
| -webkit-mask: none; | ||
| mask: none; | ||
| } | ||
|
|
||
| .banner-1YaD3N:not(.bannerPremium-kkSkPv), | ||
| .banner-3D8GgT:not([style*="background-image"]) { | ||
| height: 100vh; | ||
| .bannerSVGWrapper-2CLfzN:not(:has([style*=image])) [style*=background-color] { | ||
| height: 100vh; | ||
| } | ||
|
|
||
| /* Body */ | ||
| .overlayBackground-2aa7wt { | ||
| margin: 28px 8px 8px; | ||
| z-index: 1; | ||
| .profileColors-2AgAV4:not(:has(svg div[style*=image])) .avatarWrapper-eenWra { | ||
| background: var(--profile-body-background-color); | ||
| box-shadow: var(--elevation-medium); | ||
| } | ||
|
|
||
| .profileColors-2AgAV4 .overlayBackground-2aa7wt { | ||
| box-shadow: var(--elevation-medium); | ||
| .profileColors-2AgAV4:not(:has(svg div[style*=image])) .avatarHoverTarget-1zzfRL, | ||
| .profileColors-2AgAV4:not(:has(svg div[style*=image])) .avatarHint-k7pYop { | ||
| padding: 6px; | ||
| } | ||
|
|
||
| /* Badges */ | ||
| .userProfileOuterUnthemed-11rPfA .profileBadges-2pItdR { | ||
| z-index: 1; | ||
| .profileColors-2AgAV4:not(:has(svg div[style*=image])) .avatar-3QF_VA { | ||
| background: var(--profile-body-background-color); | ||
| box-shadow: var(--elevation-medium); | ||
| padding: 6px; | ||
| } | ||
|
|
||
| .profileBadges-2pItdR:not(.containerWithContent-2Yws8V) { | ||
| padding-top: 4px; | ||
| padding-bottom: 4px; | ||
| .profileColors-2AgAV4 .profileBadges-2pItdR:not(.containerWithContent-2Yws8V) { | ||
| padding-top: 4px; | ||
| padding-bottom: 4px; | ||
| } | ||
|
|
||
| .profileColors-2AgAV4 .containerWithContent-2Yws8V { | ||
| box-shadow: var(--elevation-medium); | ||
| box-shadow: var(--elevation-medium); | ||
| z-index: 1; | ||
| } | ||
|
|
||
| .profileColors-2AgAV4 .relationshipButtons-3ByBpj button { | ||
| box-shadow: var(--elevation-medium); | ||
| .profileColors-2AgAV4 .overlayBackground-2aa7wt { | ||
| margin: 28px 8px 8px; | ||
| box-shadow: var(--elevation-medium); | ||
| z-index: 1; | ||
| } | ||
|
|
||
| .profileColors-2AgAV4 .messageInputContainer-24qqTx { | ||
| border: none; | ||
| border: none; | ||
| } | ||
|
|
||
| /* Settings */ | ||
| .theme-dark .accountProfileCard-lbN7n- { | ||
| --profile-body-background-color: rgba(0, 0, 0, 0.45); | ||
| } | ||
|
|
||
| .theme-light .accountProfileCard-lbN7n- { | ||
| --profile-body-background-color: rgba(255, 255, 255, 0.65); | ||
| } | ||
|
|
||
| .accountProfileCard-lbN7n- { | ||
| background: none; | ||
| box-shadow: var(--elevation-medium); | ||
| .profileColors-2AgAV4 .wrapper-3Un6-K circle, | ||
| .profileColors-2AgAV4 .wrapper-3Un6-K rect[style] { | ||
| fill: none; | ||
| } | ||
|
|
||
| /* banner */ | ||
| .accountProfileCard-lbN7n- .bannerSVGWrapper-2CLfzN { | ||
| z-index: 0; | ||
| position: absolute; | ||
| contain: none; | ||
| overflow: visible; | ||
| .accountProfileCard-lbN7n-:not(:has(div[style*=image])) { | ||
| background: none; | ||
| box-shadow: var(--elevation-medium); | ||
| } | ||
|
|
||
| .accountProfileCard-lbN7n- .bannerSVGWrapper-2CLfzN foreignObject { | ||
| mask: none; | ||
| .accountProfileCard-lbN7n-:not(:has(div[style*=image])) .avatar-3mTjvZ { | ||
| top: 16px; | ||
| left: 16px; | ||
| padding: 6px; | ||
| background-color: var(--profile-body-background-color); | ||
| box-shadow: var(--elevation-medium); | ||
| } | ||
|
|
||
| /* avatar */ | ||
| .accountProfileCard-lbN7n- .avatar-3mTjvZ { | ||
| top: 16px; | ||
| left: 16px; | ||
| padding: 6px; | ||
| background-color: var(--profile-body-background-color); | ||
| box-shadow: var(--elevation-medium); | ||
| .accountProfileCard-lbN7n-:not(:has(div[style*=image])) .bannerSVGWrapper-2CLfzN { | ||
| position: absolute; | ||
| } | ||
|
|
||
| /* body */ | ||
| .accountProfileCard-lbN7n- .userInfo-regn9W { | ||
| height: 116px; | ||
| align-items: flex-end; | ||
| position: relative; | ||
| height: 116px; | ||
| align-items: flex-end; | ||
| position: relative; | ||
| } | ||
|
|
||
| .accountProfileCard-lbN7n-:has([style*="/banners/"]) .userInfo-regn9W { | ||
| margin-top: 100px; | ||
| .accountProfileCard-lbN7n-:has(div[style*=image]) .userInfo-regn9W { | ||
| margin-top: 100px; | ||
| } | ||
|
|
||
| .accountProfileCard-lbN7n- .profileCardUsernameRow-1bb6fi, | ||
| .accountProfileCard-lbN7n- .containerWithContent-2Yws8V { | ||
| background-color: var(--profile-body-background-color); | ||
| box-shadow: var(--elevation-medium); | ||
| border-radius: 8px; | ||
| width: fit-content; | ||
| padding: 4px; | ||
| background-color: var(--profile-body-background-color); | ||
| box-shadow: var(--elevation-medium); | ||
| border-radius: 8px; | ||
| width: -moz-fit-content; | ||
| width: fit-content; | ||
| padding: 4px; | ||
| } | ||
|
|
||
| .accountProfileCard-lbN7n- .userTag-2qPxEZ { | ||
| margin-bottom: 0; | ||
| padding-left: 4px; | ||
| margin-bottom: 0; | ||
| padding-left: 4px; | ||
| } | ||
|
|
||
| .accountProfileCard-lbN7n- .profileCardUsernameRow-1bb6fi .overflowMenuButton-1I3Jz1 { | ||
| height: 24px; | ||
| height: 24px; | ||
| } | ||
|
|
||
| .accountProfileCard-lbN7n- .containerWithContent-2Yws8V { | ||
| margin-top: 4px; | ||
| margin-top: 4px; | ||
| } | ||
|
|
||
| .accountProfileCard-lbN7n- .background-3d_SjE { | ||
| box-shadow: var(--elevation-medium); | ||
| position: relative; | ||
| box-shadow: var(--elevation-medium); | ||
| position: relative; | ||
| background-color: var(--profile-body-background-color); | ||
| } | ||
|
|
||
| .accountProfileCard-lbN7n- .fieldList-in8WkP { | ||
| background: none; | ||
| } | ||
|
|
||
| #app-mount .accountProfileCard-lbN7n- .background-3d_SjE { | ||
| background-color: var(--profile-body-background-color); | ||
| } | ||
|
|
||
| .userProfileOuterUnthemed-11rPfA .imageUploaderIconWrapper-14sdnH { | ||
| background: var(--profile-body-background-color); | ||
| box-shadow: var(--elevation-medium); | ||
| padding: 6px; | ||
| border-radius: 50%; | ||
| background: none; | ||
| } |