ned.css

/*
 * sample color sheme
 * #404E5C
 * #4F6272
 * #B7C3F3
 * #DD7596
 * #CF1259
 */
.Nodegroup > .NodeContainer:hover > .Background {
	stroke: #B7C3F3;
	stroke-width: 2px;
}
.Nodegroup > .NodeContainer.Selected > .Background {
	stroke: #B7C3F3;
	stroke-width: 6px;
}
.Nodegroup > .NodeContainer > .Background {
	fill: #4F6272;
	width: 100%;
	height: 100%;
	rx: 15px;
	ry: 15px;
}

.Nodegroup > .NodeContainer > .Header {
	cursor: move;
}
.Nodegroup > .NodeContainer > .Header > rect {
	fill: #404E5C;
	width: 100%;
	height: 24px;
	rx: 15px;
	ry: 15px;
}
.Nodegroup > .NodeContainer > .Header > text {
	text-anchor: middle;
	alignment-baseline: middle;
	fill: #B7C3F3;
}

.Nodegroup > .NodeContainer .Input > circle,
.Nodegroup > .NodeContainer .Output > circle {
	fill: #404E5C;
	r: 6px;
	cx: 0px;
}

.Nodegroup > .NodeContainer .Input > text,
.Nodegroup > .NodeContainer .Output > text {
	fill: #B7C3F3;
	alignment-baseline: middle;
}
.Nodegroup > .NodeContainer .Input > text {
	transform: translate(10px,0px);
	text-anchor: start;
}
.Nodegroup > .NodeContainer .Output > text {
	transform: translate(-10px,0px);
	text-anchor: end;
}

/* hover is for when we are moving over a connecter 
 * while connhover is for when you can make a connection to an other node
 */
.Nodegroup > .NodeContainer > .Inputs > .Input > circle:hover,
.Nodegroup > .NodeContainer > .Outputs > .Output > circle:hover {
	stroke: #B7C3F3;
	stroke-width: 4px;
}

.Nodegroup > .NodeContainer > .Inputs > .Input > .ConnHover,
.Nodegroup > .NodeContainer > .Outputs > .Output > .ConnHover {
	stroke: #22FF22;
	stroke-width: 2px;
}

.Nodegroup > .NodeContainer > .Inputs {
	x: 0%;
}
.Nodegroup > .NodeContainer > .Outputs {
	x: 100%;
}

.PathGroup > .Path {
	stroke-dasharray: 20,5,5,5,5,5;
	stroke-width: 2px;
	stroke: #B7C3F3;
	fill: none;
}

.PathGroup > .Path:hover {
	stroke-width: 3px;
	stroke: #CF1259;
	fill: none;
}