footable.core.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. @font-face {
  2. font-family: 'footable';
  3. src: url('fonts/footable.eot');
  4. src: url('fonts/footable.eot@#iefix') format('embedded-opentype'), url('fonts/footable.woff') format('woff'), url('fonts/footable.ttf') format('truetype'), url('fonts/footable.svg#footable') format('svg');
  5. font-weight: normal;
  6. font-style: normal;
  7. }
  8. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  9. @font-face {
  10. font-family: 'footable';
  11. src: url('fonts/footable.svg#footable') format('svg');
  12. font-weight: normal;
  13. font-style: normal;
  14. }
  15. }
  16. .footable {
  17. width: 100%;
  18. /** SORTING **/
  19. /** PAGINATION **/
  20. }
  21. .footable.breakpoint > tbody > tr.footable-detail-show > td {
  22. border-bottom: none;
  23. }
  24. .footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  25. content: "\e001";
  26. }
  27. .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  28. cursor: pointer;
  29. }
  30. .footable.breakpoint > tbody > tr > td.footable-cell-detail {
  31. background: #eee;
  32. border-top: none;
  33. }
  34. .footable.breakpoint > tbody > tr > td > span.footable-toggle {
  35. display: inline-block;
  36. font-family: 'footable';
  37. speak: none;
  38. font-style: normal;
  39. font-weight: normal;
  40. font-variant: normal;
  41. text-transform: none;
  42. -webkit-font-smoothing: antialiased;
  43. padding-right: 5px;
  44. font-size: 14px;
  45. color: #888888;
  46. }
  47. .footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  48. content: "\e000";
  49. }
  50. .footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  51. content: "\e005";
  52. }
  53. .footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
  54. content: "\e004";
  55. }
  56. .footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  57. content: "\e003";
  58. }
  59. .footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
  60. content: "\e002";
  61. }
  62. .footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  63. content: "\e007";
  64. }
  65. .footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
  66. content: "\e006";
  67. }
  68. .footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  69. content: "\e009";
  70. }
  71. .footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
  72. content: "\e008";
  73. }
  74. .footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  75. content: "\e00f";
  76. }
  77. .footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
  78. content: "\e011";
  79. }
  80. .footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  81. content: "\e013";
  82. }
  83. .footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
  84. content: "\e015";
  85. }
  86. .footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  87. content: "\e01b";
  88. }
  89. .footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
  90. content: "\e01d";
  91. }
  92. .footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  93. content: "\e00b";
  94. }
  95. .footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
  96. content: "\e00d";
  97. }
  98. .footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  99. content: "\e01f";
  100. }
  101. .footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
  102. content: "\e021";
  103. }
  104. .footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  105. content: "\e017";
  106. }
  107. .footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
  108. content: "\e019";
  109. }
  110. .footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
  111. font-size: 18px;
  112. }
  113. .footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
  114. font-size: 24px;
  115. }
  116. .footable > thead > tr > th {
  117. -webkit-touch-callout: none;
  118. -webkit-user-select: none;
  119. -khtml-user-select: none;
  120. -moz-user-select: -moz-none;
  121. -ms-user-select: none;
  122. user-select: none;
  123. }
  124. .footable > thead > tr > th.footable-sortable:hover {
  125. cursor: pointer;
  126. }
  127. .footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
  128. content: "\e013";
  129. }
  130. .footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
  131. content: "\e012";
  132. }
  133. .footable > thead > tr > th > span.footable-sort-indicator {
  134. display: inline-block;
  135. font-family: 'footable';
  136. speak: none;
  137. font-style: normal;
  138. font-weight: normal;
  139. font-variant: normal;
  140. text-transform: none;
  141. -webkit-font-smoothing: antialiased;
  142. padding-left: 5px;
  143. }
  144. .footable > thead > tr > th > span.footable-sort-indicator:before {
  145. content: "\e022";
  146. }
  147. .footable > tfoot .pagination {
  148. margin: 0;
  149. }
  150. .footable.no-paging .hide-if-no-paging {
  151. display: none;
  152. }
  153. .footable-row-detail-inner {
  154. display: table;
  155. }
  156. .footable-row-detail-row {
  157. display: table-row;
  158. line-height: 1.5em;
  159. }
  160. .footable-row-detail-group {
  161. display: block;
  162. line-height: 2em;
  163. font-size: 1.2em;
  164. font-weight: bold;
  165. }
  166. .footable-row-detail-name {
  167. display: table-cell;
  168. font-weight: bold;
  169. padding-right: 0.5em;
  170. }
  171. .footable-row-detail-value {
  172. display: table-cell;
  173. }
  174. .footable-odd {
  175. background-color: #f7f7f7;
  176. }