3 Features Explore Pricing
7 Watch 158 Star 339 Fork 1,487 angular-ui/ui-grid.info
8 Code Pull requests 0 Projects 0 Pulse Graphs
9 Branch: gh-pages Find file Copy pathui-grid.info/release/ui-grid.css
10 85f6782 on Dec 30, 2016
11 Portugal, Marcelo gh-pages v4.0.2
12 3 contributors @grud @JLLeitschuh @c0bra
14 2006 lines (1989 sloc) 52.8 KB
16 * ui-grid - v4.0.2 - 2016-12-30
17 * Copyright (c) 2016 ; License: MIT
19 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
20 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
21 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
22 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
23 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
24 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
28 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
29 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
30 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
34 border: 1px solid #d4d4d4;
35 box-sizing: content-box;
36 -webkit-border-radius: 0px;
37 -moz-border-radius: 0px;
39 -webkit-transform: translateZ(0);
40 -moz-transform: translateZ(0);
41 -o-transform: translateZ(0);
42 -ms-transform: translateZ(0);
43 transform: translateZ(0);
45 .ui-grid-vertical-bar {
50 .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
51 .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
54 .ui-grid-scrollbar-placeholder {
55 background-color: transparent;
57 .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
58 background-color: #d4d4d4;
60 .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
61 background-color: #d4d4d4;
63 .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
66 background-color: #d4d4d4;
68 .ui-grid-clearfix:before,
69 .ui-grid-clearfix:after {
73 .ui-grid-clearfix:after {
79 .ui-grid-contents-wrapper {
91 clip: rect(0, 0, 0, 0);
94 .ui-grid-top-panel-background {
96 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
97 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
98 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
99 background: -o-linear-gradient(#ffffff, #eeeeee);
100 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
103 border-bottom: 1px solid #d4d4d4;
104 box-sizing: border-box;
111 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
112 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
113 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
114 background: -o-linear-gradient(#ffffff, #eeeeee);
115 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
116 -webkit-border-top-right-radius: -1px;
117 -webkit-border-bottom-right-radius: 0;
118 -webkit-border-bottom-left-radius: 0;
119 -webkit-border-top-left-radius: -1px;
120 -moz-border-radius-topright: -1px;
121 -moz-border-radius-bottomright: 0;
122 -moz-border-radius-bottomleft: 0;
123 -moz-border-radius-topleft: -1px;
124 border-top-right-radius: -1px;
125 border-bottom-right-radius: 0;
126 border-bottom-left-radius: 0;
127 border-top-left-radius: -1px;
128 -moz-background-clip: padding-box;
129 -webkit-background-clip: padding-box;
130 background-clip: padding-box;
132 .ui-grid-header-viewport {
135 .ui-grid-header-canvas:before,
136 .ui-grid-header-canvas:after {
141 .ui-grid-header-canvas:after {
144 .ui-grid-header-cell-wrapper {
147 box-sizing: border-box;
150 .ui-grid-header-cell-row {
154 .ui-grid-header-cell {
156 box-sizing: border-box;
157 background-color: inherit;
158 border-right: 1px solid;
159 border-color: #d4d4d4;
161 -webkit-user-select: none;
162 -moz-user-select: none;
163 -ms-user-select: none;
167 .ui-grid-header-cell:last-child {
170 .ui-grid-header-cell .sortable {
173 .ui-grid-header-cell .ui-grid-sort-priority-number {
176 .ui-grid-header .ui-grid-vertical-bar {
180 .ui-grid-column-menu-button {
185 .ui-grid-column-menu-button .ui-grid-icon-angle-down {
188 .ui-grid-column-menu-button-last-col {
191 .ui-grid-column-menu {
194 /* Slide up/down animations */
195 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
196 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
197 -webkit-transition: all 0.05s linear;
198 -moz-transition: all 0.05s linear;
199 -o-transition: all 0.05s linear;
200 transition: all 0.05s linear;
201 display: block !important;
203 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
204 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
205 -webkit-transform: translateY(-100%);
206 -moz-transform: translateY(-100%);
207 -o-transform: translateY(-100%);
208 -ms-transform: translateY(-100%);
209 transform: translateY(-100%);
211 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
212 .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
213 -webkit-transform: translateY(0);
214 -moz-transform: translateY(0);
215 -o-transform: translateY(0);
216 -ms-transform: translateY(0);
217 transform: translateY(0);
219 /* Slide up/down animations */
220 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
221 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
222 -webkit-transition: all 0.05s linear;
223 -moz-transition: all 0.05s linear;
224 -o-transition: all 0.05s linear;
225 transition: all 0.05s linear;
226 display: block !important;
228 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
229 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
230 -webkit-transform: translateY(-100%);
231 -moz-transform: translateY(-100%);
232 -o-transform: translateY(-100%);
233 -ms-transform: translateY(-100%);
234 transform: translateY(-100%);
236 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
237 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
238 -webkit-transform: translateY(0);
239 -moz-transform: translateY(0);
240 -o-transform: translateY(0);
241 -ms-transform: translateY(0);
242 transform: translateY(0);
244 .ui-grid-filter-container {
248 .ui-grid-filter-container .ui-grid-filter-button {
254 .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
262 .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
265 .ui-grid-filter-container .ui-grid-filter-button-select {
271 .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
279 .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover {
282 input[type="text"].ui-grid-filter-input {
287 border: 1px solid #d4d4d4;
288 -webkit-border-top-right-radius: 0px;
289 -webkit-border-bottom-right-radius: 0;
290 -webkit-border-bottom-left-radius: 0;
291 -webkit-border-top-left-radius: 0;
292 -moz-border-radius-topright: 0px;
293 -moz-border-radius-bottomright: 0;
294 -moz-border-radius-bottomleft: 0;
295 -moz-border-radius-topleft: 0;
296 border-top-right-radius: 0px;
297 border-bottom-right-radius: 0;
298 border-bottom-left-radius: 0;
299 border-top-left-radius: 0;
300 -moz-background-clip: padding-box;
301 -webkit-background-clip: padding-box;
302 background-clip: padding-box;
304 input[type="text"].ui-grid-filter-input:hover {
305 border: 1px solid #d4d4d4;
307 select.ui-grid-filter-select {
312 border: 1px solid #d4d4d4;
313 -webkit-border-top-right-radius: 0px;
314 -webkit-border-bottom-right-radius: 0;
315 -webkit-border-bottom-left-radius: 0;
316 -webkit-border-top-left-radius: 0;
317 -moz-border-radius-topright: 0px;
318 -moz-border-radius-bottomright: 0;
319 -moz-border-radius-bottomleft: 0;
320 -moz-border-radius-topleft: 0;
321 border-top-right-radius: 0px;
322 border-bottom-right-radius: 0;
323 border-bottom-left-radius: 0;
324 border-top-left-radius: 0;
325 -moz-background-clip: padding-box;
326 -webkit-background-clip: padding-box;
327 background-clip: padding-box;
329 select.ui-grid-filter-select:hover {
330 border: 1px solid #d4d4d4;
332 .ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
335 .ui-grid-render-container {
337 -webkit-border-top-right-radius: 0;
338 -webkit-border-bottom-right-radius: 0px;
339 -webkit-border-bottom-left-radius: 0px;
340 -webkit-border-top-left-radius: 0;
341 -moz-border-radius-topright: 0;
342 -moz-border-radius-bottomright: 0px;
343 -moz-border-radius-bottomleft: 0px;
344 -moz-border-radius-topleft: 0;
345 border-top-right-radius: 0;
346 border-bottom-right-radius: 0px;
347 border-bottom-left-radius: 0px;
348 border-top-left-radius: 0;
349 -moz-background-clip: padding-box;
350 -webkit-background-clip: padding-box;
351 background-clip: padding-box;
353 .ui-grid-render-container:focus {
360 -webkit-overflow-scrolling: touch;
362 .ui-grid-viewport:focus {
363 outline: none !important;
372 .ui-grid-row:nth-child(odd) .ui-grid-cell {
373 background-color: #fdfdfd;
375 .ui-grid-row:nth-child(even) .ui-grid-cell {
376 background-color: #f3f3f3;
378 .ui-grid-row:last-child .ui-grid-cell {
379 border-bottom-color: #d4d4d4;
380 border-bottom-style: solid;
382 .ui-grid-no-row-overlay {
390 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
391 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
392 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
393 background: -o-linear-gradient(#ffffff, #eeeeee);
394 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
395 -webkit-border-top-right-radius: 0px;
396 -webkit-border-bottom-right-radius: 0;
397 -webkit-border-bottom-left-radius: 0;
398 -webkit-border-top-left-radius: 0;
399 -moz-border-radius-topright: 0px;
400 -moz-border-radius-bottomright: 0;
401 -moz-border-radius-bottomleft: 0;
402 -moz-border-radius-topleft: 0;
403 border-top-right-radius: 0px;
404 border-bottom-right-radius: 0;
405 border-bottom-left-radius: 0;
406 border-top-left-radius: 0;
407 -moz-background-clip: padding-box;
408 -webkit-background-clip: padding-box;
409 background-clip: padding-box;
410 border: 1px solid #d4d4d4;
414 .ui-grid-no-row-overlay > * {
428 background-color: inherit;
429 border-right: 1px solid;
430 border-color: #d4d4d4;
431 box-sizing: border-box;
433 .ui-grid-cell:last-child {
436 .ui-grid-cell-contents {
438 -moz-box-sizing: border-box;
439 -webkit-box-sizing: border-box;
440 box-sizing: border-box;
442 -ms-text-overflow: ellipsis;
443 -o-text-overflow: ellipsis;
444 text-overflow: ellipsis;
448 .ui-grid-cell-contents-hidden {
454 .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
455 background-color: #f0f0ee;
456 border-bottom: solid 1px #d4d4d4;
458 .ui-grid-footer-panel-background {
460 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
461 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
462 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
463 background: -o-linear-gradient(#ffffff, #eeeeee);
464 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
466 .ui-grid-footer-panel {
468 border-bottom: 1px solid #d4d4d4;
469 border-top: 1px solid #d4d4d4;
473 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));
474 background: -ms-linear-gradient(bottom, #eeeeee, #ffffff);
475 background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%);
476 background: -o-linear-gradient(#ffffff, #eeeeee);
477 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
478 -webkit-border-top-right-radius: -1px;
479 -webkit-border-bottom-right-radius: 0;
480 -webkit-border-bottom-left-radius: 0;
481 -webkit-border-top-left-radius: -1px;
482 -moz-border-radius-topright: -1px;
483 -moz-border-radius-bottomright: 0;
484 -moz-border-radius-bottomleft: 0;
485 -moz-border-radius-topleft: -1px;
486 border-top-right-radius: -1px;
487 border-bottom-right-radius: 0;
488 border-bottom-left-radius: 0;
489 border-top-left-radius: -1px;
490 -moz-background-clip: padding-box;
491 -webkit-background-clip: padding-box;
492 background-clip: padding-box;
494 .ui-grid-grid-footer {
498 .ui-grid-footer-viewport {
501 .ui-grid-footer-canvas {
504 .ui-grid-footer-canvas:before,
505 .ui-grid-footer-canvas:after {
510 .ui-grid-footer-canvas:after {
513 .ui-grid-footer-cell-wrapper {
516 box-sizing: border-box;
519 .ui-grid-footer-cell-row {
522 .ui-grid-footer-cell {
524 background-color: inherit;
525 border-right: 1px solid;
526 border-color: #d4d4d4;
527 box-sizing: border-box;
530 .ui-grid-footer-cell:last-child {
533 input[type="text"].ui-grid-filter-input {
538 border: 1px solid #d4d4d4;
539 -webkit-border-top-right-radius: 0px;
540 -webkit-border-bottom-right-radius: 0;
541 -webkit-border-bottom-left-radius: 0;
542 -webkit-border-top-left-radius: 0;
543 -moz-border-radius-topright: 0px;
544 -moz-border-radius-bottomright: 0;
545 -moz-border-radius-bottomleft: 0;
546 -moz-border-radius-topleft: 0;
547 border-top-right-radius: 0px;
548 border-bottom-right-radius: 0;
549 border-bottom-left-radius: 0;
550 border-top-left-radius: 0;
551 -moz-background-clip: padding-box;
552 -webkit-background-clip: padding-box;
553 background-clip: padding-box;
555 input[type="text"].ui-grid-filter-input:hover {
556 border: 1px solid #d4d4d4;
558 .ui-grid-menu-button {
564 border: 1px solid #d4d4d4;
569 .ui-grid-menu-button .ui-grid-icon-container {
572 .ui-grid-menu-button .ui-grid-menu {
575 .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
577 border: 1px solid #d4d4d4;
582 padding: 0 10px 20px 10px;
584 box-sizing: border-box;
586 .ui-grid-menu .ui-grid-menu-inner {
588 border: 1px solid #d4d4d4;
591 -webkit-border-radius: 0px;
592 -moz-border-radius: 0px;
594 -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
595 -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
596 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
598 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
602 display: inline-block;
606 vertical-align: middle;
607 touch-action: manipulation;
609 background-image: none;
610 border: 1px solid transparent;
614 line-height: 1.42857143;
616 -webkit-user-select: none;
617 -moz-user-select: none;
618 -ms-user-select: none;
625 background-color: transparent;
626 border-color: transparent;
628 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
629 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
630 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
631 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus,
632 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
633 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus {
634 outline: 5px auto -webkit-focus-ring-color;
635 outline-offset: -2px;
637 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
638 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
639 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
641 text-decoration: none;
643 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
644 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active {
646 background-image: none;
647 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
648 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
650 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
651 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled],
652 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
655 filter: alpha(opacity=65);
656 -webkit-box-shadow: none;
659 a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled,
660 fieldset[disabled] a.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
661 pointer-events: none;
663 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
664 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
666 background-color: rgba(0, 0, 0, 0);
667 border-color: rgba(0, 0, 0, 0);
669 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover {
671 background-color: rgba(0, 0, 0, 0);
672 border-color: rgba(0, 0, 0, 0);
674 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
675 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
676 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
678 background-color: rgba(0, 0, 0, 0);
679 border-color: rgba(0, 0, 0, 0);
681 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:hover,
682 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:hover,
683 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
684 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active:focus,
685 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active:focus,
686 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
687 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active.focus,
688 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active.focus,
689 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
691 background-color: rgba(0, 0, 0, 0);
692 border-color: rgba(0, 0, 0, 0);
694 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:active,
695 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.active,
696 .open > .dropdown-toggle.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
697 background-image: none;
699 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:hover,
700 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:hover,
701 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:hover,
702 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled:focus,
703 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled]:focus,
704 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button:focus,
705 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.disabled.focus,
706 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button[disabled].focus,
707 fieldset[disabled] .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button.focus {
708 background-color: transparent;
709 border-color: transparent;
711 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button .badge {
713 background-color: transparent;
715 .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button > i {
719 .ui-grid-menu .ui-grid-menu-inner ul {
722 list-style-type: none;
724 .ui-grid-menu .ui-grid-menu-inner ul li {
727 .ui-grid-menu .ui-grid-menu-inner ul li button {
731 background: transparent;
734 .ui-grid-menu .ui-grid-menu-inner ul li button:hover,
735 .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
736 -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
737 -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
738 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
740 .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
741 -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
742 -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
743 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
744 background-color: #cecece;
746 .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
747 border-bottom: 1px solid #d4d4d4;
755 background-position: center;
757 .ui-grid-sortarrow.down {
758 -webkit-transform: rotate(180deg);
759 -moz-transform: rotate(180deg);
760 -o-transform: rotate(180deg);
761 -ms-transform: rotate(180deg);
762 transform: rotate(180deg);
765 font-family: 'ui-grid';
766 src: url('ui-grid.eot');
767 src: url('ui-grid.eot#iefix') format('embedded-opentype'), url('ui-grid.woff') format('woff'), url('ui-grid.ttf') format('truetype'), url('ui-grid.svg?#ui-grid') format('svg');
771 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
772 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
774 @media screen and (-webkit-min-device-pixel-ratio:0) {
776 font-family: 'ui-grid';
777 src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
781 [class^="ui-grid-icon"]:before,
782 [class*=" ui-grid-icon"]:before {
783 font-family: "ui-grid";
787 display: inline-block;
788 text-decoration: inherit;
793 /* For safety - reset parent styles, that can break glyph codes*/
794 font-variant: normal;
795 text-transform: none;
796 /* fix buttons height, for twitter bootstrap */
798 /* Animation center compensation - margins should be symmetric */
799 /* remove if not needed */
801 /* you can be more comfortable with increased icons size */
802 /* font-size: 120%; */
803 /* Uncomment for 3D effect */
804 /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
806 .ui-grid-icon-blank::before {
810 .ui-grid-icon-plus-squared:before {
813 .ui-grid-icon-minus-squared:before {
816 .ui-grid-icon-search:before {
819 .ui-grid-icon-cancel:before {
822 .ui-grid-icon-info-circled:before {
825 .ui-grid-icon-lock:before {
828 .ui-grid-icon-lock-open:before {
831 .ui-grid-icon-pencil:before {
834 .ui-grid-icon-down-dir:before {
837 .ui-grid-icon-up-dir:before {
840 .ui-grid-icon-left-dir:before {
843 .ui-grid-icon-right-dir:before {
846 .ui-grid-icon-left-open:before {
849 .ui-grid-icon-right-open:before {
852 .ui-grid-icon-angle-down:before {
855 .ui-grid-icon-filter:before {
858 .ui-grid-icon-sort-alt-up:before {
861 .ui-grid-icon-sort-alt-down:before {
864 .ui-grid-icon-ok:before {
867 .ui-grid-icon-menu:before {
870 .ui-grid-icon-indent-left:before {
873 .ui-grid-icon-indent-right:before {
876 .ui-grid-icon-spin5:before {
882 .ui-grid[dir=rtl] .ui-grid-header-cell,
883 .ui-grid[dir=rtl] .ui-grid-footer-cell,
884 .ui-grid[dir=rtl] .ui-grid-cell {
885 float: right !important;
887 .ui-grid[dir=rtl] .ui-grid-column-menu-button {
893 .ui-grid[dir=rtl] .ui-grid-cell:first-child,
894 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
895 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
898 .ui-grid[dir=rtl] .ui-grid-cell:last-child,
899 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
900 border-right: 1px solid #d4d4d4;
903 .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
904 .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
905 .ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
908 .ui-grid[dir=rtl] .ui-grid-menu-button {
914 border: 1px solid #d4d4d4;
919 .ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
923 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
927 .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
932 Animation example, for spinners
934 .ui-grid-animate-spin {
935 -moz-animation: ui-grid-spin 2s infinite linear;
936 -o-animation: ui-grid-spin 2s infinite linear;
937 -webkit-animation: ui-grid-spin 2s infinite linear;
938 animation: ui-grid-spin 2s infinite linear;
939 display: inline-block;
941 @-moz-keyframes ui-grid-spin {
943 -moz-transform: rotate(0deg);
944 -o-transform: rotate(0deg);
945 -webkit-transform: rotate(0deg);
946 transform: rotate(0deg);
949 -moz-transform: rotate(359deg);
950 -o-transform: rotate(359deg);
951 -webkit-transform: rotate(359deg);
952 transform: rotate(359deg);
955 @-webkit-keyframes ui-grid-spin {
957 -moz-transform: rotate(0deg);
958 -o-transform: rotate(0deg);
959 -webkit-transform: rotate(0deg);
960 transform: rotate(0deg);
963 -moz-transform: rotate(359deg);
964 -o-transform: rotate(359deg);
965 -webkit-transform: rotate(359deg);
966 transform: rotate(359deg);
969 @-o-keyframes ui-grid-spin {
971 -moz-transform: rotate(0deg);
972 -o-transform: rotate(0deg);
973 -webkit-transform: rotate(0deg);
974 transform: rotate(0deg);
977 -moz-transform: rotate(359deg);
978 -o-transform: rotate(359deg);
979 -webkit-transform: rotate(359deg);
980 transform: rotate(359deg);
983 @-ms-keyframes ui-grid-spin {
985 -moz-transform: rotate(0deg);
986 -o-transform: rotate(0deg);
987 -webkit-transform: rotate(0deg);
988 transform: rotate(0deg);
991 -moz-transform: rotate(359deg);
992 -o-transform: rotate(359deg);
993 -webkit-transform: rotate(359deg);
994 transform: rotate(359deg);
997 @keyframes ui-grid-spin {
999 -moz-transform: rotate(0deg);
1000 -o-transform: rotate(0deg);
1001 -webkit-transform: rotate(0deg);
1002 transform: rotate(0deg);
1005 -moz-transform: rotate(359deg);
1006 -o-transform: rotate(359deg);
1007 -webkit-transform: rotate(359deg);
1008 transform: rotate(359deg);
1011 /*---------------------------------------------------
1013 ---------------------------------------------------
1014 A set of useful LESS mixins
1015 More info at: http://lesselements.com
1016 ---------------------------------------------------*/
1017 /* This file contains variable declarations (do not remove this line) */
1018 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1020 * @section Grid styles
1023 * @section Header styles
1025 /** @description Colors for header gradient */
1027 * @section Grid body styles
1029 /** @description Colors used for row alternation */
1031 * @section Sort arrow colors
1034 * @section Scrollbar styles
1037 * @section font library path
1039 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1041 /* This file contains variable declarations (do not remove this line) */
1042 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1044 * @section Grid styles
1047 * @section Header styles
1049 /** @description Colors for header gradient */
1051 * @section Grid body styles
1053 /** @description Colors used for row alternation */
1055 * @section Sort arrow colors
1058 * @section Scrollbar styles
1061 * @section font library path
1063 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1064 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
1065 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
1066 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
1067 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1068 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
1069 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1073 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
1074 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1075 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1078 .ui-grid-cell-focus {
1080 background-color: #b3c4c7;
1090 .ui-grid-focuser:focus {
1091 border-color: #66afe9;
1093 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1094 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1096 .ui-grid-offscreen {
1101 clip: rect(0px, 0px, 0px, 0px);
1104 /* This file contains variable declarations (do not remove this line) */
1105 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1107 * @section Grid styles
1110 * @section Header styles
1112 /** @description Colors for header gradient */
1114 * @section Grid body styles
1116 /** @description Colors used for row alternation */
1118 * @section Sort arrow colors
1121 * @section Scrollbar styles
1124 * @section font library path
1126 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1127 div.ui-grid-cell input {
1128 border-radius: inherit;
1136 div.ui-grid-cell input:focus {
1140 div.ui-grid-cell input[type="checkbox"] {
1141 margin: 9px 0 0 6px;
1144 div.ui-grid-cell input.ng-invalid {
1145 border: 1px solid #fc8f8f;
1147 div.ui-grid-cell input.ng-valid {
1148 border: 1px solid #d4d4d4;
1151 /* This file contains variable declarations (do not remove this line) */
1152 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1154 * @section Grid styles
1157 * @section Header styles
1159 /** @description Colors for header gradient */
1161 * @section Grid body styles
1163 /** @description Colors used for row alternation */
1165 * @section Sort arrow colors
1168 * @section Scrollbar styles
1171 * @section font library path
1173 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1174 .ui-grid-viewport .ui-grid-empty-base-layer-container {
1177 pointer-events: none;
1181 /* This file contains variable declarations (do not remove this line) */
1182 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1184 * @section Grid styles
1187 * @section Header styles
1189 /** @description Colors for header gradient */
1191 * @section Grid body styles
1193 /** @description Colors used for row alternation */
1195 * @section Sort arrow colors
1198 * @section Scrollbar styles
1201 * @section font library path
1203 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1204 .expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
1205 background-color: #fdfdfd;
1207 .expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
1208 background-color: #f3f3f3;
1210 .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
1211 pointer-events: none;
1213 .ui-grid-expandable-buttons-cell i {
1214 pointer-events: all;
1218 border: 1px solid #d4d4d4;
1221 /* This file contains variable declarations (do not remove this line) */
1222 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1224 * @section Grid styles
1227 * @section Header styles
1229 /** @description Colors for header gradient */
1231 * @section Grid body styles
1233 /** @description Colors used for row alternation */
1235 * @section Sort arrow colors
1238 * @section Scrollbar styles
1241 * @section font library path
1243 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1245 /* This file contains variable declarations (do not remove this line) */
1246 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1248 * @section Grid styles
1251 * @section Header styles
1253 /** @description Colors for header gradient */
1255 * @section Grid body styles
1257 /** @description Colors used for row alternation */
1259 * @section Sort arrow colors
1262 * @section Scrollbar styles
1265 * @section font library path
1267 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1268 .ui-grid-tree-header-row {
1269 font-weight: bold !important;
1272 /* This file contains variable declarations (do not remove this line) */
1273 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1275 * @section Grid styles
1278 * @section Header styles
1280 /** @description Colors for header gradient */
1282 * @section Grid body styles
1284 /** @description Colors used for row alternation */
1286 * @section Sort arrow colors
1289 * @section Scrollbar styles
1292 * @section font library path
1294 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1296 /* This file contains variable declarations (do not remove this line) */
1297 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1299 * @section Grid styles
1302 * @section Header styles
1304 /** @description Colors for header gradient */
1306 * @section Grid body styles
1308 /** @description Colors used for row alternation */
1310 * @section Sort arrow colors
1313 * @section Scrollbar styles
1316 * @section font library path
1318 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1322 border: 1px solid #d4d4d4;
1323 box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
1325 .movingColumn .ui-grid-icon-angle-down {
1329 /* This file contains variable declarations (do not remove this line) */
1330 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1332 * @section Grid styles
1335 * @section Header styles
1337 /** @description Colors for header gradient */
1339 * @section Grid body styles
1341 /** @description Colors used for row alternation */
1343 * @section Sort arrow colors
1346 * @section Scrollbar styles
1349 * @section font library path
1351 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1352 /*---------------------------------------------------
1354 ---------------------------------------------------
1355 A set of useful LESS mixins
1356 More info at: http://lesselements.com
1357 ---------------------------------------------------*/
1358 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:before,
1359 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
1360 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:before,
1361 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1362 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:before,
1363 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1367 #ui-grid-twbs #ui-grid-twbs .form-horizontal .form-group:after,
1368 #ui-grid-twbs #ui-grid-twbs .btn-toolbar:after,
1369 #ui-grid-twbs #ui-grid-twbs .btn-group-vertical > .btn-group:after {
1372 .ui-grid-pager-panel {
1378 padding-bottom: 3px;
1379 box-sizing: content-box;
1381 .ui-grid-pager-container {
1384 .ui-grid-pager-control {
1390 .ui-grid-pager-control button {
1393 display: inline-block;
1395 font-weight: normal;
1397 vertical-align: middle;
1398 touch-action: manipulation;
1400 background-image: none;
1401 border: 1px solid transparent;
1402 white-space: nowrap;
1405 line-height: 1.42857143;
1407 -webkit-user-select: none;
1408 -moz-user-select: none;
1409 -ms-user-select: none;
1412 background-color: #f3f3f3;
1413 border-color: #cccccc;
1415 .ui-grid-pager-control button:focus,
1416 .ui-grid-pager-control button:active:focus,
1417 .ui-grid-pager-control button.active:focus,
1418 .ui-grid-pager-control button.focus,
1419 .ui-grid-pager-control button:active.focus,
1420 .ui-grid-pager-control button.active.focus {
1421 outline: 5px auto -webkit-focus-ring-color;
1422 outline-offset: -2px;
1424 .ui-grid-pager-control button:hover,
1425 .ui-grid-pager-control button:focus,
1426 .ui-grid-pager-control button.focus {
1428 text-decoration: none;
1430 .ui-grid-pager-control button:active,
1431 .ui-grid-pager-control button.active {
1433 background-image: none;
1434 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1435 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
1437 .ui-grid-pager-control button.disabled,
1438 .ui-grid-pager-control button[disabled],
1439 fieldset[disabled] .ui-grid-pager-control button {
1440 cursor: not-allowed;
1442 filter: alpha(opacity=65);
1443 -webkit-box-shadow: none;
1446 a.ui-grid-pager-control button.disabled,
1447 fieldset[disabled] a.ui-grid-pager-control button {
1448 pointer-events: none;
1450 .ui-grid-pager-control button:focus,
1451 .ui-grid-pager-control button.focus {
1453 background-color: #dadada;
1454 border-color: #8c8c8c;
1456 .ui-grid-pager-control button:hover {
1458 background-color: #dadada;
1459 border-color: #adadad;
1461 .ui-grid-pager-control button:active,
1462 .ui-grid-pager-control button.active,
1463 .open > .dropdown-toggle.ui-grid-pager-control button {
1465 background-color: #dadada;
1466 border-color: #adadad;
1468 .ui-grid-pager-control button:active:hover,
1469 .ui-grid-pager-control button.active:hover,
1470 .open > .dropdown-toggle.ui-grid-pager-control button:hover,
1471 .ui-grid-pager-control button:active:focus,
1472 .ui-grid-pager-control button.active:focus,
1473 .open > .dropdown-toggle.ui-grid-pager-control button:focus,
1474 .ui-grid-pager-control button:active.focus,
1475 .ui-grid-pager-control button.active.focus,
1476 .open > .dropdown-toggle.ui-grid-pager-control button.focus {
1478 background-color: #c8c8c8;
1479 border-color: #8c8c8c;
1481 .ui-grid-pager-control button:active,
1482 .ui-grid-pager-control button.active,
1483 .open > .dropdown-toggle.ui-grid-pager-control button {
1484 background-image: none;
1486 .ui-grid-pager-control button.disabled:hover,
1487 .ui-grid-pager-control button[disabled]:hover,
1488 fieldset[disabled] .ui-grid-pager-control button:hover,
1489 .ui-grid-pager-control button.disabled:focus,
1490 .ui-grid-pager-control button[disabled]:focus,
1491 fieldset[disabled] .ui-grid-pager-control button:focus,
1492 .ui-grid-pager-control button.disabled.focus,
1493 .ui-grid-pager-control button[disabled].focus,
1494 fieldset[disabled] .ui-grid-pager-control button.focus {
1495 background-color: #f3f3f3;
1496 border-color: #cccccc;
1498 .ui-grid-pager-control button .badge {
1500 background-color: #eeeeee;
1502 .ui-grid-pager-control input {
1508 line-height: 1.42857143;
1510 background-color: #ffffff;
1511 background-image: none;
1512 border: 1px solid #cccccc;
1514 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1515 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1516 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1517 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1518 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1527 vertical-align: top;
1529 .ui-grid-pager-control input:focus {
1530 border-color: #66afe9;
1532 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1533 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1535 .ui-grid-pager-control input::-moz-placeholder {
1539 .ui-grid-pager-control input:-ms-input-placeholder {
1542 .ui-grid-pager-control input::-webkit-input-placeholder {
1545 .ui-grid-pager-control input::-ms-expand {
1547 background-color: transparent;
1549 .ui-grid-pager-control input[disabled],
1550 .ui-grid-pager-control input[readonly],
1551 fieldset[disabled] .ui-grid-pager-control input {
1552 background-color: #eeeeee;
1555 .ui-grid-pager-control input[disabled],
1556 fieldset[disabled] .ui-grid-pager-control input {
1557 cursor: not-allowed;
1559 textarea.ui-grid-pager-control input {
1562 select.ui-grid-pager-control input {
1566 textarea.ui-grid-pager-control input,
1567 select[multiple].ui-grid-pager-control input {
1570 .ui-grid-pager-control .ui-grid-pager-max-pages-number {
1571 vertical-align: bottom;
1573 .ui-grid-pager-control .ui-grid-pager-max-pages-number > * {
1574 vertical-align: middle;
1576 .ui-grid-pager-control .first-bar {
1578 border-left: 2px solid #4d4d4d;
1583 .ui-grid-pager-control .first-bar-rtl {
1585 border-left: 2px solid #4d4d4d;
1590 .ui-grid-pager-control .first-triangle {
1593 border-style: solid;
1594 border-width: 5px 8.7px 5px 0;
1595 border-color: transparent #4d4d4d transparent transparent;
1598 .ui-grid-pager-control .next-triangle {
1601 .ui-grid-pager-control .prev-triangle {
1604 .ui-grid-pager-control .last-triangle {
1607 border-style: solid;
1608 border-width: 5px 0 5px 8.7px;
1609 border-color: transparent transparent transparent #4d4d4d;
1612 .ui-grid-pager-control .last-bar {
1614 border-left: 2px solid #4d4d4d;
1619 .ui-grid-pager-control .last-bar-rtl {
1621 border-left: 2px solid #4d4d4d;
1624 margin-right: -11px;
1626 .ui-grid-pager-row-count-picker {
1629 .ui-grid-pager-row-count-picker select {
1635 line-height: 1.42857143;
1637 background-color: #ffffff;
1638 background-image: none;
1639 border: 1px solid #cccccc;
1641 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1642 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
1643 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1644 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1645 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1655 .ui-grid-pager-row-count-picker select:focus {
1656 border-color: #66afe9;
1658 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1659 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
1661 .ui-grid-pager-row-count-picker select::-moz-placeholder {
1665 .ui-grid-pager-row-count-picker select:-ms-input-placeholder {
1668 .ui-grid-pager-row-count-picker select::-webkit-input-placeholder {
1671 .ui-grid-pager-row-count-picker select::-ms-expand {
1673 background-color: transparent;
1675 .ui-grid-pager-row-count-picker select[disabled],
1676 .ui-grid-pager-row-count-picker select[readonly],
1677 fieldset[disabled] .ui-grid-pager-row-count-picker select {
1678 background-color: #eeeeee;
1681 .ui-grid-pager-row-count-picker select[disabled],
1682 fieldset[disabled] .ui-grid-pager-row-count-picker select {
1683 cursor: not-allowed;
1685 textarea.ui-grid-pager-row-count-picker select {
1688 select.ui-grid-pager-row-count-picker select {
1692 textarea.ui-grid-pager-row-count-picker select,
1693 select[multiple].ui-grid-pager-row-count-picker select {
1696 .ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
1699 .ui-grid-pager-count-container {
1704 .ui-grid-pager-count-container .ui-grid-pager-count {
1710 /* This file contains variable declarations (do not remove this line) */
1711 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1713 * @section Grid styles
1716 * @section Header styles
1718 /** @description Colors for header gradient */
1720 * @section Grid body styles
1722 /** @description Colors used for row alternation */
1724 * @section Sort arrow colors
1727 * @section Scrollbar styles
1730 * @section font library path
1732 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1733 .ui-grid-pinned-container {
1738 .ui-grid-pinned-container.ui-grid-pinned-container-left {
1742 .ui-grid-pinned-container.ui-grid-pinned-container-right {
1746 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
1747 box-sizing: border-box;
1748 border-right: 1px solid;
1750 border-right-color: #aeaeae;
1752 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
1753 box-sizing: border-box;
1754 border-right: 1px solid;
1756 border-right-color: #aeaeae;
1758 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
1759 .ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1762 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
1763 background-color: #d4d4d4;
1765 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1766 background-color: #aeaeae;
1768 .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
1771 background-color: #aeaeae;
1773 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
1774 box-sizing: border-box;
1775 border-left: 1px solid;
1777 border-left-color: #aeaeae;
1779 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
1780 box-sizing: border-box;
1781 border-left: 1px solid;
1783 border-left-color: #aeaeae;
1785 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
1786 .ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
1789 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
1790 background-color: #d4d4d4;
1792 .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
1793 background-color: #aeaeae;
1795 .ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
1798 background-color: #aeaeae;
1801 /* This file contains variable declarations (do not remove this line) */
1802 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1804 * @section Grid styles
1807 * @section Header styles
1809 /** @description Colors for header gradient */
1811 * @section Grid body styles
1813 /** @description Colors used for row alternation */
1815 * @section Sort arrow colors
1818 * @section Scrollbar styles
1821 * @section font library path
1823 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1824 .ui-grid-column-resizer {
1831 .ui-grid-column-resizer.left {
1834 .ui-grid-column-resizer.right {
1837 .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
1838 border-right: 1px solid #d4d4d4;
1840 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
1843 .ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
1844 border-left: 1px solid #d4d4d4;
1846 .ui-grid.column-resizing {
1849 .ui-grid.column-resizing .ui-grid-resize-overlay {
1854 background-color: #aeaeae;
1857 /* This file contains variable declarations (do not remove this line) */
1858 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1860 * @section Grid styles
1863 * @section Header styles
1865 /** @description Colors for header gradient */
1867 * @section Grid body styles
1869 /** @description Colors used for row alternation */
1871 * @section Sort arrow colors
1874 * @section Scrollbar styles
1877 * @section font library path
1879 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1880 .ui-grid-row-saving .ui-grid-cell {
1881 color: #848484 !important;
1883 .ui-grid-row-dirty .ui-grid-cell {
1886 .ui-grid-row-error .ui-grid-cell {
1887 color: #ff0000 !important;
1890 /* This file contains variable declarations (do not remove this line) */
1891 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1893 * @section Grid styles
1896 * @section Header styles
1898 /** @description Colors for header gradient */
1900 * @section Grid body styles
1902 /** @description Colors used for row alternation */
1904 * @section Sort arrow colors
1907 * @section Scrollbar styles
1910 * @section font library path
1912 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1913 .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
1914 background-color: #c9dde1;
1916 .ui-grid-disable-selection {
1917 -webkit-touch-callout: none;
1918 -webkit-user-select: none;
1919 -khtml-user-select: none;
1920 -moz-user-select: none;
1921 -ms-user-select: none;
1925 .ui-grid-selection-row-header-buttons {
1929 .ui-grid-selection-row-header-buttons.ui-grid-row-selected {
1932 .ui-grid-selection-row-header-buttons.ui-grid-all-selected {
1936 /* This file contains variable declarations (do not remove this line) */
1937 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1939 * @section Grid styles
1942 * @section Header styles
1944 /** @description Colors for header gradient */
1946 * @section Grid body styles
1948 /** @description Colors used for row alternation */
1950 * @section Sort arrow colors
1953 * @section Scrollbar styles
1956 * @section font library path
1958 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1959 .ui-grid-tree-row-header-buttons.ui-grid-tree-header {
1964 /* This file contains variable declarations (do not remove this line) */
1965 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1967 * @section Grid styles
1970 * @section Header styles
1972 /** @description Colors for header gradient */
1974 * @section Grid body styles
1976 /** @description Colors used for row alternation */
1978 * @section Sort arrow colors
1981 * @section Scrollbar styles
1984 * @section font library path
1986 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1987 .ui-grid-tree-header-row {
1988 font-weight: bold !important;
1990 .ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
1991 pointer-events: all;
1994 /* This file contains variable declarations (do not remove this line) */
1995 /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
1997 * @section Grid styles
2000 * @section Header styles
2002 /** @description Colors for header gradient */
2004 * @section Grid body styles
2006 /** @description Colors used for row alternation */
2008 * @section Sort arrow colors
2011 * @section Scrollbar styles
2014 * @section font library path
2016 /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
2017 div.ui-grid-cell-contents.invalid {
2018 border: 1px solid #fc8f8f;
2020 Contact GitHub API Training Shop Blog About
2021 © 2017 GitHub, Inc. Terms Privacy Security Status Help