STEINNI
85 lines
3.3 KiB
CSS
85 lines
3.3 KiB
CSS
/* ****************************************************
|
|
* NODE MAP
|
|
* ****************************************************
|
|
*/
|
|
|
|
[eicnodemap] {
|
|
border: 1px solid var(--eicui-base-color-grey-25) !important;
|
|
background: var(--eicui-base-color-grey-10);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
[eicnodemap][resizable] { resize:vertical; }
|
|
[eicnodemap] svg .entity {
|
|
cursor:pointer;
|
|
transition: all 0.7s;
|
|
}
|
|
[eicnodemap] svg .entity .icon {
|
|
font-family: 'glyphs';
|
|
font-size: 24px;
|
|
}
|
|
[eicnodemap] svg .entity .bg {
|
|
fill: var(--app-color-white);
|
|
transition: all 0.7s;
|
|
}
|
|
[eicnodemap] svg .entity.selected > .bg {
|
|
stroke: var(--eicui-base-color-accessible-focus);
|
|
stroke-width: 3px;
|
|
}
|
|
|
|
[eicnodemap] .entity[primary] .bg { fill: var(--eicui-base-color-primary-100); }
|
|
[eicnodemap] .entity[secondary] .bg { fill: var(--eicui-base-color-grey-25); }
|
|
[eicnodemap] .entity[info] .bg { fill: var(--eicui-base-color-info-100); }
|
|
[eicnodemap] .entity[success] .bg { fill: var(--eicui-base-color-success-100); }
|
|
[eicnodemap] .entity[warning] .bg { fill: var(--eicui-base-color-warning-100); }
|
|
[eicnodemap] .entity[danger] .bg { fill: var(--eicui-base-color-danger-100); }
|
|
[eicnodemap] .entity[accent] .bg { fill: var(--eicui-base-color-accent-100); }
|
|
[eicnodemap] svg .entity[primary].selected > .bg { fill: var(--eicui-base-color-primary-110); }
|
|
[eicnodemap] .entity text {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
text-align: center;
|
|
fill: var(--app-color-black);
|
|
stroke-width: 0.1;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
transition: all 0.7s;
|
|
}
|
|
[eicnodemap] .entity[primary] text,
|
|
[eicnodemap] .entity[info] text,
|
|
[eicnodemap] .entity[success] text,
|
|
[eicnodemap] .entity[danger] text { fill: var(--app-color-white) }
|
|
[eicnodemap] .entity .title { font-size: normal; font-weight: bold; }
|
|
[eicnodemap] .entity .subtitle { font-size: smaller; font-weight: normal; }
|
|
|
|
[eicnodemap] .entity .badge[primary] .bg { fill: var(--eicui-base-color-primary-100); }
|
|
[eicnodemap] .entity .badge[success] .bg { fill: var(--eicui-base-color-success-100); }
|
|
[eicnodemap] .entity .badge[danger] .bg { fill: var(--eicui-base-color-danger-100); }
|
|
[eicnodemap] .entity .badge[warning] .bg { fill: var(--eicui-base-color-warning-100); }
|
|
[eicnodemap] .entity .badge[accent] .bg { fill: var(--eicui-base-color-accent-100); }
|
|
[eicnodemap] .entity .badge[info] .bg { fill: var(--eicui-base-color-info-100); }
|
|
[eicnodemap] .entity .badge text {
|
|
fill: var(--app-color-white);
|
|
font-size: normal;
|
|
}
|
|
[eicnodemap] .entity .badge[xxsmall] text { font-size: xx-small; }
|
|
[eicnodemap] .entity .badge[xsmall] text { font-size: x-small; }
|
|
[eicnodemap] .entity .badge[small] text { font-size: small; }
|
|
[eicnodemap] .entity .badge[large] text { font-size: large; }
|
|
[eicnodemap] .entity .badge[xlarge] text { font-size:x-large }
|
|
[eicnodemap] .entity .badge[xxlarge] text { font-size:xx-large }
|
|
[eicnodemap] .entity .type { font-size: 11px; }
|
|
[eicnodemap] .relation {
|
|
fill: none;
|
|
stroke: var(--app-color-info);
|
|
stroke-width: 4px;
|
|
stroke-dasharray: 10,5;
|
|
transition: all 0.7s;
|
|
}
|
|
[eicnodemap] .entity[disabled] {
|
|
pointer-events: none;
|
|
}
|
|
[eicnodemap] .entity[disabled] .title,
|
|
[eicnodemap] .entity[disabled] .subtitle {
|
|
opacity: 0.45;
|
|
} |