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.

156 lines
2.9 KiB

  1. div.timeline-frame {
  2. position: relative;
  3. overflow: hidden;
  4. }
  5. div.timeline-content {
  6. position: relative;
  7. overflow: hidden;
  8. }
  9. div.timeline-axis {
  10. filter: alpha(opacity = 60);
  11. -khtml-opacity: 0.6;
  12. -moz-opacity: 0.6;
  13. opacity: 0.6;
  14. border-width: 1px;
  15. border-top-style: solid;
  16. }
  17. div.timeline-axis-grid {
  18. border-left-style: solid;
  19. border-width: 1px;
  20. }
  21. div.timeline-axis-grid-minor {
  22. filter: alpha(opacity = 30);
  23. -khtml-opacity: 0.3;
  24. -moz-opacity: 0.3;
  25. opacity: 0.3;
  26. }
  27. div.timeline-axis-grid-major {
  28. filter: alpha(opacity = 50);
  29. -khtml-opacity: 0.5;
  30. -moz-opacity: 0.5;
  31. opacity: 0.5;
  32. }
  33. div.timeline-axis-text {
  34. padding: 3px;
  35. white-space: nowrap;
  36. }
  37. div.timeline-event {
  38. display: inline-block;
  39. }
  40. div.timeline-event-selected {
  41. z-index: 999;
  42. }
  43. div.timeline-event.timeline-event-box {
  44. text-align: center;
  45. border-style: solid;
  46. border-width: 1px;
  47. border-radius: 5px;
  48. -moz-border-radius: 5px; /* For Firefox 3.6 and older */
  49. }
  50. div.timeline-event.timeline-event-dot {
  51. border-style: solid;
  52. border-width: 5px;
  53. border-radius: 5px;
  54. -moz-border-radius: 5px; /* For Firefox 3.6 and older */
  55. }
  56. div.timeline-event.timeline-event-range {
  57. border-style: solid;
  58. border-width: 1px;
  59. border-radius: 2px;
  60. -moz-border-radius: 2px; /* For Firefox 3.6 and older */
  61. }
  62. div.timeline-frame div.timeline-event-dot-container {
  63. border: none;
  64. }
  65. div.timeline-event-range-drag-left {
  66. cursor: w-resize;
  67. z-index: 1000;
  68. }
  69. div.timeline-event-range-drag-right {
  70. cursor: e-resize;
  71. z-index: 1000;
  72. }
  73. div.timeline-event-line {
  74. border-left-width: 1px;
  75. border-left-style: solid;
  76. }
  77. div.timeline-event-content {
  78. margin: 5px;
  79. white-space: nowrap;
  80. overflow: hidden;
  81. }
  82. div.timeline-groups-axis {
  83. border-width: 1px;
  84. }
  85. div.timeline-groups-axis-onleft {
  86. border-style: none groove none none;
  87. }
  88. div.timeline-groups-axis-onright {
  89. border-style: none none none groove;
  90. }
  91. div.timeline-groups-text {
  92. padding-left: 10px;
  93. padding-right: 10px;
  94. }
  95. div.timeline-currenttime {
  96. background-color: #FF7F6E;
  97. width: 2px;
  98. }
  99. div.timeline-customtime {
  100. background-color: #6E94FF;
  101. width: 2px;
  102. cursor: move;
  103. }
  104. div.timeline-navigation-new, div.timeline-navigation-delete,
  105. div.timeline-navigation-zoom-in, div.timeline-navigation-zoom-out,
  106. div.timeline-navigation-move-left, div.timeline-navigation-move-right {
  107. cursor: pointer;
  108. float: left;
  109. padding: 5px;
  110. text-decoration: none;
  111. }
  112. div.timeline-navigation-new-line {
  113. border-right: dotted 1px;
  114. }
  115. div.timeline-navigation-delete {
  116. padding: 0 0 0 5px;
  117. background: url('img/deleteEvent.png') no-repeat center;
  118. width: 13px;
  119. height: 13px;
  120. }
  121. div.timeline-selectable div.timeline-event {
  122. cursor: pointer;
  123. }
  124. div.timeline-selectable div.timeline-event-content {
  125. cursor: pointer;
  126. }
  127. div.timeline-event-selected div.timeline-event-content {
  128. cursor: move;
  129. }