jquery-tablesorter 1.4.1 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,183 @@
1
+ /**** Filter Formatter Elements ****/
2
+ .tablesorter .tablesorter-filter-row td {
3
+ text-align: center;
4
+ font-size: 0.9em;
5
+ font-weight: normal;
6
+ }
7
+
8
+ /**** Sliders ****/
9
+ /* shrink the sliders to look nicer inside of a table cell */
10
+ .tablesorter .ui-slider, .tablesorter input.range {
11
+ width: 90%;
12
+ margin: 2px auto 2px auto; /* add enough top margin so the tooltips will fit */
13
+ font-size: 0.8em;
14
+ }
15
+ .tablesorter .ui-slider {
16
+ top: 12px;
17
+ }
18
+ .tablesorter .ui-slider .ui-slider-handle {
19
+ width: 0.9em;
20
+ height: 0.9em;
21
+ }
22
+ .tablesorter .ui-datepicker {
23
+ font-size: 0.8em;
24
+ }
25
+ .tablesorter .ui-slider-horizontal {
26
+ height: 0.5em;
27
+ }
28
+ /* Add tooltips to slider handles */
29
+ .tablesorter .value-popup:after {
30
+ content : attr(data-value);
31
+ position: absolute;
32
+ bottom: 14px;
33
+ left: -7px;
34
+ min-width: 18px;
35
+ height: 12px;
36
+ background-color: #444;
37
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999));
38
+ background-image: -webkit-linear-gradient(top, #444, #999);
39
+ background-image: -moz-linear-gradient(top, #444, #999);
40
+ background-image: -o-linear-gradient(top, #444, #999);
41
+ background-image: linear-gradient(to bottom, #444, #999);
42
+ -webkit-border-radius: 3px;
43
+ border-radius: 3px;
44
+ -webkit-background-clip: padding-box; background-clip: padding-box;
45
+ -webkit-box-shadow: 0px 0px 4px 0px #777;
46
+ box-shadow: 0px 0px 4px 0px #777;
47
+ border: #444 1px solid;
48
+ color: #fff;
49
+ font: 1em/1.1em Arial, Sans-Serif;
50
+ padding: 1px;
51
+ text-align: center;
52
+ }
53
+ .tablesorter .value-popup:before {
54
+ content: "";
55
+ position: absolute;
56
+ width: 0;
57
+ height: 0;
58
+ border-top: 8px solid #777;
59
+ border-left: 8px solid transparent;
60
+ border-right: 8px solid transparent;
61
+ top: -8px;
62
+ left: 50%;
63
+ margin-left: -8px;
64
+ margin-top: -1px;
65
+ }
66
+
67
+ /**** Date Picker ****/
68
+ .tablesorter .dateFrom, .tablesorter .dateTo {
69
+ width: 80px;
70
+ margin: 2px 5px;
71
+ }
72
+
73
+ /**** Color Picker/HTML5Number Toggle button ****/
74
+ .tablesorter .button {
75
+ width: 14px;
76
+ height: 14px;
77
+ background: #fcfff4;
78
+ background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
79
+ background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
80
+ background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
81
+ background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
82
+ background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
83
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0 );
84
+ margin: 1px 5px 1px 1px;
85
+ -webkit-border-radius: 25px;
86
+ -moz-border-radius: 25px;
87
+ border-radius: 25px;
88
+ -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
89
+ -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
90
+ box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
91
+ position: relative;
92
+ top: 3px;
93
+ display: inline-block;
94
+ }
95
+
96
+ .tablesorter .button label {
97
+ cursor: pointer;
98
+ position: absolute;
99
+ width: 10px;
100
+ height: 10px;
101
+ -webkit-border-radius: 25px;
102
+ -moz-border-radius: 25px;
103
+ border-radius: 25px;
104
+ left: 2px;
105
+ top: 2px;
106
+ -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
107
+ -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
108
+ box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
109
+ background: #45484d;
110
+ background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
111
+ background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
112
+ background: -o-linear-gradient(top, #222 0%, #45484d 100%);
113
+ background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
114
+ background: linear-gradient(top, #222 0%, #45484d 100%);
115
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d', GradientType=0 );
116
+ }
117
+
118
+ .tablesorter .button label:after {
119
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
120
+ filter: alpha(opacity=0);
121
+ opacity: 0;
122
+ content: '';
123
+ position: absolute;
124
+ width: 8px;
125
+ height: 8px;
126
+ background: #55f;
127
+ background: -webkit-linear-gradient(top, #aaf 0%, #55f 100%);
128
+ background: -moz-linear-gradient(top, #aaf 0%, #55f 100%);
129
+ background: -o-linear-gradient(top, #aaf 0%, #55f 100%);
130
+ background: -ms-linear-gradient(top, #aaf 0%, #55f 100%);
131
+ background: linear-gradient(top, #aaf 0%, #55f 100%);
132
+ -webkit-border-radius: 25px;
133
+ -moz-border-radius: 25px;
134
+ border-radius: 25px;
135
+ top: 1px;
136
+ left: 1px;
137
+ -webkit-box-shadow: inset 0px 1px 1px #fff, 0px 1px 3px rgba(0,0,0,0.5);
138
+ -moz-box-shadow: inset 0px 1px 1px #fff, 0px 1px 3px rgba(0,0,0,0.5);
139
+ box-shadow: inset 0px 1px 1px #fff, 0px 1px 3px rgba(0,0,0,0.5);
140
+ }
141
+
142
+ .tablesorter .button label:hover::after {
143
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
144
+ filter: alpha(opacity=30);
145
+ opacity: 0.3;
146
+ }
147
+
148
+ .tablesorter .button input[type=checkbox] {
149
+ visibility: hidden;
150
+ }
151
+
152
+ .tablesorter .button input[type=checkbox]:checked + label:after {
153
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
154
+ filter: alpha(opacity=100);
155
+ opacity: 1;
156
+ }
157
+
158
+ .tablesorter .colorpicker {
159
+ width: 30px;
160
+ height: 18px;
161
+ }
162
+ .tablesorter .ui-spinner-input {
163
+ width: 100px;
164
+ height: 18px;
165
+ }
166
+ .tablesorter .currentColor, .tablesorter .ui-spinner {
167
+ position: relative;
168
+ }
169
+ .tablesorter input.number {
170
+ position: relative;
171
+ }
172
+
173
+ /* hide filter row */
174
+ .tablesorter .tablesorter-filter-row.hideme td * {
175
+ height: 1px;
176
+ min-height: 0;
177
+ border: 0;
178
+ padding: 0;
179
+ margin: 0;
180
+ /* don't use visibility: hidden because it disables tabbing */
181
+ opacity: 0;
182
+ filter: alpha(opacity=0);
183
+ }
@@ -113,6 +113,11 @@
113
113
  background-color: #5a646b;
114
114
  }
115
115
 
116
+ /* caption */
117
+ caption {
118
+ background: #fff;
119
+ }
120
+
116
121
  /* filter widget */
117
122
  .tablesorter-blackice .tablesorter-filter-row td {
118
123
  background: #222;
@@ -153,7 +158,7 @@
153
158
  /* filters */
154
159
  .tablesorter-blackice .tablesorter-filter {
155
160
  width: 98%;
156
- height: inherit;
161
+ height: auto;
157
162
  margin: 0;
158
163
  padding: 4px;
159
164
  background-color: #fff;
@@ -167,3 +172,9 @@
167
172
  -o-transition: height 0.1s ease;
168
173
  transition: height 0.1s ease;
169
174
  }
175
+
176
+ /* ajax error row */
177
+ .tablesorter .tablesorter-errorRow td {
178
+ cursor: pointer;
179
+ background-color: #e6bf99;
180
+ }
@@ -148,6 +148,11 @@
148
148
  background-color: #ebf0fa;
149
149
  }
150
150
 
151
+ /* caption */
152
+ caption {
153
+ background: #fff;
154
+ }
155
+
151
156
  /* filter widget */
152
157
  .tablesorter-blue .tablesorter-filter-row td {
153
158
  background: #eee;
@@ -188,7 +193,7 @@
188
193
  /* filters */
189
194
  .tablesorter-blue .tablesorter-filter {
190
195
  width: 98%;
191
- height: inherit;
196
+ height: auto;
192
197
  margin: 0;
193
198
  padding: 4px;
194
199
  background-color: #fff;
@@ -202,3 +207,9 @@
202
207
  -o-transition: height 0.1s ease;
203
208
  transition: height 0.1s ease;
204
209
  }
210
+
211
+ /* ajax error row */
212
+ .tablesorter .tablesorter-errorRow td {
213
+ cursor: pointer;
214
+ background-color: #e6bf99;
215
+ }
@@ -71,10 +71,15 @@
71
71
  z-index: 1000;
72
72
  }
73
73
 
74
+ /* caption */
75
+ caption {
76
+ background: #fff;
77
+ }
78
+
74
79
  /* filter widget */
75
80
  .tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter {
76
81
  width: 98%;
77
- height: inherit;
82
+ height: auto;
78
83
  margin: 0 auto;
79
84
  padding: 4px 6px;
80
85
  background-color: #fff;
@@ -87,6 +92,10 @@
87
92
  -o-transition: height 0.1s ease;
88
93
  transition: height 0.1s ease;
89
94
  }
95
+ .tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter.disabled {
96
+ background: #eee;
97
+ cursor: not-allowed;
98
+ }
90
99
  .tablesorter-bootstrap .tablesorter-filter-row td {
91
100
  background: #eee;
92
101
  line-height: normal;
@@ -121,4 +130,10 @@
121
130
  }
122
131
  .tablesorter-bootstrap .tablesorter-pager .pagedisplay {
123
132
  border: 0;
124
- }
133
+ }
134
+
135
+ /* ajax error row */
136
+ .tablesorter .tablesorter-errorRow td {
137
+ cursor: pointer;
138
+ background-color: #e6bf99;
139
+ }
@@ -112,6 +112,11 @@
112
112
  background-color: #0f0f0f;
113
113
  }
114
114
 
115
+ /* caption */
116
+ caption {
117
+ background: #fff;
118
+ }
119
+
115
120
  /* filter widget */
116
121
  .tablesorter-dark .tablesorter-filter-row td {
117
122
  background: #202020;
@@ -154,7 +159,7 @@
154
159
  /* filters */
155
160
  .tablesorter-dark .tablesorter-filter {
156
161
  width: 98%;
157
- height: inherit;
162
+ height: auto;
158
163
  margin: 4px;
159
164
  padding: 4px;
160
165
  background-color: #111;
@@ -168,3 +173,9 @@
168
173
  -o-transition: height 0.1s ease;
169
174
  transition: height 0.1s ease;
170
175
  }
176
+
177
+ /* ajax error row */
178
+ .tablesorter .tablesorter-errorRow td {
179
+ cursor: pointer;
180
+ background-color: #e6bf99;
181
+ }
@@ -22,7 +22,8 @@ Default Theme
22
22
  border-bottom: #ccc 2px solid;
23
23
  padding: 0;
24
24
  }
25
- .tablesorter-default tfoot th {
25
+ .tablesorter-default tfoot th,
26
+ .tablesorter-default tfoot td {
26
27
  border: 0;
27
28
  }
28
29
  .tablesorter-default .header,
@@ -114,6 +115,11 @@ Default Theme
114
115
  background-color: #f2f2f2;
115
116
  }
116
117
 
118
+ /* caption */
119
+ caption {
120
+ background: #fff;
121
+ }
122
+
117
123
  /* filter widget */
118
124
  .tablesorter-default .tablesorter-filter-row td {
119
125
  background: #eee;
@@ -155,7 +161,7 @@ Default Theme
155
161
  /* filters */
156
162
  .tablesorter-default .tablesorter-filter {
157
163
  width: 95%;
158
- height: inherit;
164
+ height: auto;
159
165
  margin: 4px;
160
166
  padding: 4px;
161
167
  background-color: #fff;
@@ -169,3 +175,9 @@ Default Theme
169
175
  -o-transition: height 0.1s ease;
170
176
  transition: height 0.1s ease;
171
177
  }
178
+
179
+ /* ajax error row */
180
+ .tablesorter .tablesorter-errorRow td {
181
+ cursor: pointer;
182
+ background-color: #e6bf99;
183
+ }
@@ -22,7 +22,6 @@
22
22
  border-color: #82cffa #e7f2fb #96c4ea;
23
23
  border-style: solid;
24
24
  border-width: 1px;
25
- height: 29px;
26
25
  padding: 3px 6px;
27
26
  font-size: 13px;
28
27
  font-weight: normal;
@@ -133,9 +132,14 @@
133
132
  .tablesorter-dropbox tr.even td.tertiary {
134
133
  }
135
134
 
135
+ /* caption */
136
+ caption {
137
+ background: #fff;
138
+ }
139
+
136
140
  /* Filter Widget */
137
- .tablesorter-dropbox.tablesorter-filter-row td {
138
- background: #eee;
141
+ .tablesorter-dropbox .tablesorter-filter-row td {
142
+ background: #fff;
139
143
  line-height: normal;
140
144
  text-align: center; /* center the input */
141
145
  -webkit-transition: line-height 0.1s ease;
@@ -144,14 +148,14 @@
144
148
  transition: line-height 0.1s ease;
145
149
  }
146
150
  /* optional disabled input styling */
147
- .tablesorter-dropbox.tablesorter-filter-row .disabled {
151
+ .tablesorter-dropbox .tablesorter-filter-row .disabled {
148
152
  opacity: 0.5;
149
153
  filter: alpha(opacity=50);
150
154
  cursor: not-allowed;
151
155
  }
152
156
 
153
157
  /* hidden filter row */
154
- .tablesorter-dropbox.tablesorter-filter-row.hideme td {
158
+ .tablesorter-dropbox .tablesorter-filter-row.hideme td {
155
159
  /*** *********************************************** ***/
156
160
  /*** change this padding to modify the thickness ***/
157
161
  /*** of the closed filter row (height = padding x 2) ***/
@@ -161,7 +165,7 @@
161
165
  line-height: 0;
162
166
  cursor: pointer;
163
167
  }
164
- .tablesorter-dropbox.tablesorter-filter-row.hideme .tablesorter-filter {
168
+ .tablesorter-dropbox .tablesorter-filter-row.hideme .tablesorter-filter {
165
169
  height: 1px;
166
170
  min-height: 0;
167
171
  border: 0;
@@ -173,11 +177,11 @@
173
177
  }
174
178
 
175
179
  /* filters */
176
- .tablesorter-dropbox.tablesorter-filter {
180
+ .tablesorter-dropbox .tablesorter-filter {
177
181
  width: 98%;
178
- height: inherit;
182
+ height: auto;
179
183
  margin: 4px;
180
- padding: 4px;
184
+
181
185
  background-color: #fff;
182
186
  border: 1px solid #bbb;
183
187
  color: #333;
@@ -189,3 +193,9 @@
189
193
  -o-transition: height 0.1s ease;
190
194
  transition: height 0.1s ease;
191
195
  }
196
+
197
+ /* ajax error row */
198
+ .tablesorter .tablesorter-errorRow td {
199
+ cursor: pointer;
200
+ background-color: #e6bf99;
201
+ }
@@ -131,6 +131,11 @@
131
131
  background-color: #ebfaed;
132
132
  }
133
133
 
134
+ /* caption */
135
+ caption {
136
+ background: #fff;
137
+ }
138
+
134
139
  /* filter widget */
135
140
  .tablesorter-green .tablesorter-filter-row td {
136
141
  background: #eee;
@@ -171,7 +176,7 @@
171
176
  /* filters */
172
177
  .tablesorter-green .tablesorter-filter {
173
178
  width: 98%;
174
- height: inherit;
179
+ height: auto;
175
180
  margin: 4px;
176
181
  padding: 4px;
177
182
  background-color: #fff;
@@ -185,3 +190,9 @@
185
190
  -o-transition: height 0.1s ease;
186
191
  transition: height 0.1s ease;
187
192
  }
193
+
194
+ /* ajax error row */
195
+ .tablesorter .tablesorter-errorRow td {
196
+ cursor: pointer;
197
+ background-color: #e6bf99;
198
+ }