vis.js is a dynamic, browser-based visualization library
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

148 lines
4.2 KiB

  1. div.vis-network div.vis-manipulation {
  2. border-width: 0;
  3. border-bottom: 1px;
  4. border-style:solid;
  5. border-color: #d6d9d8;
  6. background: #ffffff; /* Old browsers */
  7. background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%); /* FF3.6+ */
  8. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(48%,#fcfcfc), color-stop(50%,#fafafa), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
  9. background: -webkit-linear-gradient(top, #ffffff 0%,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
  10. background: -o-linear-gradient(top, #ffffff 0%,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%); /* Opera 11.10+ */
  11. background: -ms-linear-gradient(top, #ffffff 0%,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%); /* IE10+ */
  12. background: linear-gradient(to bottom, #ffffff 0%,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%); /* W3C */
  13. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
  14. padding-top:4px;
  15. position: absolute;
  16. left: 0;
  17. top: 0;
  18. width: 100%;
  19. height: 28px;
  20. }
  21. div.vis-network div.vis-edit-mode {
  22. position:absolute;
  23. left: 0;
  24. top: 5px;
  25. height: 30px;
  26. }
  27. /* FIXME: shouldn't the vis-close button be a child of the vis-manipulation div? */
  28. div.vis-network div.vis-close {
  29. position:absolute;
  30. right: 0;
  31. top: 0;
  32. width: 30px;
  33. height: 30px;
  34. background-position: 20px 3px;
  35. background-repeat: no-repeat;
  36. background-image: url("img/network/cross.png");
  37. cursor: pointer;
  38. -webkit-touch-callout: none;
  39. -webkit-user-select: none;
  40. -khtml-user-select: none;
  41. -moz-user-select: none;
  42. -ms-user-select: none;
  43. user-select: none;
  44. }
  45. div.vis-network div.vis-close:hover {
  46. opacity: 0.6;
  47. }
  48. div.vis-network div.vis-manipulation div.vis-button,
  49. div.vis-network div.vis-edit-mode div.vis-button {
  50. float:left;
  51. font-family: verdana;
  52. font-size: 12px;
  53. -moz-border-radius: 15px;
  54. border-radius: 15px;
  55. display:inline-block;
  56. background-position: 0px 0px;
  57. background-repeat:no-repeat;
  58. height:24px;
  59. margin-left: 10px;
  60. /*vertical-align:middle;*/
  61. cursor: pointer;
  62. padding: 0px 8px 0px 8px;
  63. -webkit-touch-callout: none;
  64. -webkit-user-select: none;
  65. -khtml-user-select: none;
  66. -moz-user-select: none;
  67. -ms-user-select: none;
  68. user-select: none;
  69. }
  70. div.vis-network div.vis-manipulation div.vis-button:hover {
  71. box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.20);
  72. }
  73. div.vis-network div.vis-manipulation div.vis-button:active {
  74. box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.50);
  75. }
  76. div.vis-network div.vis-manipulation div.vis-button.vis-back {
  77. background-image: url("img/network/backIcon.png");
  78. }
  79. div.vis-network div.vis-manipulation div.vis-button.vis-none:hover {
  80. box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.0);
  81. cursor: default;
  82. }
  83. div.vis-network div.vis-manipulation div.vis-button.vis-none:active {
  84. box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.0);
  85. }
  86. div.vis-network div.vis-manipulation div.vis-button.vis-none {
  87. padding: 0;
  88. }
  89. div.vis-network div.vis-manipulation div.notification {
  90. margin: 2px;
  91. font-weight: bold;
  92. }
  93. div.vis-network div.vis-manipulation div.vis-button.vis-add {
  94. background-image: url("img/network/addNodeIcon.png");
  95. }
  96. div.vis-network div.vis-manipulation div.vis-button.vis-edit,
  97. div.vis-network div.vis-edit-mode div.vis-button.vis-edit {
  98. background-image: url("img/network/editIcon.png");
  99. }
  100. div.vis-network div.vis-edit-mode div.vis-button.vis-edit.vis-edit-mode {
  101. background-color: #fcfcfc;
  102. border: 1px solid #cccccc;
  103. }
  104. div.vis-network div.vis-manipulation div.vis-button.vis-connect {
  105. background-image: url("img/network/connectIcon.png");
  106. }
  107. div.vis-network div.vis-manipulation div.vis-button.vis-delete {
  108. background-image: url("img/network/deleteIcon.png");
  109. }
  110. /* top right bottom left */
  111. div.vis-network div.vis-manipulation div.vis-label,
  112. div.vis-network div.vis-edit-mode div.vis-label {
  113. margin: 0 0 0 23px;
  114. line-height: 25px;
  115. }
  116. div.vis-network div.vis-manipulation div.vis-separator-line {
  117. float:left;
  118. display:inline-block;
  119. width:1px;
  120. height:21px;
  121. background-color: #bdbdbd;
  122. margin: 0px 7px 0 15px; /*top right bottom left*/
  123. }
  124. /* TODO: is this redundant?
  125. div.network-navigation_wrapper {
  126. position: absolute;
  127. left: 0;
  128. top: 0;
  129. width: 100%;
  130. height: 100%;
  131. }
  132. */