Scheduling.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. .timeSpanCell1
  2. {
  3. background-color: #ffffff;
  4. }
  5. .timeSpanCell2
  6. {
  7. background-color: #ddeedd;
  8. }
  9. .timeSpanCell3
  10. {
  11. background-color: #ffeeaa;
  12. }
  13. .selectedSchedulingClass
  14. {
  15. background-color: #e3fffc;
  16. }
  17. .schedulingHeader
  18. {
  19. width: 1296px;
  20. overflow-y: scroll;
  21. }
  22. .schedulingHeaderContainer
  23. {
  24. height: 22px;
  25. }
  26. .schedulingHeaderCellHeader
  27. {
  28. position: relative;
  29. border: 1px solid #d6d6d6;
  30. width: 98px;
  31. height: 20px;
  32. float: left;
  33. background-color: #e8e8e8;
  34. }
  35. .schedulingHeaderCell
  36. {
  37. position: relative;
  38. border: 1px solid #d6d6d6;
  39. width: 180px;
  40. height: 20px;
  41. cursor: pointer;
  42. line-height: 22px;
  43. text-align: center;
  44. float: left;
  45. background-color: #e8e8e8;
  46. }
  47. .schedulingRow
  48. {
  49. width: 1320px;
  50. height: 98px;
  51. }
  52. .schedulingCell
  53. {
  54. position: relative;
  55. border: 1px solid #d6d6d6;
  56. width: 180px;
  57. height: 98px;
  58. cursor: pointer;
  59. float: left;
  60. }
  61. .submittedSchedulingCell
  62. {
  63. background-color: #cccccc;
  64. }
  65. .schedulingCellHeader
  66. {
  67. position: relative;
  68. border: 1px solid #d6d6d6;
  69. width: 98px;
  70. height: 98px;
  71. line-height: 100px;
  72. text-align: center;
  73. white-space: nowrap;
  74. float: left;
  75. }
  76. .schedulingItem
  77. {
  78. position: relative;
  79. outline: 1px solid #e8e8e8;
  80. height: 98px;
  81. background-color: #e3fffc;
  82. float: left;
  83. }
  84. .schedulingItem.disabledItem
  85. {
  86. background-color: #cccccc;
  87. }
  88. .schedulingItemSelected
  89. {
  90. position: relative;
  91. outline: 1px dotted #e8e8e8;
  92. background-color: #fdb6c4;
  93. float: left;
  94. }
  95. .xDataTable td.usedSchedulingClass
  96. {
  97. background-color: #fdf8ad;
  98. }
  99. .xDataTable td.usedSchedulingClass.selectedSchedulingClass
  100. {
  101. background-color: #e3fffc;
  102. }
  103. .xDataTable td.finishedSchedulingClass
  104. {
  105. background-color: #b6fdc4;
  106. }
  107. .xDataTable td.finishedSchedulingClass.selectedSchedulingClass
  108. {
  109. background-color: #e3fffc;
  110. }
  111. .schedulingItemTitle
  112. {
  113. height: 98px;
  114. margin: 0px;
  115. overflow: hidden;
  116. padding: 2px;
  117. }
  118. .schedulingItemWeeks
  119. {
  120. height: 46px;
  121. word-wrap: break-word;
  122. word-break: normal;
  123. padding: 2px;
  124. }
  125. #dgEducationSchedulingClassList td
  126. {
  127. line-height: 26px;
  128. }
  129. .scheduleMenu
  130. {
  131. position: absolute;
  132. z-index: 110017;
  133. display: none;
  134. background-color: #ddd;
  135. border-color: #ddd;
  136. color: #444;
  137. width: 120px;
  138. }
  139. .scheduleMenu div
  140. {
  141. cursor: pointer;
  142. text-align: center;
  143. height: 30px;
  144. line-height: 30px;
  145. margin: 1px;
  146. background-color: #fafafa
  147. }
  148. .scheduleMenu div:hover
  149. {
  150. color: #ffffff;
  151. background-color: #444;
  152. }
  153. .schedulingHeaderContainer
  154. {
  155. overflow: hidden;
  156. }
  157. .schedulingCellHeaderContainer
  158. {
  159. overflow-x: scroll;
  160. overflow-y: hidden;
  161. float: left;
  162. }
  163. .schedulingCellContainer
  164. {
  165. overflow: scroll;
  166. }