Advertisement
Guest User

Untitled

a guest
May 22nd, 2018
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.63 KB | None | 0 0
  1. .links line {
  2. stroke: rgb(108, 109, 105);
  3. cursor: pointer;
  4. }
  5.  
  6. .nodes circle {
  7. stroke-width: 0px;
  8. cursor: pointer;
  9. }
  10.  
  11. .everything {
  12. pointer-events: all;
  13. }
  14.  
  15. .node-tooltip {
  16. position: absolute;
  17. height: 100px;
  18. width: 200px;
  19. }
  20.  
  21. .node-tooltip:hover{
  22. opacity: 1;
  23. }
  24.  
  25. .link-tooltip {
  26. position: absolute;
  27. height: 200px;
  28. width: 300px;
  29. }
  30.  
  31.  
  32. .node-tooltip::after,
  33. .link-tooltip::after{
  34. top: 100%;
  35. left: 50%;
  36. border: solid transparent;
  37. content: " ";
  38. height: 0;
  39. width: 0;
  40. position: absolute;
  41. pointer-events: none;
  42. border-color: rgba(136, 183, 213, 0);
  43. border-top-color: #fbfbfb;
  44. border-width: 10px;
  45. margin-left: -10px;
  46. }
  47.  
  48. li {
  49. display: list-item;
  50. }
  51.  
  52. .link-tooltip-articles-list-wrapper {
  53. height: calc(200px - 24px - 5px);
  54. padding-left: 10px;
  55. padding-top: 5px;
  56. padding-right: 10px;
  57. padding-bottom: 5px;
  58. overflow: auto;
  59. }
  60. div.node-tooltip, div.link-tooltip {
  61. position: absolute;
  62. box-shadow: 0 6px 25px -5px rgba(205,210,214,.8);
  63. background-color: #fbfbfb;
  64. display: none;
  65. }
  66.  
  67. .node-tooltip-title-wrapper {
  68. height: 80px;
  69. padding: 5px;
  70. margin: 0 0 0 0;
  71. align-items: center;
  72. justify-content: center;
  73. overflow: auto;
  74. display: flex;
  75. }
  76.  
  77. .link-tooltip-article-item a,
  78. .node-tooltip-title {
  79. cursor: pointer;
  80. pointer-events: all;
  81. font-size: 18px;
  82. font-family: sans-serif;
  83. color: grey;
  84. display: block;
  85. overflow-y: auto;
  86. }
  87.  
  88. .link-tooltip-title {
  89. font-weight: bold;
  90. font-size: 14px;
  91. font-family: sans-serif;
  92. height: 24px;
  93. background-color: #78B7BB;
  94. text-align: center;
  95. padding: 6px;
  96. color: #fbfbfb;
  97. }
  98.  
  99. .link-tooltip-article-item {
  100. margin-right: 0px;
  101. margin-left: 0px;
  102. margin-top: -5px;
  103. margin-bottom: 10px;
  104. padding : 5px;
  105. }
  106.  
  107. .link-tooltip-article-item:hover{
  108. background-color: #FEF0C1;
  109. }
  110.  
  111. a {
  112. text-decoration: none;
  113. }
  114.  
  115. .link-tooltip-article-item a,
  116. .node-tooltip-title {
  117. color: #818B98;
  118. }
  119.  
  120. .link-tooltip-article-item a:visited,
  121. .node-tooltip-title:visited {
  122. color: #afa5ba;
  123. }
  124.  
  125. .link-tooltip-article-item a:hover,
  126. .node-tooltip-title:hover {
  127. color: #78B7BB;
  128. }
  129.  
  130. .link-tooltip-articles-list {
  131. height: calc(100% - 24px - 15px);
  132. cursor: pointer;
  133. pointer-events: all;
  134. list-style-type: square;
  135. padding: 0 0 5px 0;
  136. margin: 0 0 0 0;
  137. overflow: auto;
  138. }
  139.  
  140. .nodetooltip-div {
  141. background-color: white;
  142. }
  143.  
  144. .nodetooltip-fo {
  145. background-color: white;
  146. min-height: 50px;
  147. min-width: 50px;
  148. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement