stylesheet.js

module.exports = '\ntext {\n  font-family: sans-serif;\n}\n\n.printable .arc.person {\n  fill: white;\n  stroke: lightGrey;\n  stroke-width: 2px;\n}\n\n.printable .radial {\n  stroke-width: 2px;\n  stroke: #999;\n}\n\n.printable text {\n  text-anchor: middle;\n  pointer-events: none;\n}\n\n.fan-tip {\n  pointer-events: none;\n}\n\n.fan-tip .tip-inner {\n  text-align: left;\n}\n\n.fan-tip .tip-arrow {\n  display: none;\n}\n\n.person {\n  cursor: pointer;\n}\n\n.circle.person {\n  stroke: #999;\n  stroke-width: 2px;\n}\n\n.rect.person {\n  stroke: white;\n  stroke-width: 4px;\n}\n\n.arc.person {\n  stroke: white;\n  stroke-width: 4px;\n}\n\n.fan-borders path {\n  stroke: white;\n  stroke-width: 4px;\n  fill: transparent;\n  pointer-events: none;\n}\n\n.indicator {\n  pointer-events: none;\n}\n\n.radial {\n  stroke: #ccc;\n  fill: transparent;\n  stroke-width: 2px;\n  stroke-linecap: square;\n}\n\n.person, .person.inactive {\n  fill: #eee;\n  background-color: #eee;\n}\n\n.person.active {\n  fill: #fbe;\n  background-color: #fbe;\n}\n\n.person.clean {\n  fill: rgb(150, 230, 255);\n  background-color: rgb(150, 230, 255);\n}\n\n.person.complete {\n  fill: rgb(115, 255, 176);\n  background-color: rgb(115, 255, 176);\n}\n\n.person-photo {\n  cursor: pointer;\n}\n\n.hovertext text {\n  display: none;\n}\n\n.hovertext .background {\n  stroke: black;\n  stroke-width: 8px;\n  fill: black;\n  stroke-linejoin: round;\n  stroke-linecap: round;\n}\n\n.hovertext .foreground {\n  stroke: none;\n  fill: white;\n}\n\n.hovertext path {\n  fill: transparent;\n}\n\n.hovertext:hover text {\n  display: block;\n}\n/*\n.person-photo:hover {\n  mask: url("#circle");\n}\n*/\n';