2015-03-31 15:22:36 +00:00
|
|
|
.graph {
|
|
|
|
height: 100vh;
|
2015-03-31 22:14:07 +00:00
|
|
|
background: url(img/gplaypattern.png);
|
2015-03-31 15:22:36 +00:00
|
|
|
|
|
|
|
svg {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.link {
|
|
|
|
stroke-opacity: 0.8;
|
|
|
|
|
|
|
|
line {
|
|
|
|
stroke-width: 2.5px;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.highlight line {
|
|
|
|
stroke-width: 7px;
|
|
|
|
stroke-dasharray: 10, 10;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.node {
|
|
|
|
fill: #fff;
|
|
|
|
stroke-width: 2.5px;
|
|
|
|
stroke: #AEC7E8;
|
|
|
|
|
|
|
|
&:not(.unknown) {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.highlight {
|
|
|
|
stroke: #FFD486;
|
|
|
|
stroke-width: 6px;
|
|
|
|
fill: orange;
|
|
|
|
point-order: stroke;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.unknown {
|
|
|
|
stroke: #d00000;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.label {
|
|
|
|
text {
|
|
|
|
font-size: 0.8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
rect {
|
|
|
|
fill: rgba(255, 255, 255, 0.8);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-03-31 19:18:06 +00:00
|
|
|
@media screen and (max-width: $minscreenwidth) {
|
|
|
|
.graph {
|
|
|
|
height: 60vh;
|
|
|
|
}
|
|
|
|
}
|