azkaban-graph.css

.nodebox text {
	pointer-events: none;
}

.nodebox image {
	pointer-events: none;
}

/* Nodes */
.node:hover {
	cursor: pointer;
}

.nodebox > .border:hover {
	fill-opacity: 0.7;
}

.nodebox > .flowborder:hover {
	stroke-opacity: 0.7;
}

.border {
	stroke-width: 1;
}

.flownode .nodebox .flowborder {
	stroke-width: 1.25;
	fill: #FFF;
	fill-opacity: 0.8;
}

.READY > g > rect {
	fill: #DDD;
	stroke: #CCC;
}

.READY > g > text {
	fill: #000;
}

.RUNNING > g > rect {
	fill: #39b3d7;
	stroke: #39b3d7;
}

.RUNNING > g > text {
	fill: #FFF;
}

.SUCCEEDED > g > rect {
	fill: #5cb85c;
	stroke: #4cae4c;
}

.SUCCEEDED > g > text {
	fill: #FFF;
}

.FAILED > g > rect {
	fill: #d2322d;
	stroke: #d2322d;
}

.FAILED > g > text {
	fill: #FFF;
}

.FAILED_FINISHING > g > rect {
	fill: #ed9c28;
	stroke: #ed9c28;
}

.FAILED_FINISHING > g > text {
	fill: #FFF;
}

.DISABLED > g > rect {
	fill: #800000;
	stroke: #800000;
}

.DISABLED > g > rect {
	fill: #800000;
	stroke: #800000;
}

.SKIPPED > g > rect {
	fill: #CCC;
	stroke: #CCC;
}

.SKIPPED > g > rect {
	fill: #CCC;
	stroke: #CCC;
}

.DISABLED {
	opacity: 0.25;
}

.SKIPPED {
	opacity: 0.25;
}

/* Edges */
.edge {
	stroke: #CCC;
	stroke-width: 1.5;
}

.edge:hover {
	stroke: #009FC9;
	stroke-width: 1.5;
}

/*
svg text1 {
	pointer-events: none;
}

svg g.nodebox1 {
	pointer-events: none;
}

svg .edge {
	stroke: #BBB;
	stroke-width: 2;
}

svg .edge:hover {
	stroke: #009FC9;
	stroke-width: 4;
}

svg .node.disabled {
	opacity: 0.3;
}

svg .node .backboard {
	fill: #FFF;
	opacity: 0.05;
}

svg .node:hover {
	cursor: pointer;
}

svg .node:hover .backboard {
	opacity: 0.7;
}

svg .selected .backboard {
	opacity: 0.4;
}

svg .node circle {
	fill: #888;
	stroke: #777;
	stroke-width: 2;
}

svg .node:hover circle {
	stroke: #009FC9;
}

svg .node:hover text {
	fill: #009FC9;
}

svg .selected text {
	fill: #338AB0;
}

svg .selected circle {
	stroke: #009FC9;
	stroke-width: 4;
}

svg .READY circle {
	fill: #CCC;
}

svg .RUNNING circle {
	fill: #009FC9;
}

svg .QUEUED circle {
	opacity: 0.5;
	fill: #009FC9;
}

svg .FAILED circle {
	fill: #CC0000;
}

svg .KILLED circle {
	fill: #CC0000;
}

svg .SUCCEEDED circle {
	fill: #00CC33;
}

svg .DISABLED circle {
	opacity: 0.3;
}

svg .SKIPPED circle {
	opacity: 0.3;
}

svg .selected circle {
	stroke: #009FC9;
	stroke-width: 4;
}

svg .selected .nodebox rect {
	stroke: #009FC9;
	stroke-width: 3;
}

svg .node rect {
	fill: #CCC;
	stroke: #CCC;
	stroke-width: 2;
}

svg .node .nodebox text {
	fill: #FFF;
}

svg .READY .nodebox text {
	fill: #000;
}

svg .node:hover rect {
	stroke: #009FC9;
}

svg .READY rect {
	fill: #CCC;
}

svg .RUNNING rect {
	fill: #009FC9;
}

svg .QUEUED rect {
	opacity: 0.5;
	fill: #009FC9;
}

svg .FAILED rect {
	fill: #CC0000;
}

svg .KILLED rect {
	fill: #CC0000;
}

svg .SUCCEEDED rect {
	fill: #30ad23;
}

svg .DISABLED rect {
	opacity: 0.3;
}

svg .SKIPPED rect {
	opacity: 0.3;
}

svg .nodebox text {
	fill: #fff;
}


#Used for charts
svg circle.READY {
	stroke: #CCC;
	stroke-width: 2px;
	fill: #FFF;
}

svg circle.RUNNING {
	stroke: #009FC9;
	stroke-width: 2px;
	fill: #FFF;
}

svg circle.FAILED {
	stroke: #CC0000;
	stroke-width: 2px;
	fill: #FFF;
}

svg circle.KILLED {
	stroke: #CC0000;
	stroke-width: 2px;
	fill: #FFF;
}

svg circle.SUCCEEDED {
	stroke: #00CC33;
	stroke-width: 2px;
	fill: #FFF;
}

svg circle.DISABLED {
	stroke: #CCC;
	opacity: 0.3;
	stroke-width: 2px;
	fill: #FFF;
}

svg circle.SKIPPED {
	stroke: #CCC;
	opacity: 0.3;
	stroke-width: 2px;
	fill: #FFF;
}

.flowExtendedView {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.95);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow:         1px 1px 5px rgba(0, 0, 0, 0.5);

	min-width: 200px;
	min-height: 150px;
}

.dataJobProperties {

}

.flowInfoTitle {
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	cursor: pointer;
}

.flowInfoTitle:hover {
	background-color: #CCC;
}

.nodeId {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 20px;
}

.nodeType {
	font-style: italic;
}

.dataContent {
	margin: 5px;
}

.dataFlow {
	width: 100%;
}

.svgTiny {
	width: 100%;
	height: 100%;
}
*/