body {
background-color: #fff; padding: 1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px;
}
a {
color: #990000;
} .society-graph {
font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.society-heatmap-bg {
fill: #eee;
}
.society-cell-outline {
stroke: #fff;
}
.society- .society-heatmap-select, .society-network-toggle {
display: block; margin-bottom: 1em; font: 300 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.society-heatmap-select {
display: inline; color: #555; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; height: 2em; padding: 6px 12px; line-height: 1.42857143; background-image: none;
}
label {
font: 300 12px "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.society-network-toggle input {
margin-right: 6px;
}
.society-link {
stroke: steelblue; stroke-opacity: .4; fill: none; pointer-events: none;
}
.society-node:hover, .society-node–source, .society-node–target {
font-weight: 700;
}
.society-node–source {
fill: #009191;
}
.society-node–target {
fill: #d66a00;
}
.society-node–faded {
opacity: 0.3;
}
.society-link–source, .society-link–target {
stroke-opacity: 1; stroke-width: 2px;
}
.society-link {
stroke: #000;
}
.society-link–source {
stroke: #009191;
}
.society-link–target {
stroke: #d66a00;
}
.key-green {
height: 1em; background-color: #009191; padding: .25em; color: #fff;
}
.key-red {
height: 1em; background-color: #d66a00; padding: .25em; color: #fff;
}
.instructions {
width: 100%;
}