summaryrefslogtreecommitdiffstats
path: root/tablesorter
diff options
context:
space:
mode:
authorTed Trask <ttrask01@yahoo.com>2015-06-24 21:30:44 -0400
committerTed Trask <ttrask01@yahoo.com>2015-06-24 21:30:44 -0400
commit59fad96f7a1e4adabc435d1af4372331014184a3 (patch)
tree82fcb8153a6df3c999081fa43c45e9f82d2af5aa /tablesorter
parent9eeb5f31e63d19f471bbc4c09dac0eabed430c11 (diff)
downloadacf-jquery-59fad96f7a1e4adabc435d1af4372331014184a3.tar.bz2
acf-jquery-59fad96f7a1e4adabc435d1af4372331014184a3.tar.xz
Bump tablesorter to 2.22.1 and add some widgets and new themes
https://github.com/Mottie/tablesorter/archive/v2.22.1.zip js minified using http://javascript-minifier.com/ and headers maintained
Diffstat (limited to 'tablesorter')
-rw-r--r--tablesorter/first.pngbin0 -> 720 bytes
-rw-r--r--tablesorter/last.pngbin0 -> 737 bytes
-rw-r--r--tablesorter/next.pngbin0 -> 736 bytes
-rw-r--r--tablesorter/prev.pngbin0 -> 745 bytes
-rw-r--r--tablesorter/theme.black-ice.css30
-rw-r--r--tablesorter/theme.blue.css34
-rw-r--r--tablesorter/theme.bootstrap.css87
-rw-r--r--tablesorter/theme.bootstrap_2.css157
-rw-r--r--tablesorter/theme.dark.css32
-rw-r--r--tablesorter/theme.default.css31
-rw-r--r--tablesorter/theme.dropbox.css61
-rw-r--r--tablesorter/theme.green.css66
-rw-r--r--tablesorter/theme.grey.css56
-rw-r--r--tablesorter/theme.ice.css49
-rw-r--r--tablesorter/theme.jui.css41
-rw-r--r--tablesorter/theme.metro-dark.css197
16 files changed, 676 insertions, 165 deletions
diff --git a/tablesorter/first.png b/tablesorter/first.png
new file mode 100644
index 0000000..6f11fcb
--- /dev/null
+++ b/tablesorter/first.png
Binary files differ
diff --git a/tablesorter/last.png b/tablesorter/last.png
new file mode 100644
index 0000000..7207935
--- /dev/null
+++ b/tablesorter/last.png
Binary files differ
diff --git a/tablesorter/next.png b/tablesorter/next.png
new file mode 100644
index 0000000..4a2f9d4
--- /dev/null
+++ b/tablesorter/next.png
Binary files differ
diff --git a/tablesorter/prev.png b/tablesorter/prev.png
new file mode 100644
index 0000000..15d1584
--- /dev/null
+++ b/tablesorter/prev.png
Binary files differ
diff --git a/tablesorter/theme.black-ice.css b/tablesorter/theme.black-ice.css
index 5b46fc1..1bf253d 100644
--- a/tablesorter/theme.black-ice.css
+++ b/tablesorter/theme.black-ice.css
@@ -17,7 +17,8 @@
.tablesorter-blackice th,
.tablesorter-blackice thead td {
padding: 4px;
- font: bold 13px/20px Arial, Sans-serif;
+ font: 13px/20px Arial, Sans-serif;
+ font-weight: bold;
color: #e5e5e5;
text-align: left;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
@@ -46,6 +47,7 @@
}
.tablesorter-blackice thead .sorter-false {
background-image: none;
+ cursor: default;
padding: 4px;
}
@@ -68,25 +70,26 @@
}
/* hovered row colors */
+.tablesorter-blackice tbody > tr.hover > td,
.tablesorter-blackice tbody > tr:hover > td,
.tablesorter-blackice tbody > tr.even:hover > td,
.tablesorter-blackice tbody > tr.odd:hover > td {
- background: #000;
+ background-color: #000;
}
/* table processing indicator */
.tablesorter-blackice .tablesorter-processing {
background-position: center center !important;
background-repeat: no-repeat !important;
- /* background-image: url(../addons/pager/icons/loading.gif) !important; */
+ /* background-image: url(images/loading.gif) !important; */
background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}
/* Zebra Widget - row alternating colors */
-.tablesorter-blackice tr.odd td {
+.tablesorter-blackice tr.odd > td {
background-color: #333;
}
-.tablesorter-blackice tr.even td {
+.tablesorter-blackice tr.even > td {
background-color: #393939;
}
@@ -115,12 +118,15 @@
/* caption */
caption {
- background: #fff;
+ background-color: #fff;
}
/* filter widget */
+.tablesorter-blackice .tablesorter-filter-row {
+ background-color: #222;
+}
.tablesorter-blackice .tablesorter-filter-row td {
- background: #222;
+ background-color: #222;
line-height: normal;
text-align: center; /* center the input */
-webkit-transition: line-height 0.1s ease;
@@ -145,7 +151,7 @@ caption {
line-height: 0;
cursor: pointer;
}
-.tablesorter-blackice .tablesorter-filter-row.hideme .tablesorter-filter {
+.tablesorter-blackice .tablesorter-filter-row.hideme * {
height: 1px;
min-height: 0;
border: 0;
@@ -156,7 +162,8 @@ caption {
filter: alpha(opacity=0);
}
/* filters */
-.tablesorter-blackice .tablesorter-filter {
+.tablesorter-blackice input.tablesorter-filter,
+.tablesorter-blackice select.tablesorter-filter {
width: 98%;
height: auto;
margin: 0;
@@ -172,9 +179,14 @@ caption {
-o-transition: height 0.1s ease;
transition: height 0.1s ease;
}
+/* rows hidden by filtering (needed for child rows) */
+.tablesorter .filtered {
+ display: none;
+}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
+ text-align: center;
cursor: pointer;
background-color: #e6bf99;
}
diff --git a/tablesorter/theme.blue.css b/tablesorter/theme.blue.css
index ede9631..66d6e58 100644
--- a/tablesorter/theme.blue.css
+++ b/tablesorter/theme.blue.css
@@ -20,7 +20,8 @@
/* header */
.tablesorter-blue th,
.tablesorter-blue thead td {
- font: bold 12px/18px Arial, Sans-serif;
+ font: 12px/18px Arial, Sans-serif;
+ font-weight: bold;
color: #000;
background-color: #99bfe6;
border-collapse: collapse;
@@ -71,6 +72,7 @@
}
.tablesorter-blue thead .sorter-false {
background-image: none;
+ cursor: default;
padding: 4px;
}
@@ -95,33 +97,36 @@
you'll need to add additional lines for
rows with more than 2 child rows
*/
+.tablesorter-blue tbody > tr.hover > td,
.tablesorter-blue tbody > tr:hover > td,
.tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td,
+.tablesorter-blue tbody > tr.even.hover > td,
.tablesorter-blue tbody > tr.even:hover > td,
.tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
- background: #d9d9d9;
+ background-color: #d9d9d9;
}
+.tablesorter-blue tbody > tr.odd.hover > td,
.tablesorter-blue tbody > tr.odd:hover > td,
.tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow > td,
.tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
- background: #bfbfbf;
+ background-color: #bfbfbf;
}
/* table processing indicator */
.tablesorter-blue .tablesorter-processing {
background-position: center center !important;
background-repeat: no-repeat !important;
- /* background-image: url(../addons/pager/icons/loading.gif) !important; */
+ /* background-image: url(images/loading.gif) !important; */
background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}
/* Zebra Widget - row alternating colors */
-.tablesorter-blue tbody tr.odd td {
+.tablesorter-blue tbody tr.odd > td {
background-color: #ebf2fa;
}
-.tablesorter-blue tbody tr.even td {
+.tablesorter-blue tbody tr.even > td {
background-color: #fff;
}
@@ -150,12 +155,15 @@
/* caption */
caption {
- background: #fff;
+ background-color: #fff;
}
/* filter widget */
+.tablesorter-blue .tablesorter-filter-row {
+ background-color: #eee;
+}
.tablesorter-blue .tablesorter-filter-row td {
- background: #eee;
+ background-color: #eee;
line-height: normal;
text-align: center; /* center the input */
-webkit-transition: line-height 0.1s ease;
@@ -180,7 +188,7 @@ caption {
line-height: 0;
cursor: pointer;
}
-.tablesorter-blue .tablesorter-filter-row.hideme .tablesorter-filter {
+.tablesorter-blue .tablesorter-filter-row.hideme * {
height: 1px;
min-height: 0;
border: 0;
@@ -191,7 +199,8 @@ caption {
filter: alpha(opacity=0);
}
/* filters */
-.tablesorter-blue .tablesorter-filter {
+.tablesorter-blue input.tablesorter-filter,
+.tablesorter-blue select.tablesorter-filter {
width: 98%;
height: auto;
margin: 0;
@@ -207,9 +216,14 @@ caption {
-o-transition: height 0.1s ease;
transition: height 0.1s ease;
}
+/* rows hidden by filtering (needed for child rows) */
+.tablesorter .filtered {
+ display: none;
+}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
+ text-align: center;
cursor: pointer;
background-color: #e6bf99;
}
diff --git a/tablesorter/theme.bootstrap.css b/tablesorter/theme.bootstrap.css
index 4c67f59..11a3ea7 100644
--- a/tablesorter/theme.bootstrap.css
+++ b/tablesorter/theme.bootstrap.css
@@ -5,26 +5,15 @@
.tablesorter-bootstrap {
width: 100%;
}
-.tablesorter-bootstrap .tablesorter-header,
+.tablesorter-bootstrap thead th,
+.tablesorter-bootstrap thead td,
.tablesorter-bootstrap tfoot th,
.tablesorter-bootstrap tfoot td {
- font: bold 14px/20px Arial, Sans-serif;
- position: relative;
- padding: 8px;
+ font: 14px/20px Arial, Sans-serif;
+ font-weight: bold;
+ padding: 4px;
margin: 0 0 18px;
- list-style: none;
- background-color: #FBFBFB;
- background-image: -moz-linear-gradient(top, white, #efefef);
- background-image: -ms-linear-gradient(top, white, #efefef);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#efefef));
- background-image: -webkit-linear-gradient(top, white, #efefef);
- background-image: -o-linear-gradient(top, white, #efefef);
- background-image: linear-gradient(to bottom, white, #efefef);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
- background-repeat: repeat-x;
- -webkit-box-shadow: inset 0 1px 0 white;
- -moz-box-shadow: inset 0 1px 0 #ffffff;
- box-shadow: inset 0 1px 0 white;
+ background-color: #eee;
}
.tablesorter-bootstrap .tablesorter-header {
@@ -37,7 +26,8 @@
}
/* bootstrap uses <i> for icons */
-.tablesorter-bootstrap .tablesorter-header i {
+.tablesorter-bootstrap .tablesorter-header i.tablesorter-icon {
+ font-size: 11px;
position: absolute;
right: 2px;
top: 50%;
@@ -48,41 +38,52 @@
line-height: 14px;
display: inline-block;
}
+
+/* black unsorted icon */
.tablesorter-bootstrap .bootstrap-icon-unsorted {
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWVJREFUeNqUUL9Lw2AUTGP8mqGlpBQkNeCSRcckEBcHq1jImMElToKuDvpHFMGhU0BQcHBwLji6CE1B4uB/INQsDi4d2jQ/fPeZxo764OV6915f7lLJ81xot9tCURXqdVEUr7IsO6ffH9Q5BlEUCaLwWxWqTcbYnaIoh0Dw4gAvcWlxq1qt9hqNxg6hUGAP+uIPUrGs0qXLer2+v/pTX6QpxLtkc2U2m53ACb8sSdIDXerSEms2m6+DweAICA4d89KGbduf9MpEVdXQ9/2LVqv1CASHjjn3iq/x1xKFfxQPqGnada1W86bT6SiO42OS3qk3KPStLMvbk8nkfjwen/LLuq6blFymMB0KdUPSGhAcOualjX6/f0bCiC7NaWGPQr0BwaFjzn0gYJqmLAiCA8/zni3LmhuGkQPBoWPOPwQeaPIqD4fDruu6L6Zp5kBw6IudchmdJAkLw3DXcZwnIPjy/FuAAQCiqqWWCAFKcwAAAABJRU5ErkJggg==);
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAMAAADOvxanAAAAVFBMVEUAAABCQkJZWVkZGRnJyckgICAZGRkZGRn8/PweHh4dHR0aGhoaGhpUVFQbGxvQ0NDc3NxMTExSUlIbGxvr6+s4ODhKSkogICAtLS00NDQzMzMnJydSEPrQAAAAGHRSTlMA1ssZRLgdAQbDyisqsZo8QdXUq0r9xPepSRwiAAAAX0lEQVQI13XHSQKAIAwEwQAKxn13Ev7/T2Pu9qmarJKPXIicI4PH4hxaKNrhm2S8bJK5h4YzKHrzJNtK6yYT/TdXzpS5zuYg4MSQYF6i4IHExdw1UVRi05HPrrvT53a+qyMFC9t04gcAAAAASUVORK5CYII=);
+}
+
+/* white unsorted icon */
+.tablesorter-bootstrap .icon-white.bootstrap-icon-unsorted {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOBAMAAAALT/umAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMA4EXKBtQqvR0+sxmalc142gAAAFdJREFUCNdjYGDoamAAAjZbMxCVfvd6AgMDd+3du9UMDKx3hWSvMjBwXZww8RYDGuC53NB8h4GB8a617UUGBs7Yu3cjGRhYVO9eVQFKOskKOQApFmUgBwBZ+xXRTttNdAAAAABJRU5ErkJggg==);
}
/* since bootstrap (table-striped) uses nth-child(), we just use this to add a zebra stripe color */
-.tablesorter-bootstrap tr.odd td {
+.tablesorter-bootstrap > tbody > tr.odd > td,
+.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.odd:hover ~ tr.tablesorter-hasChildRow.odd ~ .tablesorter-childRow.odd > td {
background-color: #f9f9f9;
}
-.tablesorter-bootstrap tbody > .odd:hover > td,
-.tablesorter-bootstrap tbody > .even:hover > td {
+.tablesorter-bootstrap > tbody > tr.hover > td,
+.tablesorter-bootstrap > tbody > tr.odd:hover > td,
+.tablesorter-bootstrap > tbody > tr.even:hover > td,
+.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.odd:hover ~ .tablesorter-childRow.odd > td,
+.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.even:hover ~ .tablesorter-childRow.even > td {
background-color: #f5f5f5;
}
-.tablesorter-bootstrap tr.even td {
+.tablesorter-bootstrap > tbody > tr.even > td,
+.tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.even:hover ~ tr.tablesorter-hasChildRow.even ~ .tablesorter-childRow.even > td {
background-color: #fff;
}
/* processing icon */
.tablesorter-bootstrap .tablesorter-processing {
background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=');
- position: absolute;
- z-index: 1000;
+ background-position: center center !important;
+ background-repeat: no-repeat !important;
}
/* caption */
-caption {
- background: #fff;
+.caption {
+ background-color: #fff;
}
/* filter widget */
-.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter {
+.tablesorter-bootstrap .tablesorter-filter-row input.tablesorter-filter,
+.tablesorter-bootstrap .tablesorter-filter-row select.tablesorter-filter {
width: 98%;
- height: auto;
- margin: 0 auto;
+ margin: 0;
padding: 4px 6px;
- background-color: #fff;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
@@ -93,11 +94,20 @@ caption {
transition: height 0.1s ease;
}
.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter.disabled {
- background: #eee;
+ background-color: #eee;
+ color: #555;
cursor: not-allowed;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
+ box-sizing: border-box;
+ transition: height 0.1s ease;
+}
+.tablesorter-bootstrap .tablesorter-filter-row {
+ background-color: #efefef;
}
.tablesorter-bootstrap .tablesorter-filter-row td {
- background: #eee;
+ background-color: #efefef;
line-height: normal;
text-align: center;
padding: 4px 6px;
@@ -113,7 +123,7 @@ caption {
margin: 0;
line-height: 0;
}
-.tablesorter-bootstrap .tablesorter-filter-row.hideme .tablesorter-filter {
+.tablesorter-bootstrap .tablesorter-filter-row.hideme * {
height: 1px;
min-height: 0;
border: 0;
@@ -123,6 +133,10 @@ caption {
opacity: 0;
filter: alpha(opacity=0);
}
+/* rows hidden by filtering (needed for child rows) */
+.tablesorter .filtered {
+ display: none;
+}
/* pager plugin */
.tablesorter-bootstrap .tablesorter-pager select {
@@ -131,9 +145,14 @@ caption {
.tablesorter-bootstrap .tablesorter-pager .pagedisplay {
border: 0;
}
+/* tfoot i for pager controls */
+.tablesorter-bootstrap tfoot i {
+ font-size: 11px;
+}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
+ text-align: center;
cursor: pointer;
background-color: #e6bf99;
}
diff --git a/tablesorter/theme.bootstrap_2.css b/tablesorter/theme.bootstrap_2.css
new file mode 100644
index 0000000..fe0665b
--- /dev/null
+++ b/tablesorter/theme.bootstrap_2.css
@@ -0,0 +1,157 @@
+/*************
+ Bootstrap 2 Theme
+ *************/
+/* jQuery Bootstrap 2 Theme */
+.tablesorter-bootstrap {
+ width: 100%;
+}
+.tablesorter-bootstrap .tablesorter-header,
+.tablesorter-bootstrap tfoot th,
+.tablesorter-bootstrap tfoot td {
+ font: 14px/20px Arial, Sans-serif;
+ font-weight: bold;
+ position: relative;
+ padding: 8px;
+ margin: 0 0 18px;
+ list-style: none;
+ background-color: #FBFBFB;
+ background-image: -moz-linear-gradient(top, white, #efefef);
+ background-image: -ms-linear-gradient(top, white, #efefef);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#efefef));
+ background-image: -webkit-linear-gradient(top, white, #efefef);
+ background-image: -o-linear-gradient(top, white, #efefef);
+ background-image: linear-gradient(to bottom, white, #efefef);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
+ background-repeat: repeat-x;
+ -webkit-box-shadow: inset 0 1px 0 white;
+ -moz-box-shadow: inset 0 1px 0 #ffffff;
+ box-shadow: inset 0 1px 0 white;
+}
+
+.tablesorter-bootstrap .tablesorter-header {
+ cursor: pointer;
+}
+
+.tablesorter-bootstrap .tablesorter-header-inner {
+ position: relative;
+ padding: 4px 18px 4px 4px;
+}
+
+/* bootstrap uses <i> for icons */
+.tablesorter-bootstrap .tablesorter-header i.tablesorter-icon {
+ position: absolute;
+ right: 2px;
+ top: 50%;
+ margin-top: -7px; /* half the icon height; older IE doesn't like this */
+ width: 14px;
+ height: 14px;
+ background-repeat: no-repeat;
+ line-height: 14px;
+ display: inline-block;
+}
+
+/* black unsorted icon */
+.tablesorter-bootstrap .bootstrap-icon-unsorted {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWVJREFUeNqUUL9Lw2AUTGP8mqGlpBQkNeCSRcckEBcHq1jImMElToKuDvpHFMGhU0BQcHBwLji6CE1B4uB/INQsDi4d2jQ/fPeZxo764OV6915f7lLJ81xot9tCURXqdVEUr7IsO6ffH9Q5BlEUCaLwWxWqTcbYnaIoh0Dw4gAvcWlxq1qt9hqNxg6hUGAP+uIPUrGs0qXLer2+v/pTX6QpxLtkc2U2m53ACb8sSdIDXerSEms2m6+DweAICA4d89KGbduf9MpEVdXQ9/2LVqv1CASHjjn3iq/x1xKFfxQPqGnada1W86bT6SiO42OS3qk3KPStLMvbk8nkfjwen/LLuq6blFymMB0KdUPSGhAcOualjX6/f0bCiC7NaWGPQr0BwaFjzn0gYJqmLAiCA8/zni3LmhuGkQPBoWPOPwQeaPIqD4fDruu6L6Zp5kBw6IudchmdJAkLw3DXcZwnIPjy/FuAAQCiqqWWCAFKcwAAAABJRU5ErkJggg==);
+}
+
+/* white unsorted icon */
+.tablesorter-bootstrap .icon-white.bootstrap-icon-unsorted {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOBAMAAAALT/umAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMA4EXKBtQqvR0+sxmalc142gAAAFdJREFUCNdjYGDoamAAAjZbMxCVfvd6AgMDd+3du9UMDKx3hWSvMjBwXZww8RYDGuC53NB8h4GB8a617UUGBs7Yu3cjGRhYVO9eVQFKOskKOQApFmUgBwBZ+xXRTttNdAAAAABJRU5ErkJggg==);
+}
+
+/* since bootstrap (table-striped) uses nth-child(), we just use this to add a zebra stripe color */
+.tablesorter-bootstrap tr.odd > td {
+ background-color: #f9f9f9;
+}
+.tablesorter-bootstrap tbody > tr.hover > td,
+.tablesorter-bootstrap tbody > .odd:hover > td,
+.tablesorter-bootstrap tbody > .even:hover > td {
+ background-color: #f5f5f5;
+}
+.tablesorter-bootstrap tbody > tr.even > td {
+ background-color: #fff;
+}
+
+/* processing icon */
+.tablesorter-bootstrap .tablesorter-processing {
+ background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=');
+ position: absolute;
+ z-index: 1000;
+}
+
+/* caption */
+caption {
+ background-color: #fff;
+}
+
+/* filter widget */
+.tablesorter-bootstrap .tablesorter-filter-row input.tablesorter-filter,
+.tablesorter-bootstrap .tablesorter-filter-row select.tablesorter-filter {
+ height: 28px;
+ width: 98%;
+ margin: 0;
+ padding: 4px 6px;
+ background-color: #fff;
+ color: #333;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-transition: height 0.1s ease;
+ -moz-transition: height 0.1s ease;
+ -o-transition: height 0.1s ease;
+ transition: height 0.1s ease;
+}
+.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter.disabled {
+ background-color: #eee;
+ cursor: not-allowed;
+}
+.tablesorter-bootstrap .tablesorter-filter-row {
+ background-color: #ddd;
+}
+.tablesorter-bootstrap .tablesorter-filter-row td {
+ background-color: #eee;
+ line-height: normal;
+ text-align: center;
+ padding: 4px 6px;
+ vertical-align: middle;
+ -webkit-transition: line-height 0.1s ease;
+ -moz-transition: line-height 0.1s ease;
+ -o-transition: line-height 0.1s ease;
+ transition: line-height 0.1s ease;
+}
+/* hidden filter row */
+.tablesorter-bootstrap tr.tablesorter-filter-row.hideme td {
+ padding: 2px; /* change this to modify the thickness of the closed border row */
+ margin: 0;
+ line-height: 0;
+}
+.tablesorter-bootstrap tr.tablesorter-filter-row.hideme * {
+ height: 1px;
+ min-height: 0;
+ border: 0;
+ padding: 0;
+ margin: 0;
+ /* don't use visibility: hidden because it disables tabbing */
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+/* rows hidden by filtering (needed for child rows) */
+.tablesorter .filtered {
+ display: none;
+}
+
+/* pager plugin */
+.tablesorter-bootstrap .tablesorter-pager select {
+ padding: 4px 6px;
+}
+.tablesorter-bootstrap .tablesorter-pager .pagedisplay {
+ border: 0;
+}
+
+/* ajax error row */
+.tablesorter .tablesorter-errorRow td {
+ text-align: center;
+ cursor: pointer;
+ background-color: #e6bf99;
+} \ No newline at end of file
diff --git a/tablesorter/theme.dark.css b/tablesorter/theme.dark.css
index a763fa2..3ddbf61 100644
--- a/tablesorter/theme.dark.css
+++ b/tablesorter/theme.dark.css
@@ -15,7 +15,8 @@
.tablesorter-dark th,
.tablesorter-dark thead td {
padding: 4px;
- font: bold 12px/20px Arial, Sans-serif;
+ font: 12px/20px Arial, Sans-serif;
+ font-weight: bold;
color: #fff;
background-color: #000;
border-collapse: collapse;
@@ -45,6 +46,7 @@
}
.tablesorter-dark thead .sorter-false {
background-image: none;
+ cursor: default;
padding: 4px;
}
@@ -67,25 +69,26 @@
}
/* hovered row colors */
+.tablesorter-dark tbody > tr.hover > td,
.tablesorter-dark tbody > tr:hover > td,
.tablesorter-dark tbody > tr.even:hover > td,
.tablesorter-dark tbody > tr.odd:hover > td {
- background: #000;
+ background-color: #000;
}
/* table processing indicator */
.tablesorter-dark .tablesorter-processing {
background-position: center center !important;
background-repeat: no-repeat !important;
- /* background-image: url(../addons/pager/icons/loading.gif) !important; */
+ /* background-image: url(images/loading.gif) !important; */
background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}
/* Zebra Widget - row alternating colors */
-.tablesorter-dark tr.odd td {
+.tablesorter-dark tr.odd > td {
background-color: #202020;
}
-.tablesorter-dark tr.even td {
+.tablesorter-dark tr.even > td {
background-color: #101010;
}
@@ -114,12 +117,15 @@
/* caption */
caption {
- background: #fff;
+ background-color: #202020;
}
/* filter widget */
+.tablesorter-dark .tablesorter-filter-row {
+ background-color: #202020;
+}
.tablesorter-dark .tablesorter-filter-row td {
- background: #202020;
+ background-color: #202020;
line-height: normal;
text-align: center; /* center the input */
-webkit-transition: line-height 0.1s ease;
@@ -145,7 +151,7 @@ caption {
line-height: 0;
cursor: pointer;
}
-.tablesorter-dark .tablesorter-filter-row.hideme .tablesorter-filter {
+.tablesorter-dark .tablesorter-filter-row.hideme * {
height: 1px;
min-height: 0;
border: 0;
@@ -157,10 +163,11 @@ caption {
}
/* filters */
-.tablesorter-dark .tablesorter-filter {
+.tablesorter-dark input.tablesorter-filter,
+.tablesorter-dark select.tablesorter-filter {
width: 98%;
height: auto;
- margin: 4px;
+ margin: 0;
padding: 4px;
background-color: #111;
border: 1px solid #222;
@@ -173,9 +180,14 @@ caption {
-o-transition: height 0.1s ease;
transition: height 0.1s ease;
}
+/* rows hidden by filtering (needed for child rows) */
+.tablesorter .filtered {
+ display: none;
+}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
+ text-align: center;
cursor: pointer;
background-color: #e6bf99;
}
diff --git a/tablesorter/theme.default.css b/tablesorter/theme.default.css
index 2f158b7..6c2a346 100644
--- a/tablesorter/theme.default.css
+++ b/tablesorter/theme.default.css
@@ -15,7 +15,7 @@ Default Theme
/* header */
.tablesorter-default th,
.tablesorter-default thead td {
- font: bold 12px/18px Arial, Sans-serif;
+ font-weight: bold;
color: #000;
background-color: #fff;
border-collapse: collapse;
@@ -49,6 +49,7 @@ Default Theme
}
.tablesorter-default thead .sorter-false {
background-image: none;
+ cursor: default;
padding: 4px;
}
@@ -69,10 +70,11 @@ Default Theme
}
/* hovered row colors */
+.tablesorter-default tbody > tr.hover > td,
.tablesorter-default tbody > tr:hover > td,
.tablesorter-default tbody > tr.even:hover > td,
.tablesorter-default tbody > tr.odd:hover > td {
- background: #fff;
+ background-color: #fff;
color: #000;
}
@@ -80,15 +82,15 @@ Default Theme
.tablesorter-default .tablesorter-processing {
background-position: center center !important;
background-repeat: no-repeat !important;
- /* background-image: url(../addons/pager/icons/loading.gif) !important; */
+ /* background-image: url(images/loading.gif) !important; */
background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}
/* Zebra Widget - row alternating colors */
-.tablesorter-default tr.odd td {
+.tablesorter-default tr.odd > td {
background-color: #dfdfdf;
}
-.tablesorter-default tr.even td {
+.tablesorter-default tr.even > td {
background-color: #efefef;
}
@@ -117,12 +119,15 @@ Default Theme
/* caption */
caption {
- background: #fff;
+ background-color: #fff;
}
/* filter widget */
+.tablesorter-default .tablesorter-filter-row {
+ background-color: #eee;
+}
.tablesorter-default .tablesorter-filter-row td {
- background: #eee;
+ background-color: #eee;
border-bottom: #ccc 1px solid;
line-height: normal;
text-align: center; /* center the input */
@@ -148,7 +153,7 @@ caption {
line-height: 0;
cursor: pointer;
}
-.tablesorter-default .tablesorter-filter-row.hideme .tablesorter-filter {
+.tablesorter-default .tablesorter-filter-row.hideme * {
height: 1px;
min-height: 0;
border: 0;
@@ -159,10 +164,11 @@ caption {
filter: alpha(opacity=0);
}
/* filters */
-.tablesorter-default .tablesorter-filter {
+.tablesorter-default input.tablesorter-filter,
+.tablesorter-default select.tablesorter-filter {
width: 95%;
height: auto;
- margin: 4px;
+ margin: 4px auto;
padding: 4px;
background-color: #fff;
border: 1px solid #bbb;
@@ -175,9 +181,14 @@ caption {
-o-transition: height 0.1s ease;
transition: height 0.1s ease;
}
+/* rows hidden by filtering (needed for child rows) */
+.tablesorter .filtered {
+ display: none;
+}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
+ text-align: center;
cursor: pointer;
background-color: #e6bf99;
}
diff --git a/tablesorter/theme.dropbox.css b/tablesorter/theme.dropbox.css
index f056f0b..c173032 100644
--- a/tablesorter/theme.dropbox.css
+++ b/tablesorter/theme.dropbox.css
@@ -35,7 +35,6 @@
background-color: #f0f9ff;
border-bottom: 1px solid #96c4ea;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 0 0 #000000 inset;
- cursor: pointer;
white-space: normal;
}
.tablesorter-dropbox .tablesorter-headerSortUp,
@@ -44,37 +43,44 @@
.tablesorter-dropbox .tablesorter-headerDesc {
font-weight: 600;
}
-.tablesorter-dropbox .tablesorter-header i {
+.tablesorter-dropbox .tablesorter-header {
+ cursor: pointer;
+}
+.tablesorter-dropbox .tablesorter-header i.tablesorter-icon {
width: 9px;
height: 9px;
- padding: 4px 20px 4px 4px;
- cursor: pointer;
+ padding: 0 10px 0 4px;
+ display: inline-block;
background-position: center right;
background-repeat: no-repeat;
content: "";
}
-.tablesorter-dropbox .tablesorter-headerSortUp i,
-.tablesorter-dropbox .tablesorter-headerAsc i {
+.tablesorter-dropbox .tablesorter-headerSortUp i.tablesorter-icon,
+.tablesorter-dropbox .tablesorter-headerAsc i.tablesorter-icon {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALhJREFUeNpi/P//PwMhwILMiexYx8bIxNTy/9+/muUVQb9g4kzIitg4edI4+YRLQTSyOCPMupjerUI8whK3OXgEhH58+fDuy9sXqkuKvd+hmMTOxdvCxS8sxMUvxACiQXwU6+Im7DDg5BNKY+fiY2BmYWMA0SA+SByuiJ2bbzIHrwAzMxsb0AGMDCAaxAeJg+SZ7wtaqfAISfQAdTIwMUM8ywhUyMTEzPD/71+5FXvPLWUkJpwAAgwAZqYvvHStbD4AAAAASUVORK5CYII=');
/* background-image: url(images/dropbox-asc.png); */
}
-.tablesorter-dropbox .tablesorter-headerSortUp:hover i,
-.tablesorter-dropbox .tablesorter-headerAsc:hover i {
+.tablesorter-dropbox .tablesorter-headerSortUp:hover i.tablesorter-icon,
+.tablesorter-dropbox .tablesorter-headerAsc:hover i.tablesorter-icon {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALVJREFUeNpi/P//PwMhwILMCc+qZGNkYmr5/+9fzcpp7b9g4kzIitjYOdM4uXlLQTSyOCPMuqi8OiEefsHbHFzcQj++fX335eN71WWTmt6hmMTOwdXCycMnBDSJAUSD+CjWxRQ0GHBw86Sxc3AyMDOzMIBoEB8kDlfEzsk1mYOLByjPCnQAIwOIBvFB4iB55rsfmVS4+QV7QNYwMTNDHApUyMTExPDv/z+5Feu3L2UkJpwAAgwA244u+I9CleAAAAAASUVORK5CYII=');
/* background-image: url(images/dropbox-asc-hovered.png); */
}
-.tablesorter-dropbox .tablesorter-headerSortDown i,
-.tablesorter-dropbox .tablesorter-headerDesc i {
+.tablesorter-dropbox .tablesorter-headerSortDown i.tablesorter-icon,
+.tablesorter-dropbox .tablesorter-headerDesc i.tablesorter-icon {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdJREFUeNpi/P//PwMhwBLdtVGFhZ3zNhMzC4bkv79/GP78/K7KCDIpZ9mVw+xcfDaMTExwBf///WP4+e3TkSlROrZg7UxMLLns3HxnmFnZmGGK/v7+9ff3j2+5YHkQMSlC48Kv719m/f//D2IKkAbxQeJwRSDw4/OHmr+/fr0DqmAA0SA+TA6uaEq0zjugG+r//vkFcks9iA/3HbJvvn18O+vf379yP758mMXAoAAXZyQmnAACDADX316BiTFbMQAAAABJRU5ErkJggg==');
/* background-image: url(images/dropbox-desc.png); */
}
-.tablesorter-dropbox .tablesorter-headerSortDown:hover i,
-.tablesorter-dropbox .tablesorter-headerDesc:hover i {
+.tablesorter-dropbox .tablesorter-headerSortDown:hover i.tablesorter-icon,
+.tablesorter-dropbox .tablesorter-headerDesc:hover i.tablesorter-icon {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALNJREFUeNpi/P//PwMhwBJf3uP879e3PUzMzBiS//7+ZWBi43JhBJmU2z7nIzMzEx8jIyNcAUj8799/nyZXpvCzgARYuXjTWBkZVjCzIEz7++cvw+//DGkgNiPMTWVT1l5hZvynDTINbMp/pqtdOcE6IDkmmM5fv3/5//v37z9QBQOIBvFhcnBFEwoj7/5jZFnz9+8fBhAN4sN9h+ybH9++JrGxscr/+vE1CVmckZhwAggwANvlUyq5Dd1wAAAAAElFTkSuQmCC');
/* background-image: url(images/dropbox-desc-hovered.png); */
}
-.tablesorter-dropbox thead .sorter-false i,
-.tablesorter-dropbox thead .sorter-false:hover i {
+.tablesorter-dropbox thead .sorter-false {
+ cursor: default;
+}
+
+.tablesorter-dropbox thead .sorter-false i.tablesorter-icon,
+.tablesorter-dropbox thead .sorter-false:hover i.tablesorter-icon {
background-image: none;
padding: 4px;
}
@@ -90,6 +96,7 @@
}
/* hovered row colors */
+.tablesorter-dropbox tbody > tr.hover > td,
.tablesorter-dropbox tbody > tr:hover > td,
.tablesorter-dropbox tbody > tr.even:hover > td,
.tablesorter-dropbox tbody > tr.odd:hover > td {
@@ -105,14 +112,14 @@
.tablesorter-dropbox .tablesorter-processing {
background-position: center center !important;
background-repeat: no-repeat !important;
- /* background-image: url(../addons/pager/icons/loading.gif) !important; */
+ /* background-image: url(images/loading.gif) !important; */
background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}
/* Zebra Widget - row alternating colors */
-.tablesorter-dropbox tr.odd td {
+.tablesorter-dropbox tr.odd > td {
}
-.tablesorter-dropbox tr.even td {
+.tablesorter-dropbox tr.even > td {
}
/* Column Widget - column sort colors */
@@ -134,12 +141,15 @@
/* caption */
caption {
- background: #fff;
+ background-color: #fff;
}
/* Filter Widget */
+.tablesorter-dropbox .tablesorter-filter-row {
+ background-color: #fff;
+}
.tablesorter-dropbox .tablesorter-filter-row td {
- background: #fff;
+ background-color: #fff;
line-height: normal;
text-align: center; /* center the input */
-webkit-transition: line-height 0.1s ease;
@@ -165,7 +175,7 @@ caption {
line-height: 0;
cursor: pointer;
}
-.tablesorter-dropbox .tablesorter-filter-row.hideme .tablesorter-filter {
+.tablesorter-dropbox .tablesorter-filter-row.hideme * {
height: 1px;
min-height: 0;
border: 0;
@@ -177,11 +187,11 @@ caption {
}
/* filters */
-.tablesorter-dropbox .tablesorter-filter {
+.tablesorter-dropbox input.tablesorter-filter,
+.tablesorter-dropbox select.tablesorter-filter {
width: 98%;
height: auto;
- margin: 4px;
-
+ margin: 0;
background-color: #fff;
border: 1px solid #bbb;
color: #333;
@@ -193,9 +203,14 @@ caption {
-o-transition: height 0.1s ease;
transition: height 0.1s ease;
}
+/* rows hidden by filtering (needed for child rows) */
+.tablesorter .filtered {
+ display: none;
+}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
+ text-align: center;
cursor: pointer;
background-color: #e6bf99;
}
diff --git a/tablesorter/theme.green.css b/tablesorter/theme.green.css
index 836e373..32a0f3c 100644
--- a/tablesorter/theme.green.css
+++ b/tablesorter/theme.green.css
@@ -6,21 +6,21 @@
width: 100%;
text-align: left;
border-spacing: 0;
+ border: #cdcdcd 1px solid;
+ border-width: 1px 0 0 1px;
}
-.tablesorter-green,
.tablesorter-green th,
.tablesorter-green td {
font: 12px/18px Arial, Sans-serif;
border: #cdcdcd 1px solid;
- border-spacing: 0;
- padding: 0;
- text-align: left;
+ border-width: 0 1px 1px 0;
}
/* header */
-.tablesorter-green thead tr,
+.tablesorter-green thead tr .tablesorter-header,
.tablesorter-green tfoot tr {
- background: center center repeat-x;
+ background-position: center center;
+ background-repeat: repeat-x;
background-image: url(data:image/gif;base64,R0lGODlhAQBkAOYAAN/e39XU1fX19tTU1eXm5uTl5ePk5OLj4+Hi4vX29fT19PP08/Lz8vHy8fDx8O/w7+7v7uzt7Orr6ufo5/T08/Pz8ufn5uLi4eDg39/f3t3d3Nzc29HR0NDQz8/Pzuvq6urp6eno6Ojn5+fm5tfW1tbV1dTT09PS0tLR0dHQ0NDPz/f39/b29vX19fT09PPz8/Ly8vHx8e/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5eTk5OPj4+Li4uHh4eDg4N/f397e3t3d3dzc3Nvb29ra2tnZ2djY2NfX19XV1dPT09LS0tHR0dDQ0M/Pz8rKysXFxf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFMALAAAAAABAGQAAAdegCsrLC0tLi+ILi6FCSwsCS0KkhQVDA0OMjM0NTYfICEiIzw9P0AYGUQaG0ZHSEoDTU9Qs08pTk1MSyRJR0VDQT8+PTw7Ojg3NTMyMTAvi4WOhC0vMTI1OT9GTlFSgQA7);
/* background-image: url(images/green-header.gif); */
}
@@ -32,23 +32,24 @@
padding: 6px;
}
.tablesorter-green .header,
-.tablesorter-green .tablesorter-header {
- background: no-repeat 5px center;
+.tablesorter-green .tablesorter-header-inner {
+ background-position: 5px center;
+ background-repeat: no-repeat;
background-image: url(data:image/gif;base64,R0lGODlhEAAQAOYAAA5NDBBYDlWWUzRUM5DVjp7inJ/fnQ1ECiCsGhyYFxqKFRFdDhBXDQxCCiO8HSK2HCCqGh2aGByUFxuPFhqNFhmHFRZ2EhVvERRpEBBVDSS8HiGyHB+mGh6fGRuTFxiAFBd5Eww/Cgs5CRp7Fiu+JRx8GCy/JjHAKyynKCuhJzXCMDbCMDnDMyNuHz3EODy9N0LFPSl7JkvIRjycOFDKS1LKTVPLT1XLUFTCT17OWTBkLmbQYnDTbHXVcXnWdoXago/djGmUZ112XCJEIEdjRf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEUALAAAAAAQABAAAAdlgEWCg4SFhoIvh4cVLECKhCMeJjwFj0UlEwgaMD4Gii0WFAkRHQ47BIY6IQAZDAwBCyAPOJa1toRBGBAwNTY3OT0/AoZCDQoOKi4yNDOKRCIfGycrKZYDBxIkKLZDFxy3RTHgloEAOw==);
/* background-image: url(images/green-unsorted.gif); */
border-collapse: collapse;
white-space: normal;
cursor: pointer;
}
-.tablesorter-green thead .headerSortUp,
-.tablesorter-green thead .tablesorter-headerSortUp,
-.tablesorter-green thead .tablesorter-headerAsc {
+.tablesorter-green thead .headerSortUp .tablesorter-header-inner,
+.tablesorter-green thead .tablesorter-headerSortUp .tablesorter-header-inner,
+.tablesorter-green thead .tablesorter-headerAsc .tablesorter-header-inner {
background-image: url(data:image/gif;base64,R0lGODlhEAAQANUAAA5NDBBYDpDVjp7inJ/fnSCsGhyYFxFdDhBXDSO8HSK2HB2aGBuPFhqNFhmHFRZ2EhBVDSS8Hh6fGRuTFxd5Eww/Chp7Fhx8GCy/JjnDMyNuHzy9N0LFPVTCTzBkLmbQYnDTbHnWdo/djP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACMALAAAAAAQABAAAAY4wJFwSCwaj8ikcslMbpojR0bEtEwwoIHywihEOCECUvNoGBaSxEdg9FQAEAQicKAoOtC8fs8fBgEAOw==)
/* background-image: url(images/green-asc.gif); */
}
-.tablesorter-green thead .headerSortDown,
-.tablesorter-green thead .tablesorter-headerSortDown,
-.tablesorter-green thead .tablesorter-headerDesc {
+.tablesorter-green thead .headerSortDown .tablesorter-header-inner,
+.tablesorter-green thead .tablesorter-headerSortDown .tablesorter-header-inner,
+.tablesorter-green thead .tablesorter-headerDesc .tablesorter-header-inner {
background-image: url(data:image/gif;base64,R0lGODlhEAAQANUAAFWWUzRUMw1EChqKFQxCCiO8HSCqGhyUFxVvERRpECGyHB+mGhiAFAs5CSu+JTHAKyynKCuhJzXCMDbCMD3EOELFPSl7JkvIRjycOFDKS1LKTVPLT1XLUF7OWXXVcYXagmmUZ112XCJEIEdjRf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACQALAAAAAAQABAAAAY4QJJwSCwaj8ikcskkghKGimbD6Xg+AGOIMChIKJcMBjlqMBSPSUQZEBwcEKYIsWiSLPa8fs9HBgEAOw==)
/* background-image: url(images/green-desc.gif); */
}
@@ -56,9 +57,10 @@
.tablesorter-green td.tablesorter-header .tablesorter-header-inner {
padding-left: 23px;
}
-.tablesorter-green thead .tablesorter-header.sorter-false {
+.tablesorter-green thead .tablesorter-header.sorter-false .tablesorter-header-inner {
background-image: none;
- padding: 4px;
+ cursor: default;
+ padding-left: 6px;
}
/* tfoot */
@@ -78,33 +80,36 @@
you'll need to add additional lines for
rows with more than 2 child rows
*/
+.tablesorter-green tbody > tr.hover > td,
.tablesorter-green tbody > tr:hover > td,
.tablesorter-green tbody > tr:hover + tr.tablesorter-childRow > td,
.tablesorter-green tbody > tr:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td,
+.tablesorter-green tbody > tr.even.hover > td,
.tablesorter-green tbody > tr.even:hover > td,
.tablesorter-green tbody > tr.even:hover + tr.tablesorter-childRow > td,
.tablesorter-green tbody > tr.even:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
- background: #d9d9d9;
+ background-color: #d9d9d9;
}
+.tablesorter-green tbody > tr.odd.hover > td,
.tablesorter-green tbody > tr.odd:hover > td,
.tablesorter-green tbody > tr.odd:hover + tr.tablesorter-childRow > td,
.tablesorter-green tbody > tr.odd:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
- background: #bfbfbf;
+ background-color: #bfbfbf;
}
/* table processing indicator */
.tablesorter-green .tablesorter-processing {
background-position: center center !important;
background-repeat: no-repeat !important;
- /* background-image: url(../addons/pager/icons/loading.gif) !important; */
+ /* background-image: url(images/loading.gif) !important; */
background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}
/* Zebra Widget - row alternating colors */
-.tablesorter-green tr.odd td {
+.tablesorter-green tr.odd > td {
background-color: #ebfaeb;
}
-.tablesorter-green tr.even td {
+.tablesorter-green tr.even > td {
background-color: #fff;
}
@@ -133,12 +138,15 @@
/* caption */
caption {
- background: #fff;
+ background-color: #fff;
}
/* filter widget */
+.tablesorter-green .tablesorter-filter-row {
+ background-color: #eee;
+}
.tablesorter-green .tablesorter-filter-row td {
- background: #eee;
+ background-color: #eee;
line-height: normal;
text-align: center; /* center the input */
-webkit-transition: line-height 0.1s ease;
@@ -163,7 +171,7 @@ caption {
line-height: 0;
cursor: pointer;
}
-.tablesorter-green .tablesorter-filter-row.hideme .tablesorter-filter {
+.tablesorter-green .tablesorter-filter-row.hideme * {
height: 1px;
min-height: 0;
border: 0;
@@ -174,10 +182,11 @@ caption {
filter: alpha(opacity=0);
}
/* filters */
-.tablesorter-green .tablesorter-filter {
+.tablesorter-green input.tablesorter-filter,
+.tablesorter-green select.tablesorter-filter {
width: 98%;
height: auto;
- margin: 4px;
+ margin: 0;
padding: 4px;
background-color: #fff;
border: 1px solid #bbb;
@@ -190,9 +199,14 @@ caption {
-o-transition: height 0.1s ease;
transition: height 0.1s ease;
}
+/* rows hidden by filtering (needed for child rows) */
+.tablesorter .filtered {
+ display: none;
+}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
+ text-align: center;
cursor: pointer;
background-color: #e6bf99;
}
diff --git a/tablesorter/theme.grey.css b/tablesorter/theme.grey.css
index 2ec3669..fdb3d9b 100644
--- a/tablesorter/theme.grey.css
+++ b/tablesorter/theme.grey.css
@@ -21,7 +21,7 @@
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#3c3c3c));
background-image: -webkit-linear-gradient(top, #555, #3c3c3c);
background-image: -o-linear-gradient(top, #555, #3c3c3c);
- background-image: linear-gradient(to bottom, #555,#3c3c3c);
+ background-image: linear-gradient(to bottom, #555,#3c3c3c);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#3c3c3c',GradientType=0 );
background-repeat: repeat-x;
border-right: #555 1px solid;
@@ -36,8 +36,12 @@
position: relative;
padding: 4px 15px 4px 4px;
}
+.tablesorter-grey .header,
+.tablesorter-grey .tablesorter-header {
+ cursor: pointer;
+}
.tablesorter-grey .header i,
-.tablesorter-grey .tablesorter-header i {
+.tablesorter-grey .tablesorter-header i.tablesorter-icon {
width: 18px;
height: 10px;
position: absolute;
@@ -50,7 +54,6 @@
background-position: center right;
padding: 4px;
white-space: normal;
- cursor: pointer;
}
.tablesorter-grey th.headerSortUp,
.tablesorter-grey th.tablesorter-headerSortUp,
@@ -66,19 +69,22 @@
background-image: linear-gradient(to bottom, #195c93, #0e4776);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#195c93', endColorstr='#0e4776',GradientType=0 );
}
-.tablesorter-grey .headerSortUp i,
-.tablesorter-grey .tablesorter-headerSortUp i,
-.tablesorter-grey .tablesorter-headerAsc i {
+.tablesorter-grey .headerSortUp i.tablesorter-icon,
+.tablesorter-grey .tablesorter-headerSortUp i.tablesorter-icon,
+.tablesorter-grey .tablesorter-headerAsc i.tablesorter-icon {
/* white asc arrow */
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}
-.tablesorter-grey .headerSortDown i,
-.tablesorter-grey .tablesorter-headerSortDown i,
-.tablesorter-grey .tablesorter-headerDesc i {
+.tablesorter-grey .headerSortDown i.tablesorter-icon,
+.tablesorter-grey .tablesorter-headerSortDown i.tablesorter-icon,
+.tablesorter-grey .tablesorter-headerDesc i.tablesorter-icon {
/* white desc arrow */
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
-.tablesorter-grey thead .sorter-false i {
+.tablesorter-grey thead .sorter-false {
+ cursor: default;
+}
+.tablesorter-grey thead .sorter-false i.tablesorter-icon {
background-image: none;
padding: 4px;
}
@@ -108,33 +114,36 @@
you'll need to add additional lines for
rows with more than 2 child rows
*/
+.tablesorter-grey tbody > tr.hover > td,
.tablesorter-grey tbody > tr:hover > td,
.tablesorter-grey tbody > tr:hover + tr.tablesorter-childRow > td,
.tablesorter-grey tbody > tr:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td,
+.tablesorter-grey tbody > tr.even.hover > td,
.tablesorter-grey tbody > tr.even:hover > td,
.tablesorter-grey tbody > tr.even:hover + tr.tablesorter-childRow > td,
.tablesorter-grey tbody > tr.even:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
- background: #134b78;
+ background-color: #134b78;
}
+.tablesorter-grey tbody > tr.odd.hover > td,
.tablesorter-grey tbody > tr.odd:hover > td,
.tablesorter-grey tbody > tr.odd:hover + tr.tablesorter-childRow > td,
.tablesorter-grey tbody > tr.odd:hover + tr.tablesorter-childRow + tr.tablesorter-childRow > td {
- background: #134b78;
+ background-color: #134b78;
}
/* table processing indicator */
.tablesorter-grey .tablesorter-processing {
background-position: center center !important;
background-repeat: no-repeat !important;
- /* background-image: url(../addons/pager/icons/loading.gif) !important; */
+ /* background-image: url(images/loading.gif) !important; */
background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}
/* Zebra Widget - row alternating colors */
-.tablesorter-grey tbody tr.odd td {
+.tablesorter-grey tbody tr.odd > td {
background-color: #5e5e5e;
}
-.tablesorter-grey tbody tr.even td {
+.tablesorter-grey tbody tr.even > td {
background-color: #6d6d6d;
}
@@ -169,12 +178,15 @@
/* caption */
caption {
- background: #fff;
+ background-color: #fff;
}
/* filter widget */
+.tablesorter-grey .tablesorter-filter-row {
+ background-color: #3c3c3c;
+}
.tablesorter-grey .tablesorter-filter-row td {
- background: #3c3c3c;
+ background-color: #3c3c3c;
line-height: normal;
text-align: center; /* center the input */
-webkit-transition: line-height 0.1s ease;
@@ -199,7 +211,7 @@ caption {
line-height: 0;
cursor: pointer;
}
-.tablesorter-grey .tablesorter-filter-row.hideme .tablesorter-filter {
+.tablesorter-grey .tablesorter-filter-row.hideme * {
height: 1px;
min-height: 0;
border: 0;
@@ -210,7 +222,8 @@ caption {
filter: alpha(opacity=0);
}
/* filters */
-.tablesorter-grey .tablesorter-filter {
+.tablesorter-grey input.tablesorter-filter,
+.tablesorter-grey select.tablesorter-filter {
width: 98%;
height: auto;
margin: 0;
@@ -226,9 +239,14 @@ caption {
-o-transition: height 0.1s ease;
transition: height 0.1s ease;
}
+/* rows hidden by filtering (needed for child rows) */
+.tablesorter .filtered {
+ display: none;
+}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
+ text-align: center;
cursor: pointer;
background-color: #e6bf99;
}
diff --git a/tablesorter/theme.ice.css b/tablesorter/theme.ice.css
index 4459619..0b406de 100644
--- a/tablesorter/theme.ice.css
+++ b/tablesorter/theme.ice.css
@@ -35,7 +35,9 @@
}
.tablesorter-ice .header,
.tablesorter-ice .tablesorter-header {
- background: #f6f8f9 no-repeat center right;
+ background-color: #f6f8f9;
+ background-position: center right;
+ background-repeat: no-repeat;
background-image: url(data:image/gif;base64,R0lGODlhDAAMAMQAAAJEjAJCiwJBigJAiANFjgNGjgNEjQRIkQRHkANIkAVMlAVQmAZWnQZUnAdYoAhdpAhZoAlhqQlepQliqQppsApmrQxutgtutQtutAxwtwxwtg1yug1zugxtsw1yuP8A/yH5BAEAAB8ALAAAAAAMAAwAAAUx4Cd+3GiOW4ado2d9VMVm1xg9ptadTsP+QNZEcjoQTBDGCAFgLRSfQgCYMAiCn8EvBAA7);
/* background-image: url(images/ice-unsorted.gif) */
padding: 4px 20px 4px 4px;
@@ -46,7 +48,9 @@
.tablesorter-ice .tablesorter-headerSortUp,
.tablesorter-ice .tablesorter-headerAsc {
color: #333;
- background: #ebedee no-repeat center right;
+ background-color: #ebedee;
+ background-position: center right;
+ background-repeat: no-repeat;
background-image: url(data:image/gif;base64,R0lGODlhDAAMANUAAAJCiwNHkANFjgNEjQRIkQNJkQRMlARKkwRKkgVPlwZSmgdaogdYnwhfpghcowlhqgliqglgqAlgpwljqwporwpmrQplrAtsswtqsgtrsgtqsQxttAtvtQtttAxyuQxwtwxxtwxvtg10uw1zuQ1xuP8A/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACUALAAAAAAMAAwAAAY6wJKwJBoahyNQ6Dj0fDoZCpPEuWgqk4jxs8FQLI+Gg8Esm5kQydFQMC7IwkOAqUiUCAIzIjA4lwBlQQA7);
/* background-image: url(images/ice-desc.gif) */
}
@@ -54,12 +58,15 @@
.tablesorter-ice .tablesorter-headerSortDown,
.tablesorter-ice .tablesorter-headerDesc {
color: #333;
- background: #ebedee no-repeat center right;
+ background-color: #ebedee;
+ background-position: center right;
+ background-repeat: no-repeat;
background-image: url(data:image/gif;base64,R0lGODlhDAAMANUAAAE/iAJBigNFjgNEjQNFjQNDiwRHkQRHjwNHjwROlgRMlQRMlARJkgRKkgZQmAVPlgZWnQZSmgZRmAdXoAdXnwdUnAdbogdZoQhbowlhqAlepglkrAliqQtstAtqsQxyugxyuQxwuAxxuAxxtwxwtgxvtQ10vA12vA10u/8A/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACkALAAAAAAMAAwAAAY6wJQwdRoah6bP6DhEiVIdDxNEGm4yxlDpiJkwv2AmR2OhVCSJBsJ4gUQeCwOB6VAwBAXwYRAIpwBfQQA7);
/* background-image: url(images/ice-asc.gif); */
}
.tablesorter-ice thead .sorter-false {
background-image: none;
+ cursor: default;
padding: 4px;
}
@@ -68,7 +75,7 @@
.tablesorter-ice tfoot .tablesorter-headerSortDown,
.tablesorter-ice tfoot .tablesorter-headerAsc,
.tablesorter-ice tfoot .tablesorter-headerDesc {
- background: #ebedee;
+ background-color: #ebedee;
}
/* tbody */
@@ -77,25 +84,26 @@
}
/* hovered row colors */
+.tablesorter-ice tbody > tr.hover > td,
.tablesorter-ice tbody > tr:hover > td,
.tablesorter-ice tbody > tr.even:hover > td,
.tablesorter-ice tbody > tr.odd:hover > td {
- background: #ebf2fa;
+ background-color: #ebf2fa;
}
/* table processing indicator */
.tablesorter-ice .tablesorter-processing {
background-position: center center !important;
background-repeat: no-repeat !important;
- /* background-image: url(../addons/pager/icons/loading.gif) !important; */
+ /* background-image: url(images/loading.gif) !important; */
background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}
/* Zebra Widget - row alternating colors */
-.tablesorter-ice tr.odd td {
+.tablesorter-ice tr.odd > td {
background-color: #dfdfdf;
}
-.tablesorter-ice tr.even td {
+.tablesorter-ice tr.even > td {
background-color: #efefef;
}
@@ -122,14 +130,23 @@
background-color: #ebfafa;
}
+/* sticky headers */
+.tablesorter-ice.containsStickyHeaders thead tr:nth-child(1) th,
+.tablesorter-ice.containsStickyHeaders thead tr:nth-child(1) td {
+ border-top: #ccc 1px solid;
+}
+
/* caption */
caption {
- background: #fff;
+ background-color: #fff;
}
/* filter widget */
+.tablesorter-ice .tablesorter-filter-row {
+ background-color: #eee;
+}
.tablesorter-ice .tablesorter-filter-row td {
- background: #eee;
+ background-color: #eee;
line-height: normal;
text-align: center; /* center the input */
-webkit-transition: line-height 0.1s ease;
@@ -154,7 +171,7 @@ caption {
line-height: 0;
cursor: pointer;
}
-.tablesorter-ice .tablesorter-filter-row.hideme .tablesorter-filter {
+.tablesorter-ice .tablesorter-filter-row.hideme * {
height: 1px;
min-height: 0;
border: 0;
@@ -165,10 +182,11 @@ caption {
filter: alpha(opacity=0);
}
/* filters */
-.tablesorter-ice .tablesorter-filter {
+.tablesorter-ice input.tablesorter-filter,
+.tablesorter-ice select.tablesorter-filter {
width: 98%;
height: auto;
- margin: 4px;
+ margin: 0;
padding: 4px;
background-color: #fff;
border: 1px solid #bbb;
@@ -181,9 +199,14 @@ caption {
-o-transition: height 0.1s ease;
transition: height 0.1s ease;
}
+/* rows hidden by filtering (needed for child rows) */
+.tablesorter .filtered {
+ display: none;
+}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
+ text-align: center;
cursor: pointer;
background-color: #e6bf99;
}
diff --git a/tablesorter/theme.jui.css b/tablesorter/theme.jui.css
index da00e00..aa1309b 100644
--- a/tablesorter/theme.jui.css
+++ b/tablesorter/theme.jui.css
@@ -5,15 +5,17 @@
.tablesorter-jui {
width: 100%;
border-collapse: separate;
- border-spacing: 2px; /* adjust spacing between table cells */
+ border-spacing: 2px; /* adjust spacing between table cells */
margin: 10px 0 15px;
padding: 5px;
font-size: 0.8em;
}
/* header */
-.tablesorter-jui th,
-.tablesorter-jui thead td {
+.tablesorter-jui thead th,
+.tablesorter-jui thead td,
+.tablesorter-jui tfoot th,
+.tablesorter-jui tfoot td {
position: relative;
background-repeat: no-repeat;
background-position: right center;
@@ -21,12 +23,12 @@
font-weight: bold !important;
border-width: 1px !important;
text-align: left;
+ padding: 8px; /* wider than the icon */
}
.tablesorter-jui .header,
.tablesorter-jui .tablesorter-header {
cursor: pointer;
white-space: normal;
- padding: 8px; /* wider than the icon */
}
.tablesorter-jui .tablesorter-header-inner {
padding-right: 20px;
@@ -38,6 +40,13 @@
margin-top: -8px; /* half the icon height; older IE doesn't like this */
}
+.tablesorter-jui thead .sorter-false {
+ cursor: default;
+}
+.tablesorter-jui thead tr .sorter-false .ui-icon {
+ display: none;
+}
+
/* tfoot */
.tablesorter-jui tfoot th,
.tablesorter-jui tfoot td {
@@ -53,7 +62,8 @@
}
/* hovered row colors */
-.tablesorter-jui tbody > tr:hover td {
+.tablesorter-jui tbody > tr.hover > td,
+.tablesorter-jui tbody > tr:hover > td {
opacity: 0.7;
filter: alpha(opacity=70);
}
@@ -62,7 +72,7 @@
.tablesorter-jui .tablesorter-processing .tablesorter-header-inner {
background-position: center center !important;
background-repeat: no-repeat !important;
- /* background-image: url(../addons/pager/icons/loading.gif) !important; */
+ /* background-image: url(images/loading.gif) !important; */
background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}
@@ -79,13 +89,16 @@
}
/* caption */
-caption {
- background: #fff;
+.tablesorter-jui caption {
+ border: 0;
}
/* filter widget */
+.tablesorter-jui .tablesorter-filter-row {
+ background-color: transparent;
+}
.tablesorter-jui .tablesorter-filter-row td {
- background: transparent;
+ background-color: transparent;
line-height: normal;
text-align: center; /* center the input */
-webkit-transition: line-height 0.1s ease;
@@ -110,7 +123,7 @@ caption {
line-height: 0;
cursor: pointer;
}
-.tablesorter-jui .tablesorter-filter-row.hideme .tablesorter-filter {
+.tablesorter-jui .tablesorter-filter-row.hideme * {
height: 1px;
min-height: 0;
border: 0;
@@ -121,7 +134,8 @@ caption {
filter: alpha(opacity=0);
}
/* filters */
-.tablesorter-jui .tablesorter-filter {
+.tablesorter-jui input.tablesorter-filter,
+.tablesorter-jui select.tablesorter-filter {
width: 98%;
height: auto;
margin: 0;
@@ -137,9 +151,14 @@ caption {
-o-transition: height 0.1s ease;
transition: height 0.1s ease;
}
+/* rows hidden by filtering (needed for child rows) */
+.tablesorter .filtered {
+ display: none;
+}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
+ text-align: center;
cursor: pointer;
background-color: #e6bf99;
}
diff --git a/tablesorter/theme.metro-dark.css b/tablesorter/theme.metro-dark.css
new file mode 100644
index 0000000..461c2db
--- /dev/null
+++ b/tablesorter/theme.metro-dark.css
@@ -0,0 +1,197 @@
+/*************
+Metro Dark Theme
+*************/
+/* overall */
+.tablesorter-metro-dark {
+ width: 100%;
+ font: 12px/18px 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
+ color: #000;
+ background-color: #333;
+ border-spacing: 0;
+ margin: 10px 0 15px;
+ text-align: left;
+}
+
+.tablesorter-metro-dark tr.dark-row th, .tablesorter-metro-dark tr.dark-row td, .tablesorter-metro-dark caption.dark-row {
+ background-color: #222;
+ color: #fff;
+ padding: 2px;
+ text-align: left;
+ font-size: 14px;
+}
+
+/* header/footer */
+.tablesorter-metro-dark caption,
+.tablesorter-metro-dark th,
+.tablesorter-metro-dark thead td,
+.tablesorter-metro-dark tfoot th,
+.tablesorter-metro-dark tfoot td {
+ font-weight: 300;
+ font-size: 15px;
+ color: #ddd;
+ background-color: #333;
+ padding: 4px;
+}
+
+.tablesorter-metro-dark .header,
+.tablesorter-metro-dark .tablesorter-header {
+ background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAAGFBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u5jNePWAAAACHRSTlMAMxIHKwEgMWD59H4AAABSSURBVAjXY2BgYFJgAAHzYhDJ6igSAKTYBAUTgJSioKAQAwNzoaCguAFDiCAQuDIkgigxBgiA8cJAVCpQt6AgSL+JoKAzA0gjUBsQqBcBCYhFAAE/CV4zeSzxAAAAAElFTkSuQmCC);
+ background-position: right 5px center;
+ background-repeat: no-repeat;
+ cursor: pointer;
+ white-space: normal;
+}
+.tablesorter-metro-dark .tablesorter-header-inner {
+ padding: 0 18px 0 4px;
+}
+.tablesorter-metro-dark thead .headerSortUp,
+.tablesorter-metro-dark thead .tablesorter-headerSortUp,
+.tablesorter-metro-dark thead .tablesorter-headerAsc {
+ background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAAIVBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u5meJAOAAAACnRSTlMAMwsqXt+gIBUGxGoDMAAAAFlJREFUCNctzC0SQAAUReEzGNQ3AlHRiSRZFCVZYgeswRL8hLdK7834wj3tAlGP6y7fYHpKS6w6WwbVG0I1NZVnZPG8/DYxOYlnhUYkA06R1s9ESsxR4NIdPhkPFDFYuEnMAAAAAElFTkSuQmCC);
+}
+.tablesorter-metro-dark thead .headerSortDown,
+.tablesorter-metro-dark thead .tablesorter-headerSortDown,
+.tablesorter-metro-dark thead .tablesorter-headerDesc {
+ background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAALVBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7i0NViAAAADnRSTlMAMiweCQITTvDctZZqaTlM310AAABcSURBVAjXY2BgYEtgAAFHERDJqigUAKSYBQUNgFSioKAYAwOLIBA4MASBKFUGQxAlzAAF+94BwWuGKBC1lIFl3rt3Lx0YGCzevWsGSjK9e6cAUlT3HKyW9wADAwDRrBiDy6bKzwAAAABJRU5ErkJggg==);
+}
+.tablesorter-metro-dark thead .sorter-false {
+ background-image: none;
+ cursor: default;
+ padding: 4px;
+}
+
+/* tbody */
+.tablesorter-metro-dark td {
+ background-color: #fff;
+ padding: 4px;
+ vertical-align: top;
+}
+
+/* hovered row colors */
+.tablesorter-metro-dark tbody > tr.hover > td,
+.tablesorter-metro-dark tbody > tr:hover > td,
+.tablesorter-metro-dark tbody > tr.even:hover > td,
+.tablesorter-metro-dark tbody > tr.odd:hover > td {
+ background-color: #bbb;
+ color: #000;
+}
+
+/* table processing indicator */
+.tablesorter-metro-dark .tablesorter-processing {
+ background-position: center center !important;
+ background-repeat: no-repeat !important;
+ /* background-image: url(images/loading.gif) !important; */
+ background-image: url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=) !important;
+}
+
+/* pager */
+.tablesorter-metro-dark .tablesorter-pager button {
+ background-color: #444;
+ color: #eee;
+ border: #555 1px solid;
+ cursor: pointer;
+}
+.tablesorter-metro-dark .tablesorter-pager button:hover {
+ background-color: #555;
+}
+
+/* Zebra Widget - row alternating colors */
+.tablesorter-metro-dark tr.odd > td {
+ background-color: #eee;
+}
+.tablesorter-metro-dark tr.even > td {
+ background-color: #fff;
+}
+
+/* Column Widget - column sort colors */
+.tablesorter-metro-dark tr.odd td.primary {
+ background-color: #bfbfbf;
+}
+.tablesorter-metro-dark td.primary,
+.tablesorter-metro-dark tr.even td.primary {
+ background-color: #d9d9d9;
+}
+.tablesorter-metro-dark tr.odd td.secondary {
+ background-color: #d9d9d9;
+}
+.tablesorter-metro-dark td.secondary,
+.tablesorter-metro-dark tr.even td.secondary {
+ background-color: #e6e6e6;
+}
+.tablesorter-metro-dark tr.odd td.tertiary {
+ background-color: #e6e6e6;
+}
+.tablesorter-metro-dark td.tertiary,
+.tablesorter-metro-dark tr.even td.tertiary {
+ background-color: #f2f2f2;
+}
+
+/* filter widget */
+.tablesorter-metro-dark .tablesorter-filter-row {
+ background-color: #eee;
+}
+.tablesorter-metro-dark .tablesorter-filter-row td {
+ background-color: #eee;
+ line-height: normal;
+ text-align: center; /* center the input */
+ -webkit-transition: line-height 0.1s ease;
+ -moz-transition: line-height 0.1s ease;
+ -o-transition: line-height 0.1s ease;
+ transition: line-height 0.1s ease;
+}
+/* optional disabled input styling */
+.tablesorter-metro-dark .tablesorter-filter-row .disabled {
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+ cursor: not-allowed;
+}
+/* hidden filter row */
+.tablesorter-metro-dark .tablesorter-filter-row.hideme td {
+ /*** *********************************************** ***/
+ /*** change this padding to modify the thickness ***/
+ /*** of the closed filter row (height = padding x 2) ***/
+ padding: 2px;
+ /*** *********************************************** ***/
+ margin: 0;
+ line-height: 0;
+ cursor: pointer;
+}
+.tablesorter-metro-dark .tablesorter-filter-row.hideme * {
+ height: 1px;
+ min-height: 0;
+ border: 0;
+ padding: 0;
+ margin: 0;
+ /* don't use visibility: hidden because it disables tabbing */
+ opacity: 0;
+ filter: alpha(opacity=0);
+}
+/* filters */
+.tablesorter-metro-dark input.tablesorter-filter,
+.tablesorter-metro-dark select.tablesorter-filter {
+ width: 95%;
+ height: auto;
+ margin: 0;
+ padding: 4px;
+ background-color: #fff;
+ border: 1px solid #bbb;
+ color: #333;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-transition: height 0.1s ease;
+ -moz-transition: height 0.1s ease;
+ -o-transition: height 0.1s ease;
+ transition: height 0.1s ease;
+}
+/* rows hidden by filtering (needed for child rows) */
+.tablesorter .filtered {
+ display: none;
+}
+
+/* ajax error row */
+.tablesorter .tablesorter-errorRow td {
+ text-align: center;
+ cursor: pointer;
+ background-color: #e6bf99;
+}