| /* |
| * D3 visualization components |
| * Styles for Dag viewer and Sankey diagram |
| */ |
| .wfdag { |
| width: 100%; |
| } |
| |
| #dag_viewer .axis path, |
| #dag_viewer .axis line { |
| fill: none; |
| stroke: #000; |
| shape-rendering: crispEdges; |
| } |
| |
| #dag_viewer line.link, |
| #dag_viewer path.link { |
| fill: none; |
| stroke: #666; |
| stroke-width: 2.5px; |
| } |
| |
| #dag_viewer line.link.finished, |
| #dag_viewer path.link.finished { |
| stroke: #444; |
| } |
| |
| #dag_viewer marker#finished { |
| fill: #444; |
| } |
| |
| #dag_viewer marker#circle { |
| fill: #666; |
| stroke: none; |
| } |
| |
| #dag_viewer line.source.mark, |
| #dag_viewer line.target.mark { |
| stroke: #666; |
| stroke-width: 2.5px; |
| } |
| |
| #dag_viewer rect { |
| fill: #ccc; |
| stroke: #333; |
| stroke-width: 1.5px; |
| } |
| |
| #dag_viewer rect.finished { |
| fill: #69BE28; |
| } |
| |
| #dag_viewer text.joblabel { |
| pointer-events: none; |
| text-anchor: middle; |
| } |
| |
| #dag_viewer text.shadow { |
| stroke: #fff; |
| stroke-width: 3px; |
| stroke-opacity: .8; |
| } |