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.

117 lines
2.0 KiB

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