Guest User

Untitled

a guest
Jan 17th, 2019
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.30 KB | None | 0 0
  1. .support-online {
  2. position: fixed;
  3. z-index: 999;
  4. left: 0;
  5. bottom: 0px;
  6. }
  7.  
  8. .support-online a {
  9. position: relative;
  10. margin: 20px 10px;
  11. text-align: left;
  12. width: 40px;
  13. height: 40px;
  14. }
  15.  
  16. .support-online i {
  17. width: 40px;
  18. height: 40px;
  19. background: #43a1f3;
  20. color: #fff;
  21. border-radius: 100%;
  22. font-size: 20px;
  23. text-align: center;
  24. line-height: 1.9;
  25. position: relative;
  26. z-index: 999;
  27. }
  28.  
  29. .support-online a span {
  30. border-radius: 2px;
  31. text-align: center;
  32. background: rgb(103, 182, 52);
  33. padding: 9px;
  34. display: none;
  35. width: 180px;
  36. margin-left: 10px;
  37. position: absolute;
  38. color: #ffffff;
  39. z-index: 999;
  40. top: 0px;
  41. left: 40px;
  42. transition: all 0.2s ease-in-out 0s;
  43. -moz-animation: headerAnimation 0.7s 1;
  44. -webkit-animation: headerAnimation 0.7s 1;
  45. -o-animation: headerAnimation 0.7s 1;
  46. animation: headerAnimation 0.7s 1;
  47. }
  48.  
  49. .support-online a:hover span {
  50. display: block;
  51. }
  52.  
  53. .support-online a {
  54. display: block;
  55. }
  56.  
  57. .support-online a span:before {
  58. content: "";
  59. width: 0;
  60. height: 0;
  61. border-style: solid;
  62. border-width: 10px 10px 10px 0;
  63. border-color: transparent rgb(103, 182, 52) transparent transparent;
  64. position: absolute;
  65. left: -10px;
  66. top: 10px;
  67. }
  68.  
  69. .hoccodetot-alo-circle-fill {
  70. width: 60px;
  71. height: 60px;
  72. top: -10px;
  73. position: absolute;
  74. -webkit-transition: all 0.2s ease-in-out;
  75. -moz-transition: all 0.2s ease-in-out;
  76. -ms-transition: all 0.2s ease-in-out;
  77. -o-transition: all 0.2s ease-in-out;
  78. transition: all 0.2s ease-in-out;
  79. -webkit-border-radius: 100%;
  80. -moz-border-radius: 100%;
  81. border-radius: 100%;
  82. border: 2px solid transparent;
  83. -webkit-transition: all .5s;
  84. -moz-transition: all .5s;
  85. -o-transition: all .5s;
  86. transition: all .5s;
  87. background-color: rgba(0, 175, 242, 0.5);
  88. opacity: .75;
  89. right: -10px;
  90. }
  91.  
  92. .hoccodetot-alo-circle {
  93. width: 50px;
  94. height: 50px;
  95. top: -5px;
  96. right: -5px;
  97. position: absolute;
  98. background-color: transparent;
  99. -webkit-border-radius: 100%;
  100. -moz-border-radius: 100%;
  101. border-radius: 100%;
  102. border: 2px solid rgba(30, 30, 30, 0.4);
  103. opacity: .1;
  104. border-color: #0089B9;
  105. opacity: .5;
  106. }
  107.  
  108. .support-online .btn-support {
  109. cursor: pointer;
Add Comment
Please, Sign In to add comment