Project

General

Profile

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

    
20
  /** PAGINATION **/
21

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