PermanentPuppy

Full Image Botcard + Desc/Tags reveal on hover

Jul 20th, 2025 (edited)
752
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.05 KB | None | 0 0
  1. <style>
  2. /* code by puppy/@permanent, emoji-only default tags by tigerdropped! */
  3. .profile-character-card-star-line, .profile-character-card-creator-name-link{
  4. display: none !important;
  5. }
  6. .pp-cc-wrapper,
  7. .pp-cc-wrapper>*:not(.profile-character-card-stack) {
  8.   background: transparent !important;
  9. }
  10. .profile-character-card-stack a:first-of-type{
  11. display: flex;
  12. flex-direction: column-reverse;
  13. }
  14. .profile-character-card-avatar-aspect-ratio{
  15. height: 360px;
  16. transition: all 1s ease;
  17. }
  18.  
  19. .profile-character-card-description-box, .pp-cc-tags{
  20. opacity: 0;
  21. height: 0;
  22. transition: all 1s ease;
  23. }
  24.  
  25. .profile-character-card-stack:hover .profile-character-card-avatar-aspect-ratio{
  26. height: 200px;
  27. transition: all 1s ease;
  28. }
  29. .profile-character-card-stack:hover .profile-character-card-description-box, .profile-character-card-stack:hover .pp-cc-tags{
  30. opacity: 1;
  31. height: 100%;
  32. transition: all 3s ease;
  33. }
  34. .pp-tag-limitless{
  35. background: transparent;
  36. }
  37. .pp-tag-limitless, .pp-cc-tags-item{
  38. border: 1px solid transparent;
  39. }
  40. .pp-tag-limitless{
  41.   display: inline-block;
  42.   font-size: 0px;
  43.   line-height: unset;
  44. }
  45. .pp-cc-tags-item {
  46.   display: inline-block;
  47.   font-size: 0;
  48.   line-height: unset;
  49. }
  50. .pp-cc-tags-item:not(.pp-tag-limitless)::first-letter {
  51.   font-size: 1rem;
  52. }
  53. .pp-tag-limitless::after{
  54.   content:"🔞";
  55.   font-size:1rem;
  56. }
  57. .pp-tag-limitless{font-size:0;}
  58. .profile-character-card-stack-link-component-box{
  59. height: 0;
  60.     z-index: 2;
  61.     position: relative;
  62.     bottom: 34px;
  63. }
  64. .profile-character-card-stack{
  65. height: 377px;
  66. }
  67. .profile-character-card-stack:hover .pp-cc-description{
  68.     max-height: 80px;
  69.     overflow: hidden auto;
  70. }
  71. .profile-character-card-description-box *{
  72. pointer-events: none;
  73. }
  74. .profile-character-card-stack:hover .profile-character-card-description-box *{
  75. pointer-events: auto;
  76. }
  77. .pp-cc-tags-wrap-custom span{
  78. display: none;
  79. }
  80. .pp-cc-tags-wrap:has(.pp-tag-limitless){
  81. margin-top: 0;
  82. }
  83. .pp-cc-tags>ul span{
  84. padding: 0;
  85. }
  86. .pp-cc-tags>ul{
  87. justify-content: center;
  88. gap: 0 !important;
  89. }
  90. </style>
Advertisement
Add Comment
Please, Sign In to add comment