mirror of
https://github.com/Mottie/tablesorter.git
synced 2024-11-15 23:54:22 +00:00
414 lines
11 KiB
CSS
414 lines
11 KiB
CSS
|
/*!
|
||
|
* TableSorter 2.3.11
|
||
|
* https://github.com/Mottie/tablesorter/
|
||
|
*
|
||
|
* Dual licensed: MIT & GPLv2
|
||
|
* Original Copyright (c) 2007 Christian Bach
|
||
|
* Date: Mon Jul 16 23:06:22 UTC 2012
|
||
|
*/
|
||
|
/* =======================================================================
|
||
|
theme.blue.css
|
||
|
========================================================================== */
|
||
|
table.tablesorter-blue {
|
||
|
width: 100%;
|
||
|
font: 11px/18px Arial, Sans-serif;
|
||
|
text-align: left;
|
||
|
background-color: #cdcdcd;
|
||
|
border-spacing: 0;
|
||
|
}
|
||
|
table.tablesorter-blue,
|
||
|
table.tablesorter-blue th,
|
||
|
table.tablesorter-blue td {
|
||
|
border: #cdcdcd 1px solid;
|
||
|
}
|
||
|
table.tablesorter-blue th {
|
||
|
padding: 4px;
|
||
|
font: 12px/18px Arial, Sans-serif;
|
||
|
color: #000;
|
||
|
background-color: #99bfe6;
|
||
|
border-collapse: collapse;
|
||
|
}
|
||
|
table.tablesorter-blue .header,
|
||
|
table.tablesorter-blue .tablesorter-header {
|
||
|
padding: 4px 20px 4px 4px;
|
||
|
cursor: pointer;
|
||
|
/* black double arrow */
|
||
|
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
|
||
|
/* white double arrow */
|
||
|
/* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */
|
||
|
/* image */
|
||
|
/* background-image: url(black-bg.gif); */
|
||
|
background-position: center right;
|
||
|
background-repeat: no-repeat;
|
||
|
}
|
||
|
table.tablesorter-blue tbody td {
|
||
|
padding: 4px;
|
||
|
color: #3d3d3d;
|
||
|
vertical-align: top;
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
table.tablesorter-blue th.headerSortUp,
|
||
|
table.tablesorter-blue th.tablesorter-headerSortUp {
|
||
|
background-color: #9fbfdf;
|
||
|
/* black asc arrow */
|
||
|
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
|
||
|
/* white asc arrow */
|
||
|
/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */
|
||
|
/* image */
|
||
|
/* background-image: url(black-asc.gif); */
|
||
|
}
|
||
|
table.tablesorter-blue th.headerSortDown,
|
||
|
table.tablesorter-blue th.tablesorter-headerSortDown {
|
||
|
background-color: #8cb3d9;
|
||
|
/* black desc arrow */
|
||
|
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
|
||
|
/* white desc arrow */
|
||
|
/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */
|
||
|
/* image */
|
||
|
/* background-image: url(black-desc.gif); */
|
||
|
}
|
||
|
|
||
|
/* hovered row colors */
|
||
|
table.tablesorter-blue tbody tr:hover td,
|
||
|
table.tablesorter-blue tbody tr.even:hover td {
|
||
|
background: #d9d9d9;
|
||
|
}
|
||
|
table.tablesorter-blue tbody tr.odd:hover td {
|
||
|
background: #bfbfbf;
|
||
|
}
|
||
|
|
||
|
/* Zebra Widget - row alternating colors */
|
||
|
table.tablesorter-blue tr.odd td {
|
||
|
background-color: #ebf2fa;
|
||
|
}
|
||
|
table.tablesorter-blue tr.even td {
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
|
||
|
/* Column Widget - column sort colors */
|
||
|
.tablesorter-blue td.primary,
|
||
|
.tablesorter-blue tr.odd td.primary {
|
||
|
background-color: #99b3e6;
|
||
|
}
|
||
|
.tablesorter-blue tr.even td.primary {
|
||
|
background-color: #c2d1f0;
|
||
|
}
|
||
|
.tablesorter-blue td.secondary,
|
||
|
.tablesorter-blue tr.odd td.secondary {
|
||
|
background-color: #c2d1f0;
|
||
|
}
|
||
|
.tablesorter-blue tr.even td.secondary {
|
||
|
background-color: #d6e0f5;
|
||
|
}
|
||
|
.tablesorter-blue td.tertiary,
|
||
|
.tablesorter-blue tr.odd td.tertiary {
|
||
|
background-color: #d6e0f5;
|
||
|
}
|
||
|
.tablesorter-blue tr.even td.tertiary {
|
||
|
background-color: #ebf0fa;
|
||
|
}
|
||
|
|
||
|
/* filter widget */
|
||
|
table.tablesorter-blue input.tablesorter-filter,
|
||
|
table.tablesorter-blue select.tablesorter-filter {
|
||
|
width: 95%;
|
||
|
height: inherit;
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
table.tablesorter-blue tr.tablesorter-filter,
|
||
|
table.tablesorter-blue tr.tablesorter-filter td {
|
||
|
text-align: center;
|
||
|
background: #fff;
|
||
|
}
|
||
|
table.tablesorter-blue input.tablesorter-filter.disabled,
|
||
|
table.tablesorter-blue select.tablesorter-filter.disabled {
|
||
|
opacity: 0.5;
|
||
|
filter: alpha(opacity=50);
|
||
|
}
|
||
|
/* ======================================================================= */
|
||
|
|
||
|
/* =======================================================================
|
||
|
theme.green.css
|
||
|
========================================================================== */
|
||
|
table.tablesorter-green {
|
||
|
width: 100%;
|
||
|
font: 12px/16px Arial;
|
||
|
text-align: left;
|
||
|
background-color: #cdcdcd;
|
||
|
border-spacing: 0;
|
||
|
}
|
||
|
table.tablesorter-green,
|
||
|
table.tablesorter-green th,
|
||
|
table.tablesorter-green td {
|
||
|
border: #cdcdcd 1px solid;
|
||
|
}
|
||
|
table.tablesorter-green th {
|
||
|
padding: 5px;
|
||
|
border-collapse: collapse;
|
||
|
}
|
||
|
table.tablesorter-green td {
|
||
|
padding: 5px;
|
||
|
color: #3d3d3d;
|
||
|
}
|
||
|
table.tablesorter-green thead tr,
|
||
|
table.tablesorter-green tfoot tr {
|
||
|
background: url(bkgd.png) center center repeat-x;
|
||
|
}
|
||
|
table.tablesorter-green th.header,
|
||
|
table.tablesorter-green th.tablesorter-header {
|
||
|
height: auto;
|
||
|
padding: 9px;
|
||
|
cursor: pointer;
|
||
|
background: transparent;
|
||
|
border-right: #cdcdcd 1px solid;
|
||
|
}
|
||
|
table.tablesorter-green th.header span:first-child,
|
||
|
table.tablesorter-green th.tablesorter-header .tablesorter-header-inner {
|
||
|
padding: 2px 0 2px 25px;
|
||
|
background: url(none.png) no-repeat;
|
||
|
}
|
||
|
table.tablesorter-green th.headerSortUp span:first-child,
|
||
|
table.tablesorter-green th.tablesorter-headerSortUp .tablesorter-header-inner {
|
||
|
background: url(asc.png) no-repeat;
|
||
|
}
|
||
|
table.tablesorter-green th.headerSortDown span:first-child,
|
||
|
table.tablesorter-green th.tablesorter-headerSortDown .tablesorter-header-inner {
|
||
|
background: url(desc.png) no-repeat;
|
||
|
}
|
||
|
|
||
|
/* hovered row colors */
|
||
|
table.tablesorter-green tbody tr:hover td,
|
||
|
table.tablesorter-green tbody tr.even:hover td {
|
||
|
background: #dfe5d7;
|
||
|
}
|
||
|
table.tablesorter-green tbody tr.odd:hover td {
|
||
|
background: #e9f0e2;
|
||
|
}
|
||
|
|
||
|
/* Zebra Widget - row alternating colors */
|
||
|
table.tablesorter-green tr.odd td {
|
||
|
background-color: #ebfaeb;
|
||
|
}
|
||
|
table.tablesorter-green tr.even td {
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
|
||
|
/* Column Widget - column sort colors */
|
||
|
.tablesorter-green td.primary,
|
||
|
.tablesorter-green tr.odd td.primary {
|
||
|
background-color: #99e6a6;
|
||
|
}
|
||
|
.tablesorter-green tr.even td.primary {
|
||
|
background-color: #c2f0c9;
|
||
|
}
|
||
|
.tablesorter-green td.secondary,
|
||
|
.tablesorter-green tr.odd td.secondary {
|
||
|
background-color: #c2f0c9;
|
||
|
}
|
||
|
.tablesorter-green tr.even td.secondary {
|
||
|
background-color: #d6f5db;
|
||
|
}
|
||
|
.tablesorter-green td.tertiary,
|
||
|
.tablesorter-green tr.odd td.tertiary {
|
||
|
background-color: #d6f5db;
|
||
|
}
|
||
|
.tablesorter-green tr.even td.tertiary {
|
||
|
background-color: #ebfaed;
|
||
|
}
|
||
|
|
||
|
/* Filter Widget */
|
||
|
table.tablesorter-green input.tablesorter-filter,
|
||
|
table.tablesorter-green select.tablesorter-filter {
|
||
|
width: 95%;
|
||
|
height: inherit;
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
table.tablesorter-green tr.tablesorter-filter,
|
||
|
table.tablesorter-green tr.tablesorter-filter td {
|
||
|
text-align: center;
|
||
|
background: #fff;
|
||
|
}
|
||
|
table.tablesorter-green input.tablesorter-filter.disabled,
|
||
|
table.tablesorter-green select.tablesorter-filter.disabled {
|
||
|
opacity: 0.5;
|
||
|
filter: alpha(opacity=50);
|
||
|
}
|
||
|
/* ======================================================================= */
|
||
|
|
||
|
/* =======================================================================
|
||
|
theme.ice.css
|
||
|
========================================================================== */
|
||
|
table.tablesorter-ice {
|
||
|
width: 100%;
|
||
|
margin-right: auto;
|
||
|
margin-left: auto;
|
||
|
font: 11px/18px Arial, Sans-serif;
|
||
|
text-align: left;
|
||
|
background-color: #fff;
|
||
|
border-collapse: collapse;
|
||
|
border-spacing: 0;
|
||
|
}
|
||
|
table.tablesorter-ice th {
|
||
|
font: bold 13px/20px Arial, Sans-serif;
|
||
|
color: #000;
|
||
|
text-align: left;
|
||
|
background: #f6f8f9;
|
||
|
border: 1px solid #ccc;
|
||
|
}
|
||
|
table.tablesorter-ice td {
|
||
|
padding: 4px;
|
||
|
color: #333;
|
||
|
vertical-align: top;
|
||
|
border: 1px solid #ccc;
|
||
|
}
|
||
|
table.tablesorter-ice .header,
|
||
|
table.tablesorter-ice .tablesorter-header {
|
||
|
padding: 4px 18px 4px 4px;
|
||
|
cursor: pointer;
|
||
|
background: #f6f8f9 url(ice-none.gif) no-repeat center right;
|
||
|
}
|
||
|
table.tablesorter-ice th.headerSortUp,
|
||
|
table.tablesorter-ice th.tablesorter-headerSortUp {
|
||
|
background: #ebedee url(ice-asc.gif) no-repeat center right;
|
||
|
}
|
||
|
table.tablesorter-ice th.headerSortDown,
|
||
|
table.tablesorter-ice th.tablesorter-headerSortDown {
|
||
|
background: #ebedee url(ice-desc.gif) no-repeat center right;
|
||
|
}
|
||
|
|
||
|
/* hovered row colors */
|
||
|
table.tablesorter-ice tbody tr:hover td,
|
||
|
table.tablesorter-ice tbody tr.even:hover td,
|
||
|
table.tablesorter-ice tbody tr.odd:hover td {
|
||
|
background: #ebf2fa;
|
||
|
}
|
||
|
|
||
|
/* Zebra Widget - row alternating colors */
|
||
|
table.tablesorter-ice tr.odd td {
|
||
|
background-color: #dfdfdf;
|
||
|
}
|
||
|
table.tablesorter-ice tr.even td {
|
||
|
background-color: #efefef;
|
||
|
}
|
||
|
|
||
|
/* Column Widget - column sort colors */
|
||
|
.tablesorter-ice td.primary,
|
||
|
.tablesorter-ice tr.odd td.primary {
|
||
|
background-color: #9ae5e5;
|
||
|
}
|
||
|
.tablesorter-ice tr.even td.primary {
|
||
|
background-color: #c2f0f0;
|
||
|
}
|
||
|
.tablesorter-ice td.secondary,
|
||
|
.tablesorter-ice tr.odd td.secondary {
|
||
|
background-color: #c2f0f0;
|
||
|
}
|
||
|
.tablesorter-ice tr.even td.secondary {
|
||
|
background-color: #d5f5f5;
|
||
|
}
|
||
|
.tablesorter-ice td.tertiary,
|
||
|
.tablesorter-ice tr.odd td.tertiary {
|
||
|
background-color: #d5f5f5;
|
||
|
}
|
||
|
.tablesorter-ice tr.even td.tertiary {
|
||
|
background-color: #ebfafa;
|
||
|
}
|
||
|
|
||
|
/* Filter Widget */
|
||
|
table.tablesorter-ice input.tablesorter-filter {
|
||
|
width: 100%;
|
||
|
height: inherit;
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
table.tablesorter-ice tr.tablesorter-filter,
|
||
|
table.tablesorter-ice tr.tablesorter-filter td {
|
||
|
text-align: center;
|
||
|
background: #eee;
|
||
|
}
|
||
|
table.tablesorter-ice input.tablesorter-filter.disabled,
|
||
|
table.tablesorter-ice select.tablesorter-filter.disabled {
|
||
|
opacity: 0.5;
|
||
|
filter:alpha(opacity=50);
|
||
|
}
|
||
|
|
||
|
/* StickyHeaders Widget */
|
||
|
table.tablesorter-ice thead tr.tablesorter-stickyHeader {
|
||
|
padding: 2px 1px;
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
/* fix messed up offset by sticky header calc */
|
||
|
table.tablesorter-ice thead tr.tablesorter-stickyHeader th.tablesorter-header {
|
||
|
padding: 4px 18px 4px 3px;
|
||
|
}
|
||
|
/* ======================================================================= */
|
||
|
|
||
|
/* =======================================================================
|
||
|
uitheme.jui.css
|
||
|
========================================================================== */
|
||
|
table.tablesorter-uitheme {
|
||
|
width: 100%;
|
||
|
font: 11px/18px Arial, Sans-serif;
|
||
|
text-align: left;
|
||
|
padding: 5px;
|
||
|
}
|
||
|
table.tablesorter-uitheme thead tr th,
|
||
|
table.tablesorter-uitheme tfoot tr th {
|
||
|
border-collapse: collapse;
|
||
|
font-size: 8pt;
|
||
|
padding: 4px;
|
||
|
}
|
||
|
table.tablesorter-uitheme thead tr th {
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: center right;
|
||
|
cursor: pointer;
|
||
|
white-space: normal;
|
||
|
/* UI hover and active states make the font normal and the table resizes, this fixes it */
|
||
|
font-weight: bold !important;
|
||
|
}
|
||
|
table.tablesorter-uitheme thead tr th .tablesorter-inner {
|
||
|
position: relative;
|
||
|
padding-right: 20px; /* wider than the icon */
|
||
|
}
|
||
|
table.tablesorter-uitheme thead tr th .ui-icon {
|
||
|
position: absolute;
|
||
|
right: 3px;
|
||
|
top: 50%;
|
||
|
margin-top: -8px; /* half the icon height; older IE doesn't like this */
|
||
|
}
|
||
|
|
||
|
table.tablesorter-uitheme tbody td {
|
||
|
padding: 4px;
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
/* This allows you to use ui-state-default as the zebra stripe color */
|
||
|
table.tablesorter-uitheme tr.ui-state-default {
|
||
|
background-image: url();
|
||
|
font-weight: normal;
|
||
|
}
|
||
|
|
||
|
/* Filter Widget */
|
||
|
table.tablesorter-uitheme input.tablesorter-filter,
|
||
|
table.tablesorter-uitheme select.tablesorter-filter {
|
||
|
width: 95%;
|
||
|
height: inherit;
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
table.tablesorter-uitheme tr.tablesorter-filter,
|
||
|
table.tablesorter-uitheme tr.tablesorter-filter td {
|
||
|
text-align: center;
|
||
|
}
|
||
|
table.tablesorter-uitheme input.tablesorter-filter.disabled,
|
||
|
table.tablesorter-uitheme select.tablesorter-filter.disabled {
|
||
|
opacity: 0.5;
|
||
|
filter: alpha(opacity=50);
|
||
|
}
|
||
|
/* ======================================================================= */
|