|
moel@348
|
1 |
/* jQuery treeTable stylesheet
|
|
moel@348
|
2 |
*
|
|
moel@348
|
3 |
* This file contains styles that are used to display the tree table. Each tree
|
|
moel@348
|
4 |
* table is assigned the +treeTable+ class.
|
|
moel@348
|
5 |
* ========================================================================= */
|
|
moel@348
|
6 |
|
|
moel@348
|
7 |
/* jquery.treeTable.collapsible
|
|
moel@348
|
8 |
* ------------------------------------------------------------------------- */
|
|
moel@348
|
9 |
.treeTable tr td .expander {
|
|
moel@348
|
10 |
background-position: left center;
|
|
moel@348
|
11 |
background-repeat: no-repeat;
|
|
moel@348
|
12 |
cursor: pointer;
|
|
moel@348
|
13 |
padding: 0;
|
|
moel@348
|
14 |
zoom: 1; /* IE7 Hack */
|
|
moel@348
|
15 |
}
|
|
moel@348
|
16 |
|
|
moel@348
|
17 |
.treeTable tr.collapsed td .expander {
|
|
moel@348
|
18 |
background-image: url(../images/toggle-expand-dark.png);
|
|
moel@348
|
19 |
}
|
|
moel@348
|
20 |
|
|
moel@348
|
21 |
.treeTable tr.expanded td .expander {
|
|
moel@348
|
22 |
background-image: url(../images/toggle-collapse-dark.png);
|
|
moel@348
|
23 |
}
|
|
moel@348
|
24 |
|
|
moel@348
|
25 |
/* jquery.treeTable.sortable
|
|
moel@348
|
26 |
* ------------------------------------------------------------------------- */
|
|
moel@348
|
27 |
.treeTable tr.selected, .treeTable tr.accept {
|
|
moel@348
|
28 |
background-color: #3875d7;
|
|
moel@348
|
29 |
color: #fff;
|
|
moel@348
|
30 |
}
|
|
moel@348
|
31 |
|
|
moel@348
|
32 |
.treeTable tr.collapsed.selected td .expander, .treeTable tr.collapsed.accept td .expander {
|
|
moel@348
|
33 |
background-image: url(../images/toggle-expand-light.png);
|
|
moel@348
|
34 |
}
|
|
moel@348
|
35 |
|
|
moel@348
|
36 |
.treeTable tr.expanded.selected td .expander, .treeTable tr.expanded.accept td .expander {
|
|
moel@348
|
37 |
background-image: url(../images/toggle-collapse-light.png);
|
|
moel@348
|
38 |
}
|
|
moel@348
|
39 |
|
|
moel@348
|
40 |
.treeTable .ui-draggable-dragging {
|
|
moel@348
|
41 |
color: #000;
|
|
moel@348
|
42 |
z-index: 1;
|
|
moel@348
|
43 |
}
|
|
moel@348
|
44 |
|
|
moel@348
|
45 |
/* Layout helper taken from jQuery UI. This way I don't have to require the
|
|
moel@348
|
46 |
* full jQuery UI CSS to be loaded. */
|
|
moel@348
|
47 |
.ui-helper-hidden { display: none; }
|