CSS file for tripal_dt @PAG2017

tripal_dt.css

/**
 * Tree elements defaults
 */
#tripal_dt-tree .node {
  cursor: pointer;
}

#tripal_dt-tree .overlay {
  border: 1px solid #000;
  background-color: #efefef;
}
 
#tripal_dt-tree .node circle {
  stroke: steelblue;
  stroke-width: 1.5px;
  fill: #fff;
}

.tripal_dt-tt-node-circle {
  padding: 0;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid steelblue;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
 
#tripal_dt-tree .node circle.collapsed {
  fill: lightsteelblue;
}

.tripal_dt-tt-node-circle.collapsed {
  background-color: lightsteelblue;
}

#tripal_dt-tree .node circle.leaf {
  stroke: lightgray;
  fill: lightgray;
}

.tripal_dt-tt-node-circle.leaf {
  border-color: lightgray;
  background-color: lightgray;
}

 
#tripal_dt-tree .node text {
  font-size: 18px;
  font-family: sans-serif;
}

#tripal_dt-tree .link {
  fill: none;
  stroke: #ccc;
  stroke-width: 2px;
}

/***
 *
 */
/*.tripal_dt-tt-focus {
  fill: purple !important;
  color: purple !important;
}*/


/**
 * Drag'n drop elements
 */
#tripal_dt-tree .templink {
  fill: none;
  stroke: red;
  stroke-width: 3px;
}

#tripal_dt-tree .ghostCircle.show {
  display: block;
}

#tripal_dt-tree .ghostCircle,
#tripal_dt-tree .activeDrag .ghostCircle {
  display: none;
}