vis.js is a dynamic, browser-based visualization library

125 lines
2.0 KiB

12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
12 years ago
  1. .vis-item {
  2. position: absolute;
  3. color: #1A1A1A;
  4. border-color: #97B0F8;
  5. border-width: 1px;
  6. background-color: #D5DDF6;
  7. display: inline-block;
  8. /*overflow: hidden;*/
  9. }
  10. .vis-item.vis-selected {
  11. border-color: #FFC200;
  12. background-color: #FFF785;
  13. /* z-index must be higher than the z-index of custom time bar and current time bar */
  14. z-index: 2;
  15. }
  16. .vis-editable .vis-item.vis-selected {
  17. cursor: move;
  18. }
  19. .vis-item.vis-point.vis-selected {
  20. background-color: #FFF785;
  21. }
  22. .vis-item.vis-box {
  23. text-align: center;
  24. border-style: solid;
  25. border-radius: 2px;
  26. }
  27. .vis-item.vis-point {
  28. background: none;
  29. }
  30. .vis-item.vis-dot {
  31. position: absolute;
  32. padding: 0;
  33. border-width: 4px;
  34. border-style: solid;
  35. border-radius: 4px;
  36. }
  37. .vis-item.vis-range {
  38. border-style: solid;
  39. border-radius: 2px;
  40. box-sizing: border-box;
  41. }
  42. .vis-item.background {
  43. border: none;
  44. background-color: rgba(213, 221, 246, 0.4);
  45. box-sizing: border-box;
  46. padding: 0;
  47. margin: 0;
  48. }
  49. .vis-item .vis-item-overflow {
  50. position: relative;
  51. width: 100%;
  52. height: 100%;
  53. padding: 0;
  54. margin: 0;
  55. overflow: hidden;
  56. }
  57. .vis-item.vis-range .vis-item-content {
  58. position: relative;
  59. display: inline-block;
  60. }
  61. .vis-item.background .vis-item-content {
  62. position: absolute;
  63. display: inline-block;
  64. }
  65. .vis-item.vis-line {
  66. padding: 0;
  67. position: absolute;
  68. width: 0;
  69. border-left-width: 1px;
  70. border-left-style: solid;
  71. }
  72. .vis-item .vis-item-content {
  73. white-space: nowrap;
  74. box-sizing: border-box;
  75. padding: 5px;
  76. }
  77. .vis-item .vis-delete {
  78. background: url('img/timeline/delete.png') no-repeat center;
  79. position: absolute;
  80. width: 24px;
  81. height: 24px;
  82. top: -4px;
  83. right: -24px;
  84. cursor: pointer;
  85. }
  86. .vis-item.vis-range .vis-drag-left {
  87. position: absolute;
  88. width: 24px;
  89. max-width: 20%;
  90. min-width: 2px;
  91. height: 100%;
  92. top: 0;
  93. left: -4px;
  94. cursor: w-resize;
  95. }
  96. .vis-item.vis-range .vis-drag-right {
  97. position: absolute;
  98. width: 24px;
  99. max-width: 20%;
  100. min-width: 2px;
  101. height: 100%;
  102. top: 0;
  103. right: -4px;
  104. cursor: e-resize;
  105. }