Advertisement
deadkid14

Untitled

Jul 17th, 2018
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.18 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;
  3. height: 230px;
  4. background-color: rgba(0,0,0,0.5);
  5. -webkit-mask: none;
  6. border-radius: 5px;
  7. margin: 0px;
  8. }
  9. [class*=userPopout] [class*=avatarWrapper] {
  10. top: -10px;
  11. margin-bottom: 5px;
  12. }
  13. [class*=member] [class*=status], [class*=channel] [class*=status] {
  14. border-radius: 5px;
  15. background: transparent;
  16. top: 0;
  17. right: 0;
  18. width: 27px;
  19. height: 27px;
  20. transition: border 2s;
  21. }
  22. #app-mount [class*=status][class*=typing] {
  23. background: rgba(0,0,0,0.5);
  24. position: absolute;
  25. left: 0;
  26. top: calc(100% - 14.44px);
  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%;
  34. height: 97%;
  35. top: -3px;
  36. left: -3px;
  37. border-radius: 5px;
  38. border-width: 5px;
  39. box-shadow: none;
  40. background: transparent;
  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: "";
  45. position: absolute;
  46. bottom: 5px;
  47. right: 5px;
  48. color: white;
  49. padding: 0px;
  50. border-radius: 5px;
  51. font-size: 0px;
  52. }
  53.  
  54. #app-mount [class*=statusProfile][class*=online]::after {
  55. content: "Online";
  56. background: #43b581;
  57. }
  58.  
  59. #app-mount [class*=statusProfile][class*=idle]::after {
  60. content: "Idle";
  61. background: #faa61a;
  62. }
  63.  
  64. #app-mount [class*=statusProfile][class*=dnd]::after {
  65. content: "Do Not Disturb";
  66. background: #f04747;
  67. }
  68.  
  69. #app-mount [class*=statusProfile][class*=offline]::after {
  70. content: "Offline";
  71. background: #747f8d;
  72. }
  73. [class*=channels] [class*=container] [class*=status] {
  74. pointer-events: none;
  75. }
  76. [class*=autocomplete] [class*=status] {
  77. width: 16px;
  78. height: 16px;
  79. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement