adceaf8b177f0fc462fc342447de6d27a786a2f514df5bf043d0822e05a9b400465508f97076dcff5366bfe423ea97718232973a31b01db41f89139f74f94b 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. .wtHolder {
  2. position: relative;
  3. font-family: Arial, Helvetica, sans-serif;
  4. line-height: 1.3em;
  5. font-size: 13px;
  6. }
  7. .wtHolder table,
  8. .wtHolder tbody,
  9. .wtHolder thead,
  10. .wtHolder td,
  11. .wtHolder th,
  12. .wtHolder div {
  13. box-sizing: content-box;
  14. -webkit-box-sizing: content-box;
  15. -moz-box-sizing: content-box;
  16. }
  17. .wtHolder table {
  18. border-collapse: separate;
  19. /*it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit*/
  20. /*position: relative;*/
  21. /*this actually only changes appearance of user selection - does not make text unselectable
  22. -webkit-user-select: none;
  23. -khtml-user-select: none;
  24. -moz-user-select: none;
  25. -o-user-select: none;
  26. -ms-user-select: none;
  27. /*user-select: none; /*no browser supports unprefixed version*/
  28. border-spacing: 0;
  29. margin: 0;
  30. border-width: 0;
  31. table-layout: fixed;
  32. width: 0;
  33. outline-width: 0;
  34. /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
  35. max-width: none;
  36. max-height: none;
  37. }
  38. .wtHolder col {
  39. width: 50px;
  40. }
  41. .wtHolder col.rowHeader {
  42. width: 50px;
  43. }
  44. .wtHolder th,
  45. .wtHolder td {
  46. border-right: 1px solid #CCC;
  47. border-bottom: 1px solid #CCC;
  48. height: 22px;
  49. empty-cells: show;
  50. line-height: 21px;
  51. padding: 0 4px 0 4px;
  52. /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
  53. background-color: #FFF;
  54. vertical-align: top;
  55. overflow: hidden;
  56. outline-width: 0;
  57. white-space: pre-line;
  58. /* preserve new line character in cell */
  59. }
  60. .wtHolder th:last-child {
  61. /*Foundation framework fix*/
  62. border-right: 1px solid #CCC;
  63. border-bottom: 1px solid #CCC;
  64. }
  65. .wtHolder tr:first-child th.htNoFrame,
  66. .wtHolder th:first-child.htNoFrame,
  67. .wtHolder th.htNoFrame {
  68. border-left-width: 0;
  69. background-color: white;
  70. border-color: #FFF;
  71. }
  72. .wtHolder th:first-child,
  73. .wtHolder td:first-child,
  74. .wtHolder .htNoFrame + th,
  75. .wtHolder .htNoFrame + td {
  76. border-left: 1px solid #CCC;
  77. }
  78. .wtHolder tr:first-child th,
  79. .wtHolder tr:first-child td {
  80. border-top: 1px solid #CCC;
  81. }
  82. .wtHolder thead tr:last-child th {
  83. border-bottom-width: 0;
  84. }
  85. .wtHolder thead tr.lastChild th {
  86. border-bottom-width: 0;
  87. }
  88. .wtHolder th {
  89. background-color: #EEE;
  90. color: #222;
  91. text-align: center;
  92. font-weight: normal;
  93. white-space: nowrap;
  94. }
  95. .wtHolder th .small {
  96. font-size: 12px;
  97. }
  98. .wtHolder thead th {
  99. padding: 0;
  100. }
  101. .wtHolder th.active {
  102. background-color: #CCC;
  103. }
  104. .wtHolder thead th .relative {
  105. position: relative;
  106. padding: 2px 4px;
  107. }
  108. /* border line */
  109. .wtHolder .wtBorder {
  110. position: absolute;
  111. font-size: 0;
  112. }
  113. .wtHolder td.area {
  114. background-color: #EEF4FF;
  115. }
  116. /* fill handle */
  117. .wtHolder .wtBorder.corner {
  118. font-size: 0;
  119. cursor: crosshair;
  120. }
  121. .wtHolder .htBorder.htFillBorder {
  122. background: red;
  123. width: 1px;
  124. height: 1px;
  125. }
  126. .ht_master .wtHolder {
  127. overflow: auto;
  128. }
  129. .ht_clone_left .wtHolder {
  130. overflow-x: hidden;
  131. overflow-y: auto;
  132. }
  133. .ht_clone_top .wtHolder {
  134. overflow-x: auto;
  135. overflow-y: hidden;
  136. }
  137. /* used for testing */
  138. .testOverflowHidden {
  139. overflow: hidden;
  140. }