/*
(set colors per node types)
__________________________________________________________
THIS IS JUST A CLEAN, NO DEFAULTS SETUP !
Revisions:
20190730 attempt
20200919 trying to cleanup and use in 🔗graph-postapple !
20211109 experiment with defaults :D
20211125 re-doc D+L
Usage:
* combine with 🔗graph-colors1-css or others!
Deprecating reference:
🔗graph-exact-css (copied from!)
🔗graph-exact-v2-css (same, just different defaults)
_____________________________________
Graph Theming
(set colors per node types)
__________________________________________________________
THIS IS JUST A CLEAN, NO DEFAULTS SETUP !
< PRE-DRAFT+ >
Revisions:
20190730 attempt
20200919 trying to cleanup and use in 🔗graph-postapple !
20211109 experiment with defaults :D
20211125 re-doc D+L
Usage:
* combine with 🔗graph-colors1-css or others!
Deprecating reference:
🔗graph-exact-css (copied from!)
🔗graph-exact-v2-css (same, just different defaults)
_____________________________________
¶USAGE
* include this style in the pad to use
* set the below variables to what you want:
(in "root" CSS part, like always)
* set defaults:
--GRAPHb/x/f
* set per-node type (combination):
_____________
0=no modifiers
1=!
2=~
3=_
4=%
_____________________________
EXAMPLE:
--N1f = "!" font color
--N23b = "~_" background
--N0f = no modifiers font color
* include this style in the pad to use
* set the below variables to what you want:
(in "root" CSS part, like always)
* set defaults:
--GRAPHb/x/f
* set per-node type (combination):
_____________
0=no modifiers
1=!
2=~
3=_
4=%
_____________________________
EXAMPLE:
--N1f = "!" font color
--N23b = "~_" background
--N0f = no modifiers font color
¶TODO
* actually it should have defaults !!!
* document how it was GENERATED BY PYTHON !!!:
→ XXX🔗gliagraph
* generate ready for titling (break header comment)
<------------- (new) TODOS
_________________________________
*/
/*_________________________________________________*/
* actually it should have defaults !!!
* document how it was GENERATED BY PYTHON !!!:
→ XXX🔗gliagraph
* generate ready for titling (break header comment)
<------------- (new) TODOS
_________________________________
*/
/*_________________________________________________*/
¶/*______________ #0 [] NO MODIFIERS, NORMAL NODE ________ */
g[class="node none"] polygon, g[class="node none"] ellipse {
fill: var(--N0b, var(--GRAPHb)) !important;
stroke: var(--N0x, var(--GRAPHx)) !important;
}
g[class="node none"] text {
fill: var(--N0f, var(--GRAPHf)) !important;
stroke: var(--N0f, var(--GRAPHf)) !important;
}
/*______________
g[class="node none"] polygon, g[class="node none"] ellipse {
fill: var(--N0b, var(--GRAPHb)) !important;
stroke: var(--N0x, var(--GRAPHx)) !important;
}
g[class="node none"] text {
fill: var(--N0f, var(--GRAPHf)) !important;
stroke: var(--N0f, var(--GRAPHf)) !important;
}
/*______________
¶#1 [!]
________ */
g[class^="node"][class~=exposed]:not([class~=italic]):not([class~=underline]):not([class~=strikeout]) polygon, g[class^="node"][class~=exposed]:not([class~=italic]):not([class~=underline]):not([class~=strikeout]) ellipse {
fill: var(--N1b, var(--GRAPHb)) !important;
stroke: var(--N1x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed]:not([class~=italic]):not([class~=underline]):not([class~=strikeout]) text {
fill: var(--N1f, var(--GRAPHf)) !important;
stroke: var(--N1f, var(--GRAPHf)) !important;
}
/*______________
________ */
g[class^="node"][class~=exposed]:not([class~=italic]):not([class~=underline]):not([class~=strikeout]) polygon, g[class^="node"][class~=exposed]:not([class~=italic]):not([class~=underline]):not([class~=strikeout]) ellipse {
fill: var(--N1b, var(--GRAPHb)) !important;
stroke: var(--N1x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed]:not([class~=italic]):not([class~=underline]):not([class~=strikeout]) text {
fill: var(--N1f, var(--GRAPHf)) !important;
stroke: var(--N1f, var(--GRAPHf)) !important;
}
/*______________
¶#2 [~]
________ */
g[class^="node"]:not([class~=exposed])[class~=italic]:not([class~=underline]):not([class~=strikeout]) polygon, g[class^="node"]:not([class~=exposed])[class~=italic]:not([class~=underline]):not([class~=strikeout]) ellipse {
fill: var(--N2b, var(--GRAPHb)) !important;
stroke: var(--N2x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed])[class~=italic]:not([class~=underline]):not([class~=strikeout]) text {
fill: var(--N2f, var(--GRAPHf)) !important;
stroke: var(--N2f, var(--GRAPHf)) !important;
}
/*______________
________ */
g[class^="node"]:not([class~=exposed])[class~=italic]:not([class~=underline]):not([class~=strikeout]) polygon, g[class^="node"]:not([class~=exposed])[class~=italic]:not([class~=underline]):not([class~=strikeout]) ellipse {
fill: var(--N2b, var(--GRAPHb)) !important;
stroke: var(--N2x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed])[class~=italic]:not([class~=underline]):not([class~=strikeout]) text {
fill: var(--N2f, var(--GRAPHf)) !important;
stroke: var(--N2f, var(--GRAPHf)) !important;
}
/*______________
¶#3 [_]
________ */
g[class^="node"]:not([class~=exposed]):not([class~=italic])[class~=underline]:not([class~=strikeout]) polygon, g[class^="node"]:not([class~=exposed]):not([class~=italic])[class~=underline]:not([class~=strikeout]) ellipse {
fill: var(--N3b, var(--GRAPHb)) !important;
stroke: var(--N3x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed]):not([class~=italic])[class~=underline]:not([class~=strikeout]) text {
fill: var(--N3f, var(--GRAPHf)) !important;
stroke: var(--N3f, var(--GRAPHf)) !important;
}
/*______________
________ */
g[class^="node"]:not([class~=exposed]):not([class~=italic])[class~=underline]:not([class~=strikeout]) polygon, g[class^="node"]:not([class~=exposed]):not([class~=italic])[class~=underline]:not([class~=strikeout]) ellipse {
fill: var(--N3b, var(--GRAPHb)) !important;
stroke: var(--N3x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed]):not([class~=italic])[class~=underline]:not([class~=strikeout]) text {
fill: var(--N3f, var(--GRAPHf)) !important;
stroke: var(--N3f, var(--GRAPHf)) !important;
}
/*______________
¶#4 [%]
________ */
g[class^="node"]:not([class~=exposed]):not([class~=italic]):not([class~=underline])[class~=strikeout] polygon, g[class^="node"]:not([class~=exposed]):not([class~=italic]):not([class~=underline])[class~=strikeout] ellipse {
fill: var(--N4b, var(--GRAPHb)) !important;
stroke: var(--N4x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed]):not([class~=italic]):not([class~=underline])[class~=strikeout] text {
fill: var(--N4f, var(--GRAPHf)) !important;
stroke: var(--N4f, var(--GRAPHf)) !important;
}
/*______________ #12 [!~] ________ */
g[class^="node"][class~=exposed][class~=italic]:not([class~=underline]):not([class~=strikeout]) polygon, g[class^="node"][class~=exposed][class~=italic]:not([class~=underline]):not([class~=strikeout]) ellipse {
fill: var(--N12b, var(--GRAPHb)) !important;
stroke: var(--N12x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed][class~=italic]:not([class~=underline]):not([class~=strikeout]) text {
fill: var(--N12f, var(--GRAPHf)) !important;
stroke: var(--N12f, var(--GRAPHf)) !important;
}
/*______________ #13 [!_] ________ */
g[class^="node"][class~=exposed]:not([class~=italic])[class~=underline]:not([class~=strikeout]) polygon, g[class^="node"][class~=exposed]:not([class~=italic])[class~=underline]:not([class~=strikeout]) ellipse {
fill: var(--N13b, var(--GRAPHb)) !important;
stroke: var(--N13x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed]:not([class~=italic])[class~=underline]:not([class~=strikeout]) text {
fill: var(--N13f, var(--GRAPHf)) !important;
stroke: var(--N13f, var(--GRAPHf)) !important;
}
/*______________ #14 [!%] ________ */
g[class^="node"][class~=exposed]:not([class~=italic]):not([class~=underline])[class~=strikeout] polygon, g[class^="node"][class~=exposed]:not([class~=italic]):not([class~=underline])[class~=strikeout] ellipse {
fill: var(--N14b, var(--GRAPHb)) !important;
stroke: var(--N14x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed]:not([class~=italic]):not([class~=underline])[class~=strikeout] text {
fill: var(--N14f, var(--GRAPHf)) !important;
stroke: var(--N14f, var(--GRAPHf)) !important;
}
/*______________ #23 [~_] ________ */
g[class^="node"]:not([class~=exposed])[class~=italic][class~=underline]:not([class~=strikeout]) polygon, g[class^="node"]:not([class~=exposed])[class~=italic][class~=underline]:not([class~=strikeout]) ellipse {
fill: var(--N23b, var(--GRAPHb)) !important;
stroke: var(--N23x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed])[class~=italic][class~=underline]:not([class~=strikeout]) text {
fill: var(--N23f, var(--GRAPHf)) !important;
stroke: var(--N23f, var(--GRAPHf)) !important;
}
/*______________ #24 [~%] ________ */
g[class^="node"]:not([class~=exposed])[class~=italic]:not([class~=underline])[class~=strikeout] polygon, g[class^="node"]:not([class~=exposed])[class~=italic]:not([class~=underline])[class~=strikeout] ellipse {
fill: var(--N24b, var(--GRAPHb)) !important;
stroke: var(--N24x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed])[class~=italic]:not([class~=underline])[class~=strikeout] text {
fill: var(--N24f, var(--GRAPHf)) !important;
stroke: var(--N24f, var(--GRAPHf)) !important;
}
/*______________ #34 [_%] ________ */
g[class^="node"]:not([class~=exposed]):not([class~=italic])[class~=underline][class~=strikeout] polygon, g[class^="node"]:not([class~=exposed]):not([class~=italic])[class~=underline][class~=strikeout] ellipse {
fill: var(--N34b, var(--GRAPHb)) !important;
stroke: var(--N34x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed]):not([class~=italic])[class~=underline][class~=strikeout] text {
fill: var(--N34f, var(--GRAPHf)) !important;
stroke: var(--N34f, var(--GRAPHf)) !important;
}
/*______________ #123 [!~_] ________ */
g[class^="node"][class~=exposed][class~=italic][class~=underline]:not([class~=strikeout]) polygon, g[class^="node"][class~=exposed][class~=italic][class~=underline]:not([class~=strikeout]) ellipse {
fill: var(--N123b, var(--GRAPHb)) !important;
stroke: var(--N123x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed][class~=italic][class~=underline]:not([class~=strikeout]) text {
fill: var(--N123f, var(--GRAPHf)) !important;
stroke: var(--N123f, var(--GRAPHf)) !important;
}
/*______________ #124 [!~%] ________ */
g[class^="node"][class~=exposed][class~=italic]:not([class~=underline])[class~=strikeout] polygon, g[class^="node"][class~=exposed][class~=italic]:not([class~=underline])[class~=strikeout] ellipse {
fill: var(--N124b, var(--GRAPHb)) !important;
stroke: var(--N124x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed][class~=italic]:not([class~=underline])[class~=strikeout] text {
fill: var(--N124f, var(--GRAPHf)) !important;
stroke: var(--N124f, var(--GRAPHf)) !important;
}
/*______________ #134 [!_%] ________ */
g[class^="node"][class~=exposed]:not([class~=italic])[class~=underline][class~=strikeout] polygon, g[class^="node"][class~=exposed]:not([class~=italic])[class~=underline][class~=strikeout] ellipse {
fill: var(--N134b, var(--GRAPHb)) !important;
stroke: var(--N134x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed]:not([class~=italic])[class~=underline][class~=strikeout] text {
fill: var(--N134f, var(--GRAPHf)) !important;
stroke: var(--N134f, var(--GRAPHf)) !important;
}
/*______________ #234 [~_%] ________ */
g[class^="node"]:not([class~=exposed])[class~=italic][class~=underline][class~=strikeout] polygon, g[class^="node"]:not([class~=exposed])[class~=italic][class~=underline][class~=strikeout] ellipse {
fill: var(--N234b, var(--GRAPHb)) !important;
stroke: var(--N234x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed])[class~=italic][class~=underline][class~=strikeout] text {
fill: var(--N234f, var(--GRAPHf)) !important;
stroke: var(--N234f, var(--GRAPHf)) !important;
}
/*______________ #1234 [!~_%] ________ */
g[class^="node"][class~=exposed][class~=italic][class~=underline][class~=strikeout] polygon, g[class^="node"][class~=exposed][class~=italic][class~=underline][class~=strikeout] ellipse {
fill: var(--N1234b, var(--GRAPHb)) !important;
stroke: var(--N1234x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed][class~=italic][class~=underline][class~=strikeout] text {
fill: var(--N1234f, var(--GRAPHf)) !important;
stroke: var(--N1234f, var(--GRAPHf)) !important;
}
/*_________________________________________________*/
________ */
g[class^="node"]:not([class~=exposed]):not([class~=italic]):not([class~=underline])[class~=strikeout] polygon, g[class^="node"]:not([class~=exposed]):not([class~=italic]):not([class~=underline])[class~=strikeout] ellipse {
fill: var(--N4b, var(--GRAPHb)) !important;
stroke: var(--N4x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed]):not([class~=italic]):not([class~=underline])[class~=strikeout] text {
fill: var(--N4f, var(--GRAPHf)) !important;
stroke: var(--N4f, var(--GRAPHf)) !important;
}
/*______________ #12 [!~] ________ */
g[class^="node"][class~=exposed][class~=italic]:not([class~=underline]):not([class~=strikeout]) polygon, g[class^="node"][class~=exposed][class~=italic]:not([class~=underline]):not([class~=strikeout]) ellipse {
fill: var(--N12b, var(--GRAPHb)) !important;
stroke: var(--N12x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed][class~=italic]:not([class~=underline]):not([class~=strikeout]) text {
fill: var(--N12f, var(--GRAPHf)) !important;
stroke: var(--N12f, var(--GRAPHf)) !important;
}
/*______________ #13 [!_] ________ */
g[class^="node"][class~=exposed]:not([class~=italic])[class~=underline]:not([class~=strikeout]) polygon, g[class^="node"][class~=exposed]:not([class~=italic])[class~=underline]:not([class~=strikeout]) ellipse {
fill: var(--N13b, var(--GRAPHb)) !important;
stroke: var(--N13x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed]:not([class~=italic])[class~=underline]:not([class~=strikeout]) text {
fill: var(--N13f, var(--GRAPHf)) !important;
stroke: var(--N13f, var(--GRAPHf)) !important;
}
/*______________ #14 [!%] ________ */
g[class^="node"][class~=exposed]:not([class~=italic]):not([class~=underline])[class~=strikeout] polygon, g[class^="node"][class~=exposed]:not([class~=italic]):not([class~=underline])[class~=strikeout] ellipse {
fill: var(--N14b, var(--GRAPHb)) !important;
stroke: var(--N14x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed]:not([class~=italic]):not([class~=underline])[class~=strikeout] text {
fill: var(--N14f, var(--GRAPHf)) !important;
stroke: var(--N14f, var(--GRAPHf)) !important;
}
/*______________ #23 [~_] ________ */
g[class^="node"]:not([class~=exposed])[class~=italic][class~=underline]:not([class~=strikeout]) polygon, g[class^="node"]:not([class~=exposed])[class~=italic][class~=underline]:not([class~=strikeout]) ellipse {
fill: var(--N23b, var(--GRAPHb)) !important;
stroke: var(--N23x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed])[class~=italic][class~=underline]:not([class~=strikeout]) text {
fill: var(--N23f, var(--GRAPHf)) !important;
stroke: var(--N23f, var(--GRAPHf)) !important;
}
/*______________ #24 [~%] ________ */
g[class^="node"]:not([class~=exposed])[class~=italic]:not([class~=underline])[class~=strikeout] polygon, g[class^="node"]:not([class~=exposed])[class~=italic]:not([class~=underline])[class~=strikeout] ellipse {
fill: var(--N24b, var(--GRAPHb)) !important;
stroke: var(--N24x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed])[class~=italic]:not([class~=underline])[class~=strikeout] text {
fill: var(--N24f, var(--GRAPHf)) !important;
stroke: var(--N24f, var(--GRAPHf)) !important;
}
/*______________ #34 [_%] ________ */
g[class^="node"]:not([class~=exposed]):not([class~=italic])[class~=underline][class~=strikeout] polygon, g[class^="node"]:not([class~=exposed]):not([class~=italic])[class~=underline][class~=strikeout] ellipse {
fill: var(--N34b, var(--GRAPHb)) !important;
stroke: var(--N34x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed]):not([class~=italic])[class~=underline][class~=strikeout] text {
fill: var(--N34f, var(--GRAPHf)) !important;
stroke: var(--N34f, var(--GRAPHf)) !important;
}
/*______________ #123 [!~_] ________ */
g[class^="node"][class~=exposed][class~=italic][class~=underline]:not([class~=strikeout]) polygon, g[class^="node"][class~=exposed][class~=italic][class~=underline]:not([class~=strikeout]) ellipse {
fill: var(--N123b, var(--GRAPHb)) !important;
stroke: var(--N123x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed][class~=italic][class~=underline]:not([class~=strikeout]) text {
fill: var(--N123f, var(--GRAPHf)) !important;
stroke: var(--N123f, var(--GRAPHf)) !important;
}
/*______________ #124 [!~%] ________ */
g[class^="node"][class~=exposed][class~=italic]:not([class~=underline])[class~=strikeout] polygon, g[class^="node"][class~=exposed][class~=italic]:not([class~=underline])[class~=strikeout] ellipse {
fill: var(--N124b, var(--GRAPHb)) !important;
stroke: var(--N124x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed][class~=italic]:not([class~=underline])[class~=strikeout] text {
fill: var(--N124f, var(--GRAPHf)) !important;
stroke: var(--N124f, var(--GRAPHf)) !important;
}
/*______________ #134 [!_%] ________ */
g[class^="node"][class~=exposed]:not([class~=italic])[class~=underline][class~=strikeout] polygon, g[class^="node"][class~=exposed]:not([class~=italic])[class~=underline][class~=strikeout] ellipse {
fill: var(--N134b, var(--GRAPHb)) !important;
stroke: var(--N134x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed]:not([class~=italic])[class~=underline][class~=strikeout] text {
fill: var(--N134f, var(--GRAPHf)) !important;
stroke: var(--N134f, var(--GRAPHf)) !important;
}
/*______________ #234 [~_%] ________ */
g[class^="node"]:not([class~=exposed])[class~=italic][class~=underline][class~=strikeout] polygon, g[class^="node"]:not([class~=exposed])[class~=italic][class~=underline][class~=strikeout] ellipse {
fill: var(--N234b, var(--GRAPHb)) !important;
stroke: var(--N234x, var(--GRAPHx)) !important;
}
g[class^="node"]:not([class~=exposed])[class~=italic][class~=underline][class~=strikeout] text {
fill: var(--N234f, var(--GRAPHf)) !important;
stroke: var(--N234f, var(--GRAPHf)) !important;
}
/*______________ #1234 [!~_%] ________ */
g[class^="node"][class~=exposed][class~=italic][class~=underline][class~=strikeout] polygon, g[class^="node"][class~=exposed][class~=italic][class~=underline][class~=strikeout] ellipse {
fill: var(--N1234b, var(--GRAPHb)) !important;
stroke: var(--N1234x, var(--GRAPHx)) !important;
}
g[class^="node"][class~=exposed][class~=italic][class~=underline][class~=strikeout] text {
fill: var(--N1234f, var(--GRAPHf)) !important;
stroke: var(--N1234f, var(--GRAPHf)) !important;
}
/*_________________________________________________*/