jquery-tablesorter 1.4.1 → 1.5.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
+ }