rails_handsontable 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,490 @@
1
+ /**
2
+ * Handsontable 0.10.1
3
+ * Handsontable is a simple jQuery plugin for editable tables with basic copy-paste compatibility with Excel and Google Docs
4
+ *
5
+ * Copyright 2012, Marcin Warpechowski
6
+ * Licensed under the MIT license.
7
+ * http://handsontable.com/
8
+ *
9
+ * Date: Sun Jan 12 2014 13:55:41 GMT+0100 (Central European Standard Time)
10
+ */
11
+
12
+ .handsontable {
13
+ position: relative;
14
+ }
15
+
16
+ .handsontable.htAutoColumnSize {
17
+ visibility: hidden;
18
+ left: 0;
19
+ position: absolute;
20
+ top: 0;
21
+ }
22
+
23
+ .handsontable table,
24
+ .handsontable tbody,
25
+ .handsontable thead,
26
+ .handsontable td,
27
+ .handsontable th,
28
+ .handsontable div {
29
+ box-sizing: content-box;
30
+ -webkit-box-sizing: content-box;
31
+ -moz-box-sizing: content-box;
32
+ }
33
+
34
+ .handsontable table.htCore {
35
+ border-collapse: separate;
36
+ /*it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit*/
37
+ position: relative;
38
+ /*this actually only changes appearance of user selection - does not make text unselectable
39
+ -webkit-user-select: none;
40
+ -khtml-user-select: none;
41
+ -moz-user-select: none;
42
+ -o-user-select: none;
43
+ -ms-user-select: none;
44
+ /*user-select: none; /*no browser supports unprefixed version*/
45
+ border-spacing: 0;
46
+ margin: 0;
47
+ border-width: 0;
48
+ table-layout: fixed;
49
+ width: 0;
50
+ outline-width: 0;
51
+ /* reset bootstrap table style. for more info see: https://github.com/warpech/jquery-handsontable/issues/224 */
52
+ max-width: none;
53
+ max-height: none;
54
+ }
55
+
56
+ .handsontable col {
57
+ width: 50px;
58
+ }
59
+
60
+ .handsontable col.rowHeader {
61
+ width: 50px;
62
+ }
63
+
64
+ .handsontable th,
65
+ .handsontable td {
66
+ border-right: 1px solid #CCC;
67
+ border-bottom: 1px solid #CCC;
68
+ height: 22px;
69
+ empty-cells: show;
70
+ line-height: 21px;
71
+ padding: 0 4px 0 4px;
72
+ /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
73
+ background-color: #FFF;
74
+ vertical-align: top;
75
+ overflow: hidden;
76
+ outline-width: 0;
77
+ white-space: pre-line;
78
+ /* preserve new line character in cell */
79
+ }
80
+
81
+ .handsontable td.htInvalid {
82
+ -webkit-transition: background 0.75s ease;
83
+ transition: background 0.75s ease;
84
+ background-color: #ff4c42;
85
+ }
86
+
87
+ .handsontable th:last-child {
88
+ /*Foundation framework fix*/
89
+ border-right: 1px solid #CCC;
90
+ border-bottom: 1px solid #CCC;
91
+ }
92
+
93
+ .handsontable tr:first-child th.htNoFrame,
94
+ .handsontable th:first-child.htNoFrame,
95
+ .handsontable th.htNoFrame {
96
+ border-left-width: 0;
97
+ background-color: white;
98
+ border-color: #FFF;
99
+ }
100
+
101
+ .handsontable th:first-child,
102
+ .handsontable td:first-child,
103
+ .handsontable .htNoFrame + th,
104
+ .handsontable .htNoFrame + td {
105
+ border-left: 1px solid #CCC;
106
+ }
107
+
108
+ .handsontable tr:first-child th,
109
+ .handsontable tr:first-child td {
110
+ border-top: 1px solid #CCC;
111
+ }
112
+
113
+ .handsontable thead tr:last-child th {
114
+ border-bottom-width: 0;
115
+ }
116
+
117
+ .handsontable thead tr.lastChild th {
118
+ border-bottom-width: 0;
119
+ }
120
+
121
+ .handsontable th {
122
+ background-color: #EEE;
123
+ color: #222;
124
+ text-align: center;
125
+ font-weight: normal;
126
+ white-space: nowrap;
127
+ }
128
+
129
+ .handsontable thead th {
130
+ padding: 0;
131
+ }
132
+
133
+ .handsontable th.active {
134
+ background-color: #CCC;
135
+ }
136
+
137
+ .handsontable thead th .relative {
138
+ position: relative;
139
+ padding: 2px 4px;
140
+ }
141
+
142
+ /* plugins */
143
+
144
+ .handsontable .manualColumnMover {
145
+ position: absolute;
146
+ left: 0;
147
+ top: 0;
148
+ background-color: transparent;
149
+ width: 5px;
150
+ height: 25px;
151
+ z-index: 999;
152
+ cursor: move;
153
+ }
154
+
155
+ .handsontable th .manualColumnMover:hover,
156
+ .handsontable th .manualColumnMover.active {
157
+ background-color: #88F;
158
+ }
159
+
160
+ .handsontable .manualColumnResizer {
161
+ position: absolute;
162
+ top: 0;
163
+ cursor: col-resize;
164
+ }
165
+
166
+ .handsontable .manualColumnResizerHandle {
167
+ background-color: transparent;
168
+ width: 5px;
169
+ height: 25px;
170
+ }
171
+
172
+ .handsontable .manualColumnResizer:hover .manualColumnResizerHandle,
173
+ .handsontable .manualColumnResizer.active .manualColumnResizerHandle {
174
+ background-color: #AAB;
175
+ }
176
+
177
+ .handsontable .manualColumnResizerLine {
178
+ position: absolute;
179
+ right: 0;
180
+ top: 0;
181
+ background-color: #AAB;
182
+ display: none;
183
+ width: 0;
184
+ border-right: 1px dashed #777;
185
+ }
186
+
187
+ .handsontable .manualColumnResizer.active .manualColumnResizerLine {
188
+ display: block;
189
+ }
190
+
191
+ .handsontable .columnSorting:hover {
192
+ text-decoration: underline;
193
+ cursor: pointer;
194
+ }
195
+
196
+ /* border line */
197
+
198
+ .handsontable .wtBorder {
199
+ position: absolute;
200
+ font-size: 0;
201
+ }
202
+
203
+ .handsontable td.area {
204
+ background-color: #EEF4FF;
205
+ }
206
+
207
+ /* fill handle */
208
+
209
+ .handsontable .wtBorder.corner {
210
+ font-size: 0;
211
+ cursor: crosshair;
212
+ }
213
+
214
+ .handsontable .htBorder.htFillBorder {
215
+ background: red;
216
+ width: 1px;
217
+ height: 1px;
218
+ }
219
+
220
+ .handsontableInput {
221
+ border: 2px solid #5292F7;
222
+ outline-width: 0;
223
+ margin: 0;
224
+ padding: 1px 4px 0 2px;
225
+ font-family: Arial, Helvetica, sans-serif;
226
+ /*repeat from .handsontable (inherit doesn't work with IE<8) */
227
+ line-height: 1.3em;
228
+ /*repeat from .handsontable (inherit doesn't work with IE<8) */
229
+ font-size: inherit;
230
+ -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
231
+ box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
232
+ resize: none;
233
+ /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
234
+ display: inline-block;
235
+ color: #000;
236
+ border-radius: 0;
237
+ background-color: #FFF;
238
+ /*overwrite styles potentionally made by a framework*/
239
+ }
240
+
241
+ .handsontableInputHolder {
242
+ position: absolute;
243
+ top: 0;
244
+ left: 0;
245
+ z-index: 100;
246
+ }
247
+
248
+ .htSelectEditor {
249
+ -webkit-appearance: menulist-button !important;
250
+ position: absolute;
251
+ }
252
+
253
+ /*
254
+ TextRenderer readOnly cell
255
+ */
256
+
257
+ .handsontable .htDimmed {
258
+ color: #777;
259
+ }
260
+
261
+ /*
262
+ TextRenderer placeholder value
263
+ */
264
+
265
+ .handsontable .htPlaceholder {
266
+ color: #999;
267
+ }
268
+
269
+ /*
270
+ AutocompleteRenderer down arrow
271
+ */
272
+
273
+ .handsontable .htAutocompleteArrow {
274
+ float: right;
275
+ font-size: 10px;
276
+ color: #EEE;
277
+ cursor: default;
278
+ width: 16px;
279
+ text-align: center;
280
+ }
281
+
282
+ .handsontable td .htAutocompleteArrow:hover {
283
+ color: #777;
284
+ }
285
+
286
+ /*
287
+ CheckboxRenderer
288
+ */
289
+
290
+ .handsontable .htCheckboxRendererInput.noValue {
291
+ opacity: 0.5;
292
+ }
293
+
294
+ /*
295
+ NumericRenderer
296
+ */
297
+
298
+ .handsontable .htNumeric {
299
+ text-align: right;
300
+ }
301
+
302
+ /*context menu rules*/
303
+
304
+ ul.context-menu-list {
305
+ color: black;
306
+ }
307
+
308
+ ul.context-menu-list li {
309
+ margin-bottom: 0;
310
+ /*Foundation framework fix*/
311
+ }
312
+
313
+ /**
314
+ * dragdealer
315
+ */
316
+
317
+ .handsontable .dragdealer {
318
+ position: relative;
319
+ width: 9px;
320
+ height: 9px;
321
+ background: #F8F8F8;
322
+ border: 1px solid #DDD;
323
+ }
324
+
325
+ .handsontable .dragdealer .handle {
326
+ position: absolute;
327
+ width: 9px;
328
+ height: 9px;
329
+ background: #C5C5C5;
330
+ }
331
+
332
+ .handsontable .dragdealer .disabled {
333
+ background: #898989;
334
+ }
335
+
336
+ /**
337
+ * Handsontable in Handsontable
338
+ */
339
+
340
+ .handsontable .handsontable .wtHider {
341
+ padding: 0 0 5px 0;
342
+ }
343
+
344
+ .handsontable .handsontable table {
345
+ -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
346
+ box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
347
+ }
348
+
349
+ /**
350
+ * Handsontable listbox theme
351
+ */
352
+
353
+ .handsontable.listbox {
354
+ margin: 0;
355
+ }
356
+
357
+ .handsontable.listbox table {
358
+ border: 1px solid #ccc;
359
+ border-collapse: separate;
360
+ background: white;
361
+ }
362
+
363
+ .handsontable.listbox th,
364
+ .handsontable.listbox tr:first-child th,
365
+ .handsontable.listbox tr:last-child th,
366
+ .handsontable.listbox tr:first-child td,
367
+ .handsontable.listbox td {
368
+ border-width: 0;
369
+ }
370
+
371
+ .handsontable.listbox th,
372
+ .handsontable.listbox td {
373
+ white-space: nowrap;
374
+ text-overflow: ellipsis;
375
+ }
376
+
377
+ .handsontable.listbox td.htDimmed {
378
+ cursor: default;
379
+ color: inherit;
380
+ font-style: inherit;
381
+ }
382
+
383
+ .handsontable.listbox .wtBorder {
384
+ visibility: hidden;
385
+ }
386
+
387
+ .handsontable.listbox tr td.current,
388
+ .handsontable.listbox tr:hover td {
389
+ background: #eee;
390
+ }
391
+
392
+ .htContextMenu {
393
+ display: none;
394
+ position: absolute;
395
+ }
396
+
397
+ .htContextMenu table.htCore {
398
+ outline: 1px solid #bbb;
399
+ }
400
+
401
+ .htContextMenu .wtBorder {
402
+ visibility: hidden;
403
+ }
404
+
405
+ .htContextMenu table tbody tr td {
406
+ background: white;
407
+ border-width: 0;
408
+ padding: 4px 6px 0px 6px;
409
+ cursor: pointer;
410
+ overflow: hidden;
411
+ white-space: nowrap;
412
+ text-overflow: ellipsis;
413
+ }
414
+
415
+ .htContextMenu table tbody tr td:first-child {
416
+ border: 0;
417
+ }
418
+
419
+ .htContextMenu table tbody tr td.htDimmed{
420
+ font-style: normal;
421
+ color: #323232;
422
+ }
423
+
424
+ .htContextMenu table tbody tr td.current{
425
+ background: rgb(233, 233, 233);
426
+ }
427
+
428
+ .htContextMenu table tbody tr td.htSeparator {
429
+ border-top: 1px solid #bbb;
430
+ height: 0;
431
+ padding: 0;
432
+ }
433
+
434
+ .htContextMenu table tbody tr td.htDisabled {
435
+ color: #999;
436
+ }
437
+
438
+ .htContextMenu table tbody tr td.htDisabled:hover {
439
+ background: white;
440
+ color: #999;
441
+ cursor: default;
442
+ }
443
+
444
+ /*WalkontableDebugOverlay*/
445
+
446
+ .wtDebugHidden {
447
+ display: none;
448
+ }
449
+
450
+ .wtDebugVisible {
451
+ display: block;
452
+ -webkit-animation-duration: 0.5s;
453
+ -webkit-animation-name: wtFadeInFromNone;
454
+ animation-duration: 0.5s;
455
+ animation-name: wtFadeInFromNone;
456
+ }
457
+
458
+ @keyframes wtFadeInFromNone {
459
+ 0% {
460
+ display: none;
461
+ opacity: 0;
462
+ }
463
+
464
+ 1% {
465
+ display: block;
466
+ opacity: 0;
467
+ }
468
+
469
+ 100% {
470
+ display: block;
471
+ opacity: 1;
472
+ }
473
+ }
474
+
475
+ @-webkit-keyframes wtFadeInFromNone {
476
+ 0% {
477
+ display: none;
478
+ opacity: 0;
479
+ }
480
+
481
+ 1% {
482
+ display: block;
483
+ opacity: 0;
484
+ }
485
+
486
+ 100% {
487
+ display: block;
488
+ opacity: 1;
489
+ }
490
+ }