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