| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164 |
- .wtHolder {
- position: relative;
- font-family: Arial, Helvetica, sans-serif;
- line-height: 1.3em;
- font-size: 13px;
- }
- .wtHolder table,
- .wtHolder tbody,
- .wtHolder thead,
- .wtHolder td,
- .wtHolder th,
- .wtHolder div {
- box-sizing: content-box;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- }
- .wtHolder table {
- border-collapse: separate;
- /*it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit*/
- /*position: relative;*/
- /*this actually only changes appearance of user selection - does not make text unselectable
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -o-user-select: none;
- -ms-user-select: none;
- /*user-select: none; /*no browser supports unprefixed version*/
- border-spacing: 0;
- margin: 0;
- border-width: 0;
- table-layout: fixed;
- width: 0;
- outline-width: 0;
- /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
- max-width: none;
- max-height: none;
- }
- .wtHolder col {
- width: 50px;
- }
- .wtHolder col.rowHeader {
- width: 50px;
- }
- .wtHolder th,
- .wtHolder td {
- border-right: 1px solid #CCC;
- border-bottom: 1px solid #CCC;
- height: 22px;
- empty-cells: show;
- line-height: 21px;
- padding: 0 4px 0 4px;
- /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
- background-color: #FFF;
- vertical-align: top;
- overflow: hidden;
- outline-width: 0;
- white-space: pre-line;
- /* preserve new line character in cell */
- }
- .wtHolder th:last-child {
- /*Foundation framework fix*/
- border-right: 1px solid #CCC;
- border-bottom: 1px solid #CCC;
- }
- .wtHolder tr:first-child th.htNoFrame,
- .wtHolder th:first-child.htNoFrame,
- .wtHolder th.htNoFrame {
- border-left-width: 0;
- background-color: white;
- border-color: #FFF;
- }
- .wtHolder th:first-child,
- .wtHolder td:first-child,
- .wtHolder .htNoFrame + th,
- .wtHolder .htNoFrame + td {
- border-left: 1px solid #CCC;
- }
- .wtHolder tr:first-child th,
- .wtHolder tr:first-child td {
- border-top: 1px solid #CCC;
- }
- .wtHolder thead tr:last-child th {
- border-bottom-width: 0;
- }
- .wtHolder thead tr.lastChild th {
- border-bottom-width: 0;
- }
- .wtHolder th {
- background-color: #EEE;
- color: #222;
- text-align: center;
- font-weight: normal;
- white-space: nowrap;
- }
- .wtHolder th .small {
- font-size: 12px;
- }
- .wtHolder thead th {
- padding: 0;
- }
- .wtHolder th.active {
- background-color: #CCC;
- }
- .wtHolder thead th .relative {
- position: relative;
- padding: 2px 4px;
- }
- /* border line */
- .wtHolder .wtBorder {
- position: absolute;
- font-size: 0;
- }
- .wtHolder td.area {
- background-color: #EEF4FF;
- }
- /* fill handle */
- .wtHolder .wtBorder.corner {
- font-size: 0;
- cursor: crosshair;
- }
- .wtHolder .htBorder.htFillBorder {
- background: red;
- width: 1px;
- height: 1px;
- }
- .ht_master .wtHolder {
- overflow: auto;
- }
- .ht_clone_left .wtHolder {
- overflow-x: hidden;
- overflow-y: auto;
- }
- .ht_clone_top .wtHolder {
- overflow-x: auto;
- overflow-y: hidden;
- }
- /* used for testing */
- .testOverflowHidden {
- overflow: hidden;
- }
|