author | sl |
Sun, 03 Feb 2013 19:06:01 +0100 | |
changeset 392 | 8af90fa0940f |
permissions | -rw-r--r-- |
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; } |