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.

127 lines
3.6 KiB

  1. div.network-manipulationDiv {
  2. border-width:0px;
  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. width: 600px;
  15. height:30px;
  16. z-index:10;
  17. position:absolute;
  18. }
  19. div.network-manipulation-editMode {
  20. height:30px;
  21. z-index:10;
  22. position:absolute;
  23. margin-top:20px;
  24. }
  25. div.network-manipulation-closeDiv {
  26. height:30px;
  27. width:30px;
  28. z-index:11;
  29. position:absolute;
  30. margin-top:3px;
  31. margin-left:590px;
  32. background-position: 0px 0px;
  33. background-repeat:no-repeat;
  34. background-image: url("img/network/cross.png");
  35. cursor: pointer;
  36. -webkit-touch-callout: none;
  37. -webkit-user-select: none;
  38. -khtml-user-select: none;
  39. -moz-user-select: none;
  40. -ms-user-select: none;
  41. user-select: none;
  42. }
  43. span.network-manipulationUI {
  44. font-family: verdana;
  45. font-size: 12px;
  46. -moz-border-radius: 15px;
  47. border-radius: 15px;
  48. display:inline-block;
  49. background-position: 0px 0px;
  50. background-repeat:no-repeat;
  51. height:24px;
  52. margin: -14px 0px 0px 10px;
  53. vertical-align:middle;
  54. cursor: pointer;
  55. padding: 0px 8px 0px 8px;
  56. -webkit-touch-callout: none;
  57. -webkit-user-select: none;
  58. -khtml-user-select: none;
  59. -moz-user-select: none;
  60. -ms-user-select: none;
  61. user-select: none;
  62. }
  63. span.network-manipulationUI:hover {
  64. box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.20);
  65. }
  66. span.network-manipulationUI:active {
  67. box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.50);
  68. }
  69. span.network-manipulationUI.back {
  70. background-image: url("img/network/backIcon.png");
  71. }
  72. span.network-manipulationUI.none:hover {
  73. box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.0);
  74. cursor: default;
  75. }
  76. span.network-manipulationUI.none:active {
  77. box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.0);
  78. }
  79. span.network-manipulationUI.none {
  80. padding: 0px 0px 0px 0px;
  81. }
  82. span.network-manipulationUI.notification{
  83. margin: 2px;
  84. font-weight: bold;
  85. }
  86. span.network-manipulationUI.add {
  87. background-image: url("img/network/addNodeIcon.png");
  88. }
  89. span.network-manipulationUI.edit {
  90. background-image: url("img/network/editIcon.png");
  91. }
  92. span.network-manipulationUI.edit.editmode {
  93. background-color: #fcfcfc;
  94. border-style:solid;
  95. border-width:1px;
  96. border-color: #cccccc;
  97. }
  98. span.network-manipulationUI.connect {
  99. background-image: url("img/network/connectIcon.png");
  100. }
  101. span.network-manipulationUI.delete {
  102. background-image: url("img/network/deleteIcon.png");
  103. }
  104. /* top right bottom left */
  105. span.network-manipulationLabel {
  106. margin: 0px 0px 0px 23px;
  107. line-height: 25px;
  108. }
  109. div.network-seperatorLine {
  110. display:inline-block;
  111. width:1px;
  112. height:20px;
  113. background-color: #bdbdbd;
  114. margin: 5px 7px 0px 15px;
  115. }