Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
 
 
 
 
 
 

158 рядки
2.8 KiB

  1. /*
  2. IMPORTANT:
  3. In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
  4. No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
  5. classes should alter those!
  6. */
  7. .slick-header.ui-state-default, .slick-headerrow.ui-state-default {
  8. width: 100%;
  9. overflow: hidden;
  10. border-left: 0px;
  11. }
  12. .slick-header-columns, .slick-headerrow-columns {
  13. position: relative;
  14. white-space: nowrap;
  15. cursor: default;
  16. overflow: hidden;
  17. }
  18. .slick-header-column.ui-state-default {
  19. position: relative;
  20. display: inline-block;
  21. overflow: hidden;
  22. -o-text-overflow: ellipsis;
  23. text-overflow: ellipsis;
  24. height: 16px;
  25. line-height: 16px;
  26. margin: 0;
  27. padding: 4px;
  28. border-right: 1px solid silver;
  29. border-left: 0px;
  30. border-top: 0px;
  31. border-bottom: 0px;
  32. float: left;
  33. }
  34. .slick-headerrow-column.ui-state-default {
  35. padding: 4px;
  36. }
  37. .slick-header-column-sorted {
  38. font-style: italic;
  39. }
  40. .slick-sort-indicator {
  41. display: inline-block;
  42. width: 8px;
  43. height: 5px;
  44. margin-left: 4px;
  45. margin-top: 6px;
  46. float: left;
  47. }
  48. .slick-sort-indicator-desc {
  49. background: url(images/sort-desc.gif);
  50. }
  51. .slick-sort-indicator-asc {
  52. background: url(images/sort-asc.gif);
  53. }
  54. .slick-resizable-handle {
  55. position: absolute;
  56. font-size: 0.1px;
  57. display: block;
  58. cursor: col-resize;
  59. width: 4px;
  60. right: 0px;
  61. top: 0;
  62. height: 100%;
  63. }
  64. .slick-sortable-placeholder {
  65. background: silver;
  66. }
  67. .grid-canvas {
  68. position: relative;
  69. outline: 0;
  70. }
  71. .slick-row.ui-widget-content, .slick-row.ui-state-active {
  72. position: absolute;
  73. border: 0px;
  74. width: 100%;
  75. }
  76. .slick-cell, .slick-headerrow-column {
  77. position: absolute;
  78. border: 1px solid transparent;
  79. border-right: 1px dotted silver;
  80. border-bottom-color: silver;
  81. overflow: hidden;
  82. -o-text-overflow: ellipsis;
  83. text-overflow: ellipsis;
  84. vertical-align: middle;
  85. z-index: 1;
  86. padding: 1px 2px 2px 1px;
  87. margin: 0;
  88. white-space: nowrap;
  89. cursor: default;
  90. }
  91. .slick-group {
  92. }
  93. .slick-group-toggle {
  94. display: inline-block;
  95. }
  96. .slick-cell.highlighted {
  97. background: lightskyblue;
  98. background: rgba(0, 0, 255, 0.2);
  99. -webkit-transition: all 0.5s;
  100. -moz-transition: all 0.5s;
  101. -o-transition: all 0.5s;
  102. transition: all 0.5s;
  103. }
  104. .slick-cell.flashing {
  105. border: 1px solid red !important;
  106. }
  107. .slick-cell.editable {
  108. z-index: 11;
  109. overflow: visible;
  110. background: white;
  111. border-color: black;
  112. border-style: solid;
  113. }
  114. .slick-cell:focus {
  115. outline: none;
  116. }
  117. .slick-reorder-proxy {
  118. display: inline-block;
  119. background: blue;
  120. opacity: 0.15;
  121. filter: alpha(opacity = 15);
  122. cursor: move;
  123. }
  124. .slick-reorder-guide {
  125. display: inline-block;
  126. height: 2px;
  127. background: blue;
  128. opacity: 0.7;
  129. filter: alpha(opacity = 70);
  130. }
  131. .slick-selection {
  132. z-index: 10;
  133. position: absolute;
  134. border: 2px dashed black;
  135. }