| 2 |
- |
1 |
/*************
|
|
|
2 |
Default Theme
|
|
|
3 |
*************/
|
|
|
4 |
/* overall */
|
|
|
5 |
.tablesorter-default {
|
|
|
6 |
width: 100%;
|
|
|
7 |
font: 12px/18px Arial, Sans-serif;
|
|
|
8 |
color: #333;
|
|
|
9 |
background-color: #fff;
|
|
|
10 |
border-spacing: 0;
|
|
|
11 |
margin: 10px 0 15px;
|
|
|
12 |
text-align: left;
|
|
|
13 |
}
|
|
|
14 |
|
|
|
15 |
/* header */
|
|
|
16 |
.tablesorter-default th,
|
|
|
17 |
.tablesorter-default thead td {
|
|
|
18 |
font-weight: bold;
|
|
|
19 |
color: #000;
|
|
|
20 |
background-color: #fff;
|
|
|
21 |
border-collapse: collapse;
|
|
|
22 |
border-bottom: #ccc 2px solid;
|
|
|
23 |
padding: 0;
|
|
|
24 |
}
|
|
|
25 |
.tablesorter-default tfoot th,
|
|
|
26 |
.tablesorter-default tfoot td {
|
|
|
27 |
border: 0;
|
|
|
28 |
}
|
|
|
29 |
.tablesorter-default .header,
|
|
|
30 |
.tablesorter-default .tablesorter-header {
|
|
|
31 |
background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
|
|
|
32 |
background-position: center right;
|
|
|
33 |
background-repeat: no-repeat;
|
|
|
34 |
cursor: pointer;
|
|
|
35 |
white-space: normal;
|
|
|
36 |
padding: 4px 20px 4px 4px;
|
|
|
37 |
}
|
|
|
38 |
.tablesorter-default thead .headerSortUp,
|
|
|
39 |
.tablesorter-default thead .tablesorter-headerSortUp,
|
|
|
40 |
.tablesorter-default thead .tablesorter-headerAsc {
|
|
|
41 |
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
|
|
|
42 |
border-bottom: #000 2px solid;
|
|
|
43 |
}
|
|
|
44 |
.tablesorter-default thead .headerSortDown,
|
|
|
45 |
.tablesorter-default thead .tablesorter-headerSortDown,
|
|
|
46 |
.tablesorter-default thead .tablesorter-headerDesc {
|
|
|
47 |
background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
|
|
|
48 |
border-bottom: #000 2px solid;
|
|
|
49 |
}
|
|
|
50 |
.tablesorter-default thead .sorter-false {
|
|
|
51 |
background-image: none;
|
|
|
52 |
cursor: default;
|
|
|
53 |
padding: 4px;
|
|
|
54 |
}
|
|
|
55 |
|
|
|
56 |
/* tfoot */
|
|
|
57 |
.tablesorter-default tfoot .tablesorter-headerSortUp,
|
|
|
58 |
.tablesorter-default tfoot .tablesorter-headerSortDown,
|
|
|
59 |
.tablesorter-default tfoot .tablesorter-headerAsc,
|
|
|
60 |
.tablesorter-default tfoot .tablesorter-headerDesc {
|
|
|
61 |
border-top: #000 2px solid;
|
|
|
62 |
}
|
|
|
63 |
|
|
|
64 |
/* tbody */
|
|
|
65 |
.tablesorter-default td {
|
|
|
66 |
background-color: #fff;
|
|
|
67 |
border-bottom: #ccc 1px solid;
|
|
|
68 |
padding: 4px;
|
|
|
69 |
vertical-align: top;
|
|
|
70 |
}
|
|
|
71 |
|
|
|
72 |
/* hovered row colors */
|
|
|
73 |
.tablesorter-default tbody > tr.hover > td,
|
|
|
74 |
.tablesorter-default tbody > tr:hover > td,
|
|
|
75 |
.tablesorter-default tbody > tr.even:hover > td,
|
|
|
76 |
.tablesorter-default tbody > tr.odd:hover > td {
|
|
|
77 |
background-color: #fff;
|
|
|
78 |
color: #000;
|
|
|
79 |
}
|
|
|
80 |
|
|
|
81 |
/* table processing indicator */
|
|
|
82 |
.tablesorter-default .tablesorter-processing {
|
|
|
83 |
background-position: center center !important;
|
|
|
84 |
background-repeat: no-repeat !important;
|
|
|
85 |
/* background-image: url(images/loading.gif) !important; */
|
|
|
86 |
background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
|
|
|
87 |
}
|
|
|
88 |
|
|
|
89 |
/* Zebra Widget - row alternating colors */
|
|
|
90 |
.tablesorter-default tr.odd > td {
|
|
|
91 |
background-color: #dfdfdf;
|
|
|
92 |
}
|
|
|
93 |
.tablesorter-default tr.even > td {
|
|
|
94 |
background-color: #efefef;
|
|
|
95 |
}
|
|
|
96 |
|
|
|
97 |
/* Column Widget - column sort colors */
|
|
|
98 |
.tablesorter-default tr.odd td.primary {
|
|
|
99 |
background-color: #bfbfbf;
|
|
|
100 |
}
|
|
|
101 |
.tablesorter-default td.primary,
|
|
|
102 |
.tablesorter-default tr.even td.primary {
|
|
|
103 |
background-color: #d9d9d9;
|
|
|
104 |
}
|
|
|
105 |
.tablesorter-default tr.odd td.secondary {
|
|
|
106 |
background-color: #d9d9d9;
|
|
|
107 |
}
|
|
|
108 |
.tablesorter-default td.secondary,
|
|
|
109 |
.tablesorter-default tr.even td.secondary {
|
|
|
110 |
background-color: #e6e6e6;
|
|
|
111 |
}
|
|
|
112 |
.tablesorter-default tr.odd td.tertiary {
|
|
|
113 |
background-color: #e6e6e6;
|
|
|
114 |
}
|
|
|
115 |
.tablesorter-default td.tertiary,
|
|
|
116 |
.tablesorter-default tr.even td.tertiary {
|
|
|
117 |
background-color: #f2f2f2;
|
|
|
118 |
}
|
|
|
119 |
|
|
|
120 |
/* caption */
|
|
|
121 |
.tablesorter-default > caption {
|
|
|
122 |
background-color: #fff;
|
|
|
123 |
}
|
|
|
124 |
|
|
|
125 |
/* filter widget */
|
|
|
126 |
.tablesorter-default .tablesorter-filter-row {
|
|
|
127 |
background-color: #eee;
|
|
|
128 |
}
|
|
|
129 |
.tablesorter-default .tablesorter-filter-row td {
|
|
|
130 |
background-color: #eee;
|
|
|
131 |
border-bottom: #ccc 1px solid;
|
|
|
132 |
line-height: normal;
|
|
|
133 |
text-align: center; /* center the input */
|
|
|
134 |
-webkit-transition: line-height 0.1s ease;
|
|
|
135 |
-moz-transition: line-height 0.1s ease;
|
|
|
136 |
-o-transition: line-height 0.1s ease;
|
|
|
137 |
transition: line-height 0.1s ease;
|
|
|
138 |
}
|
|
|
139 |
/* optional disabled input styling */
|
|
|
140 |
.tablesorter-default .tablesorter-filter-row .disabled {
|
|
|
141 |
opacity: 0.5;
|
|
|
142 |
filter: alpha(opacity=50);
|
|
|
143 |
cursor: not-allowed;
|
|
|
144 |
}
|
|
|
145 |
/* hidden filter row */
|
|
|
146 |
.tablesorter-default .tablesorter-filter-row.hideme td {
|
|
|
147 |
/*** *********************************************** ***/
|
|
|
148 |
/*** change this padding to modify the thickness ***/
|
|
|
149 |
/*** of the closed filter row (height = padding x 2) ***/
|
|
|
150 |
padding: 2px;
|
|
|
151 |
/*** *********************************************** ***/
|
|
|
152 |
margin: 0;
|
|
|
153 |
line-height: 0;
|
|
|
154 |
cursor: pointer;
|
|
|
155 |
}
|
|
|
156 |
.tablesorter-default .tablesorter-filter-row.hideme * {
|
|
|
157 |
height: 1px;
|
|
|
158 |
min-height: 0;
|
|
|
159 |
border: 0;
|
|
|
160 |
padding: 0;
|
|
|
161 |
margin: 0;
|
|
|
162 |
/* don't use visibility: hidden because it disables tabbing */
|
|
|
163 |
opacity: 0;
|
|
|
164 |
filter: alpha(opacity=0);
|
|
|
165 |
}
|
|
|
166 |
/* filters */
|
|
|
167 |
.tablesorter-default input.tablesorter-filter,
|
|
|
168 |
.tablesorter-default select.tablesorter-filter {
|
|
|
169 |
width: 95%;
|
|
|
170 |
height: auto;
|
|
|
171 |
margin: 4px auto;
|
|
|
172 |
padding: 4px;
|
|
|
173 |
background-color: #fff;
|
|
|
174 |
border: 1px solid #bbb;
|
|
|
175 |
color: #333;
|
|
|
176 |
-webkit-box-sizing: border-box;
|
|
|
177 |
-moz-box-sizing: border-box;
|
|
|
178 |
box-sizing: border-box;
|
|
|
179 |
-webkit-transition: height 0.1s ease;
|
|
|
180 |
-moz-transition: height 0.1s ease;
|
|
|
181 |
-o-transition: height 0.1s ease;
|
|
|
182 |
transition: height 0.1s ease;
|
|
|
183 |
}
|
|
|
184 |
/* rows hidden by filtering (needed for child rows) */
|
|
|
185 |
.tablesorter .filtered {
|
|
|
186 |
display: none;
|
|
|
187 |
}
|
|
|
188 |
|
|
|
189 |
/* ajax error row */
|
|
|
190 |
.tablesorter .tablesorter-errorRow td {
|
|
|
191 |
text-align: center;
|
|
|
192 |
cursor: pointer;
|
|
|
193 |
background-color: #e6bf99;
|
|
|
194 |
}
|