Advertisement
deadkid14

Untitled

Aug 9th, 2018
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.05 KB | None | 0 0
  1. [class*=userPopout] [class*=avatarWrapper], [class*=userPopout] [class*=wrapper], [class*=userPopout] [class*=avatarWrapper] > :first-child > :first-child, [class*=userPopout] [class*=avatarHint-] {
  2. width: 230px!important;
  3. height: 230px!important;
  4. background-color: rgba(0,0,0,0.5)!important;
  5. -webkit-mask: none!important;
  6. border-radius: 5px!important;
  7. margin: 0px!important;
  8. }
  9. [class*=userPopout] [class*=avatarWrapper] {
  10. top: -10px!important;
  11. margin-bottom: 5px!important;
  12. }
  13. [class*=member] [class*=status], [class*=channel] [class*=status] {
  14. border-radius: 5px!important;
  15. background: transparent!important;
  16. top: 0!important;
  17. right: 0!important;
  18. width: 36px!important;
  19. height: 36px!important;
  20. transition: border 2s!important;
  21. }
  22. #app-mount [class*=status][class*=typing] {
  23. background: rgba(0,0,0,0.5)!important;
  24. position: absolute!important;
  25. left: 0!important;
  26. top: calc(100% - 14.44px)!important;
  27. }
  28. #app-mount [class*=statusOnline],#app-mount [class*=status][class*=online]{border:3px solid #43b581}
  29. #app-mount [class*=statusIdle],#app-mount [class*=status][class*=idle]{border:3px solid #faa61a}
  30. #app-mount [class*=statusDnd],#app-mount [class*=status][class*=dnd]{border:3px solid #f04747}
  31. #app-mount [class*=offline]{border:3px solid #747f8d}
  32. #app-mount [class*=statusProfile][class*=status] {
  33. width: 97%!important;
  34. height: 97%!important;
  35. top: -3px!important;
  36. left: -3px!important;
  37. border-radius: 5px!important;
  38. border-width: 5px!important;
  39. box-shadow: none!important;
  40. background: transparent!important;
  41. }
  42. #app-mount [class*=avatar]:not([class*=status]),[class*=image][class*=small],[class*=mask]{-webkit-mask:none;border-radius:5px}
  43. [class*=statusProfile]::after {
  44. content: ""!important;
  45. position: absolute!important;
  46. bottom: 5px!important;
  47. right: 5px!important;
  48. color: white!important;
  49. padding: 0px!important;
  50. border-radius: 5px!important;
  51. font-size: 0px!important;
  52. }
  53.  
  54. #app-mount [class*=statusProfile][class*=online]::after {
  55. content: "Online"!important;
  56. background: #43b581;
  57. }
  58.  
  59. #app-mount [class*=statusProfile][class*=idle]::after {
  60. content: "Idle"!important;
  61. background: #faa61a;
  62. }
  63.  
  64. #app-mount [class*=statusProfile][class*=dnd]::after {
  65. content: "Do Not Disturb"!important;
  66. background: #f04747;
  67. }
  68.  
  69. #app-mount [class*=statusProfile][class*=offline]::after {
  70. content: "Offline"!important;
  71. background: #747f8d!important;
  72. }
  73. [class*=channels] [class*=container] [class*=status] {
  74. pointer-events: none!important;
  75. width: 45px!important;
  76. height: 45px!important;
  77. }
  78. [class*=autocomplete] [class*=status] {
  79. width: 16px!important;
  80. height: 16px!important;
  81. }
  82. .private [class*=status] {
  83. width: 26px!important;
  84. height: 26px!important;
  85. }
  86. [class*=popouts-]>:first-child{overflow:display!important}
  87. [class*=popouts-]>:first-child::before{content:"";position:fixed;top:-100vh;left:-100vw;right:-100vw;bottom:-100vh;z-index:-1;pointer-events:none;background:black;animation:popout-backdrop-fade forwards 0.3s}
  88. @keyframes popout-backdrop-fade{0%{opacity:0}100%{opacity:0.5}}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement