.vis-item { position: absolute; color: #1A1A1A; border-color: #97B0F8; border-width: 1px; background-color: #D5DDF6; display: inline-block; /*overflow: hidden;*/ } .vis-item.vis-selected { border-color: #FFC200; background-color: #FFF785; /* z-index must be higher than the z-index of custom time bar and current time bar */ z-index: 2; } .vis-editable .vis-item.vis-selected { cursor: move; } .vis-item.vis-point.vis-selected { background-color: #FFF785; } .vis-item.vis-box { text-align: center; border-style: solid; border-radius: 2px; } .vis-item.vis-point { background: none; } .vis-item.vis-dot { position: absolute; padding: 0; border-width: 4px; border-style: solid; border-radius: 4px; } .vis-item.vis-range { border-style: solid; border-radius: 2px; box-sizing: border-box; } .vis-item.background { border: none; background-color: rgba(213, 221, 246, 0.4); box-sizing: border-box; padding: 0; margin: 0; } .vis-item .vis-item-frame { position: relative; width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; } .vis-item.vis-range .vis-item-content { position: relative; display: inline-block; } .vis-item.background .vis-item-content { position: absolute; display: inline-block; } .vis-item.vis-line { padding: 0; position: absolute; width: 0; border-left-width: 1px; border-left-style: solid; } .vis-item .vis-item-content { white-space: nowrap; box-sizing: border-box; padding: 5px; } .vis-item .vis-delete { background: url('img/timeline/delete.png') no-repeat center; position: absolute; width: 24px; height: 24px; top: -4px; right: -24px; cursor: pointer; } .vis-item.vis-range .vis-drag-left { position: absolute; width: 24px; max-width: 20%; min-width: 2px; height: 100%; top: 0; left: -4px; cursor: w-resize; } .vis-item.vis-range .vis-drag-right { position: absolute; width: 24px; max-width: 20%; min-width: 2px; height: 100%; top: 0; right: -4px; cursor: e-resize; }