rpd/src/style/plain/svg.css

RPD is a minimal framework for building Node-Based User Interfaces, powered by Reactive Programming

.rpd-patch {
    font-family: 'PT Mono', 'Andale Mono', 'Fira mono', 'Menlo', sans-serif;
    font-size: 9px;
}

.rpd-background {
    fill: transparent;
}

.rpd-link {
    stroke: black;
}

.rpd-link.rpd-disabled {
    stroke: rgba(250,250,250,0.8);
    stroke-width: 1;
}

.rpd-link:hover {
    cursor: crosshair;
}

.rpd-link.rpd-disabled:hover {
    cursor: cell;
}

.rpd-header {
    fill: transparent;
}

.rpd-name-holder text {
    fill: lightgray;
    font-weight: bold;
}

.rpd-body {
    stroke: black;
    stroke-width: 1px;
    fill: white;
}

.rpd-node.rpd-dragging .rpd-body {
    stroke: darkblue;
}

.rpd-node .rpd-remove-button {
    cursor: pointer;
    display: none;
}

.rpd-node:hover .rpd-remove-button {
    display: block;
}

.rpd-remove-button text {
    alignment-baseline: hanging;
    text-anchor: end;
}

.rpd-remove-button:hover text {
    fill: red;
}

.rpd-remove-button-handle {
    fill: transparent;
}

text.rpd-value {
    font-size: 0.6em;
    fill: deepskyblue;
}

.rpd-value-holder .rpd-value-editor {
    display: none;
}

.rpd-value-holder.rpd-editor-enabled .rpd-value-editor {
    display: block;
}

.rpd-inlet .rpd-name,
.rpd-outlet .rpd-name {
    font-size: 0.9em;
}

.rpd-connector {
    cursor: pointer;
}