diff options
author | Ted Trask <ttrask01@yahoo.com> | 2015-06-24 21:30:44 -0400 |
---|---|---|
committer | Ted Trask <ttrask01@yahoo.com> | 2015-06-24 21:30:44 -0400 |
commit | 59fad96f7a1e4adabc435d1af4372331014184a3 (patch) | |
tree | 82fcb8153a6df3c999081fa43c45e9f82d2af5aa /tablesorter | |
parent | 9eeb5f31e63d19f471bbc4c09dac0eabed430c11 (diff) | |
download | acf-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.png | bin | 0 -> 720 bytes | |||
-rw-r--r-- | tablesorter/last.png | bin | 0 -> 737 bytes | |||
-rw-r--r-- | tablesorter/next.png | bin | 0 -> 736 bytes | |||
-rw-r--r-- | tablesorter/prev.png | bin | 0 -> 745 bytes | |||
-rw-r--r-- | tablesorter/theme.black-ice.css | 30 | ||||
-rw-r--r-- | tablesorter/theme.blue.css | 34 | ||||
-rw-r--r-- | tablesorter/theme.bootstrap.css | 87 | ||||
-rw-r--r-- | tablesorter/theme.bootstrap_2.css | 157 | ||||
-rw-r--r-- | tablesorter/theme.dark.css | 32 | ||||
-rw-r--r-- | tablesorter/theme.default.css | 31 | ||||
-rw-r--r-- | tablesorter/theme.dropbox.css | 61 | ||||
-rw-r--r-- | tablesorter/theme.green.css | 66 | ||||
-rw-r--r-- | tablesorter/theme.grey.css | 56 | ||||
-rw-r--r-- | tablesorter/theme.ice.css | 49 | ||||
-rw-r--r-- | tablesorter/theme.jui.css | 41 | ||||
-rw-r--r-- | tablesorter/theme.metro-dark.css | 197 |
16 files changed, 676 insertions, 165 deletions
diff --git a/tablesorter/first.png b/tablesorter/first.png Binary files differnew file mode 100644 index 0000000..6f11fcb --- /dev/null +++ b/tablesorter/first.png diff --git a/tablesorter/last.png b/tablesorter/last.png Binary files differnew file mode 100644 index 0000000..7207935 --- /dev/null +++ b/tablesorter/last.png diff --git a/tablesorter/next.png b/tablesorter/next.png Binary files differnew file mode 100644 index 0000000..4a2f9d4 --- /dev/null +++ b/tablesorter/next.png diff --git a/tablesorter/prev.png b/tablesorter/prev.png Binary files differnew file mode 100644 index 0000000..15d1584 --- /dev/null +++ b/tablesorter/prev.png 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; +} |