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.

151 lines
4.2 KiB

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