Resources/Web/css/jquery.treeTable.css
author sl
Thu, 01 Jan 2015 23:35:49 +0100
changeset 405 5715aefd2bcc
permissions -rw-r--r--
SharpDisplay: Migrating to new robust client scheme.
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; }