ShadowGlaceon

Char PM box

Mar 6th, 2020
200
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.94 KB | None | 0 0
  1. /* Char PM box */
  2. .pm-window-ladykakizaki h3, .dark .pm-window-ladykakizaki h3 {
  3. background: rgba(255,31,174)
  4. url(https://i.imgur.com/Upn0dkl.png)!important;
  5. background-position: top right!important;
  6. background-repeat: no-repeat!important;
  7. color: #8c00ff!important;
  8. text-shadow: 1px 1px 0px #000!important;
  9. border-color: #8c00ff!important;
  10. }
  11.  
  12. .pm-window-ladykakizaki h3:hover, .dark .pm-window-ladykakizaki h3:hover, .pm-window-ladykakizaki.focused h3, .dark .pm-window-ladykakizaki.focused h3, .pm-window-ladykakizaki.focused h3:hover, .dark .pm-window-ladykakizaki.focused h3:hover {
  13. color: #ff1fae!important;
  14. text-shadow: 1px 1px 2px #000!important;
  15. border-color: #8c00ff!important;
  16. }
  17.  
  18. .pm-window-ladykakizaki h3 small, .pm-window-ladykakizaki h3 .minimizebutton, .pm-window-ladykakizaki h3 .closebutton, .pm-window-ladykakizaki h3:hover .minimizebutton, .pm-window-ladykakizaki h3.pm-notifying small, .pm-window-ladykakizaki h3.pm-notifying .minimizebutton, .pm-window-ladykakizaki h3.pm-notifying .closebutton, .pm-window-ladykakizaki h3.pm-notifying:hover .minimizebutton, .pm-window-ladykakizaki h3 .closebutton:hover+.minimizebutton.minimizebutton, .pm-window-ladykakizaki h3.pm-notifying .closebutton:hover+.minimizebutton.minimizebutton.minimizebutton {
  19. color: rgba(140,0,255,0.8)!important;
  20. }
  21.  
  22. .pm-window-ladykakizaki h3 .closebutton:hover, .dark .pm-window-ladykakizaki h3 .closebutton:hover, .pm-window-ladykakizaki h3.pm-notifying .closebutton:hover, .dark .pm-window-ladykakizaki h3.pm-notifying .closebutton:hover {
  23. color: rgba(77,0,140,0.9)!important;
  24. }
  25.  
  26. .pm-window-ladykakizaki h3 .minimizebutton:hover, .dark .pm-window-ladykakizaki h3 .minimizebutton:hover, .pm-window-ladykakizaki h3.pm-notifying .minimizebutton:hover, .dark .pm-window-ladykakizaki h3.pm-notifying .minimizebutton:hover {
  27. color: rgba(77,0,140,0.9)!important;
  28. }
  29.  
  30. .pm-window-ladykakizaki .pm-log, .dark .pm-window-ladykakizaki .pm-log {
  31.  
  32. background-image: url(https://i.imgur.com/koy5UYv.png)!important;
  33. background-size: cover!important;
  34. background-position: top!important;
  35. border-left: 1px solid #ff1fae!important;
  36. border-right: 1px solid #ff1fae!important;
  37. color: #ff1fae!important;
  38. }
  39.  
  40.  
  41. .dark .pm-window-ladykakizaki .pm-log-add, .pm-window-ladykakizaki .pm-log-add {
  42. background:#ff1fae!important;
  43. border-color: #8c00ff!important;
  44.  
  45. }
  46.  
  47. .dark .pm-window-ladykakizaki.focused .pm-log-add, .pm-window-ladykakizaki.focused .pm-log-add {
  48. background:#ff1fae!important;
  49. }
  50.  
  51. .dark .pm-window-ladykakizaki .pm-log-add .textbox, .pm-window-ladykakizaki .pm-log-add .textbox {
  52. border-color: #8c00ff!important;
  53. color: #ff1fae!important;
  54. }
  55.  
  56. .dark .pm-window-ladykakizaki .pm-log .chat:hover, .pm-window-ladykakizaki .pm-log .chat:hover {
  57. background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(245,30,166,1) 48%, rgba(255,31,173,0.96) 50%, rgba(0,0,0,0) 100%)!important;
  58. }
  59.  
  60. .dark .pm-window-ladykakizaki .pm-log .chat small, .pm-window-ladykakizaki .pm-log .chat small {
  61. color: black!important;
  62.  
  63. }
  64. .pm-window-ladykakizaki h3, .dark .pm-window-ladykakizaki h3 {
  65. background: rgba(255,31,174)
  66. url(https://i.imgur.com/Co4KMwS.png)!important;
  67. background-position: right!important;
  68. background-repeat: no-repeat!important;
  69. color: #8c00ff!important;
  70. text-shadow: 1px 1px 0px #000!important;
  71. border-color: #8c00ff!important;
  72. }
  73.  
  74. .pm-window-ladykakizaki h3:hover, .dark .pm-window-ladykakizaki h3:hover, .pm-window-ladykakizaki.focused h3, .dark .pm-window-ladykakizaki.focused h3, .pm-window-ladykakizaki.focused h3:hover, .dark .pm-window-ladykakizaki.focused h3:hover {
  75. color: #ff1fae!important;
  76. text-shadow: 1px 1px 2px #000!important;
  77. border-color: #8c00ff!important;
  78. }
  79.  
  80. .pm-window-ladykakizaki h3 small, .pm-window-ladykakizaki h3 .minimizebutton, .pm-window-ladykakizaki h3 .closebutton, .pm-window-ladykakizaki h3:hover .minimizebutton, .pm-window-ladykakizaki h3.pm-notifying small, .pm-window-ladykakizaki h3.pm-notifying .minimizebutton, .pm-window-ladykakizaki h3.pm-notifying .closebutton, .pm-window-ladykakizaki h3.pm-notifying:hover .minimizebutton, .pm-window-ladykakizaki h3 .closebutton:hover+.minimizebutton.minimizebutton, .pm-window-ladykakizaki h3.pm-notifying .closebutton:hover+.minimizebutton.minimizebutton.minimizebutton {
  81. color: rgba(140,0,255,0.8)!important;
  82. }
  83.  
  84. .pm-window-ladykakizaki h3 .closebutton:hover, .dark .pm-window-ladykakizaki h3 .closebutton:hover, .pm-window-ladykakizaki h3.pm-notifying .closebutton:hover, .dark .pm-window-ladykakizaki h3.pm-notifying .closebutton:hover {
  85. color: rgba(77,0,140,0.9)!important;
  86. }
  87.  
  88. .pm-window-ladykakizaki h3 .minimizebutton:hover, .dark .pm-window-ladykakizaki h3 .minimizebutton:hover, .pm-window-ladykakizaki h3.pm-notifying .minimizebutton:hover, .dark .pm-window-ladykakizaki h3.pm-notifying .minimizebutton:hover {
  89. color: rgba(77,0,140,0.9)!important;
  90. }
  91.  
  92. .pm-window-ladykakizaki .pm-log, .dark .pm-window-ladykakizaki .pm-log {
  93. background: url(https://i.imgur.com/TlIjcsy.png)!important;
  94. background-size: cover!important;
  95. background-position: top!important;
  96. border-right: 4px solid transparent!important;
  97. border-left: 4px solid transparent!important;
  98. border-image: url("https://i.imgur.com/MMUb8lL.gif") 30 round!important;
  99. color: #ff1fae!important;
  100. }
  101.  
  102. .dark .pm-window-ladykakizaki .pm-log-add, .pm-window-ladykakizaki .pm-log-add {
  103. background: #ff1fae!important;
  104. border-color: #8c00ff!important;
  105. }
  106.  
  107. .dark .pm-window-ladykakizaki.focused .pm-log-add, .pm-window-ladykakizaki.focused .pm-log-add {
  108. background: #ff1fae!important;
  109. }
  110.  
  111. .dark .pm-window-ladykakizaki .pm-log-add .textbox, .pm-window-ladykakizaki .pm-log-add .textbox {
  112. border-color: #8c00ff!important;
  113. color: #ff1fae!important;
  114. }
  115.  
  116. .dark .pm-window-ladykakizaki .pm-log .chat:hover, .pm-window-ladykakizaki .pm-log .chat:hover {
  117. background: linear-gradient(to right, rgba(180,51,255,1) 0%, rgba(46,0,199,1) 100%)!important;
  118. }
  119.  
  120. .dark .pm-window-ladykakizaki .pm-log .chat, .pm-window-ladykakizaki .pm-log .chat {
  121. background: linear-gradient(to right, rgba(180,51,255,0.5) 0%, rgba(46,0,199,0.5) 100%)!important;
  122. text-shadow: 1px 1px 1px black!important;
  123. }
  124.  
  125. .dark .pm-window-ladykakizaki h3.pm-notifying, .pm-window-ladykakizaki h3.pm-notifying {
  126. background: linear-gradient(to right, rgba(180,51,255,1) 0%, rgba(46,0,199,1) 100%)!important;
  127. color: #ff1fae!important;
  128. font-style: italic!important;
  129. border: none!important;
  130. text-shadow: 1px 1px 1px #000!important;
  131. }
  132.  
  133. .dark .pm-window-ladykakizaki h3.pm-notifying:hover, .pm-window-ladykakizaki h3.pm-notifying:hover {
  134. background: linear-gradient(to left, rgba(180,51,255,1) 0%, rgba(46,0,199,1) 100%)!important;
  135. color: #b433ff!important;
  136. font-style: italic!important;
  137. border-color: #734f2e!important;
  138. text-shadow: 1px 1px 1px #000!important;
  139. }
  140.  
  141. /* End Char PM Box */
Advertisement
Add Comment
Please, Sign In to add comment