X-Git-Url: https://git.josue.xyz/?a=blobdiff_plain;f=styles%2Ftopology.css;fp=styles%2Ftopology.css;h=0cd945d49eaff2a58dbd40c82e833203a494f84a;hb=1f2664ee622668b8d63ea5aba76e574d56677c20;hp=0000000000000000000000000000000000000000;hpb=7ae694bf761b1d0b6b8e0be6bfe36d483bc51c3d;p=VSoRC%2F.git diff --git a/styles/topology.css b/styles/topology.css new file mode 100644 index 0000000..0cd945d --- /dev/null +++ b/styles/topology.css @@ -0,0 +1,66 @@ +/* + Copyright (c) Maen Artimy, 2018 +*/ + +@import "colors.css"; + +svg { + /*background-color: var(--scolor-2);*/ + border-style: solid; + border-width: 2px; + border-color: var(--scolor-2); + border-radius: 5px; +} + +.node image { + width: 60px; + height: 60px; +} + +text.label { + fill: var(--scolor-4); + text-anchor: start; +} + +.links line { + stroke: var(--scolor-3); + stroke-opacity: 0.6; +} + +circle { + stroke: var(--scolor-3); + fill: white; +} + +text.start, text.end { + fill: var(--scolor-3); + text-anchor: middle; + alignment-baseline: middle; + font-size: 0.75em; +} + + +.node circle { + fill: #fff; + stroke: var(--scolor-3); + stroke-width: 2px; +} + +.node text { font: 12px sans-serif; } + +.link { + fill: none; + stroke: var(--scolor-3); + stroke-width: 1px; +} + +div.tooltip { + position: absolute; + text-align: left; + padding: 5px; + color: white; + background: var(--scolor-3); + border: 0px; + border-radius: 2px; + pointer-events: none; +}