Advertisement
Guest User

Untitled

a guest
Mar 16th, 2018
250
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.79 KB | None | 0 0
  1. /* Fix chat Icon */
  2. #header-bottom-right #chat {
  3. display:inline-block!important;
  4. position:relative;
  5. top:0!important;
  6. margin:25px 35px 0 0 !important;
  7. overflow:visible;
  8. vertical-align:top;
  9. width:25px!important;
  10. height:25px;
  11. font-size:0!important;
  12. transition:.2s
  13. }
  14.  
  15. /* Icon */
  16. #header-bottom-right #chat,
  17. #header-bottom-right #chat:active { background:url(%%chat%%); }
  18.  
  19. /* Tooltip */
  20. #header-bottom-right #chat:before {
  21. content: 'Chat';
  22. position:absolute;
  23. pointer-events:none;
  24. opacity:0;
  25. left:50%;
  26. -webkit-transform:translateX(-50%);
  27. -moz-transform:translateX(-50%);
  28. transform:translateX(-50%);
  29. top:-52px;
  30. box-shadow:0 0 10px rgba(0,0,0,.5);
  31. padding:0 20px;
  32. background:#fff;
  33. white-space:nowrap;
  34. line-height:30px;
  35. text-indent:0;
  36. font-family:inherit;
  37. font-size:12px;
  38. font-weight:400;
  39. letter-spacing:1px;
  40. color:#32383f;
  41. transition:.2s
  42. }
  43.  
  44. /* Hover */
  45. #header-bottom-right #chat:hover:before {
  46. opacity:1;
  47. top:-55px
  48. }
  49.  
  50. /* Arrow */
  51. #header-bottom-right #chat:after {
  52. position:absolute;
  53. pointer-events:none;
  54. opacity:0;
  55. top:-22px;
  56. left:calc(50% - 6px);
  57. width:12px;
  58. height:1px;
  59. border:6px solid transparent;
  60. border-bottom-width:0;
  61. border-top-color:#fff;
  62. content:"";
  63. transition:.2s
  64. }
  65.  
  66. /* Hover */
  67. #header-bottom-right #chat:hover:after {
  68. opacity:1;
  69. top:-25px
  70. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement