| author | sl |
| Sun, 03 Feb 2013 18:01:50 +0100 | |
| changeset 391 | ca4c0e7ae75d |
| 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; }
|