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.

147 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. position: absolute;
  15. left: 0;
  16. top: 0;
  17. width: 100%;
  18. height: 30px;
  19. }
  20. div.vis-network div.vis-edit-mode {
  21. position:absolute;
  22. left: 0;
  23. top: 15px;
  24. height: 30px;
  25. }
  26. /* FIXME: shouldn't the vis-close button be a child of the vis-manipulation div? */
  27. div.vis-network div.vis-close {
  28. position:absolute;
  29. right: 0;
  30. top: 0;
  31. width: 30px;
  32. height: 30px;
  33. background-position: 20px 3px;
  34. background-repeat: no-repeat;
  35. background-image: url("img/network/cross.png");
  36. cursor: pointer;
  37. -webkit-touch-callout: none;
  38. -webkit-user-select: none;
  39. -khtml-user-select: none;
  40. -moz-user-select: none;
  41. -ms-user-select: none;
  42. user-select: none;
  43. }
  44. div.vis-network div.vis-close:hover {
  45. opacity: 0.6;
  46. }
  47. div.vis-network div.vis-manipulation div.vis-button,
  48. div.vis-network div.vis-edit-mode div.vis-button {
  49. position:relative;
  50. top:-7px;
  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: 0px 0px 0px 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. display:inline-block;
  118. width:1px;
  119. height:20px;
  120. background-color: #bdbdbd;
  121. margin: 5px 7px 0 15px;
  122. }
  123. /* TODO: is this redundant?
  124. div.network-navigation_wrapper {
  125. position: absolute;
  126. left: 0;
  127. top: 0;
  128. width: 100%;
  129. height: 100%;
  130. }
  131. */