2022-08-22 19:12:04 +00:00
|
|
|
.bowtie {
|
2022-11-21 11:59:45 +09:00
|
|
|
&.rtl {
|
|
|
|
transform: scale(-1, 1);
|
|
|
|
}
|
|
|
|
|
2022-08-22 19:12:04 +00:00
|
|
|
.line {
|
|
|
|
fill: none;
|
2022-08-24 18:54:11 +00:00
|
|
|
|
|
|
|
&.input {
|
|
|
|
stroke: url(#input-gradient);
|
|
|
|
}
|
|
|
|
&.output {
|
|
|
|
stroke: url(#output-gradient);
|
|
|
|
}
|
|
|
|
&.fee {
|
|
|
|
stroke: url(#fee-gradient);
|
|
|
|
}
|
2022-11-20 11:32:03 +09:00
|
|
|
&.zerovalue {
|
|
|
|
stroke: url(#gradient0);
|
|
|
|
stroke-linecap: round;
|
|
|
|
}
|
2022-09-17 01:20:08 +00:00
|
|
|
|
2022-10-04 23:30:14 +00:00
|
|
|
&.highlight {
|
|
|
|
z-index: 8;
|
|
|
|
cursor: pointer;
|
|
|
|
&.input {
|
|
|
|
stroke: url(#input-highlight-gradient);
|
|
|
|
}
|
|
|
|
&.output {
|
|
|
|
stroke: url(#output-highlight-gradient);
|
|
|
|
}
|
2022-11-20 11:32:03 +09:00
|
|
|
&.zerovalue {
|
|
|
|
stroke: #1bd8f4;
|
|
|
|
}
|
2022-10-04 23:30:14 +00:00
|
|
|
}
|
2022-11-21 12:28:46 +09:00
|
|
|
}
|
2022-10-04 23:30:14 +00:00
|
|
|
|
2022-11-22 10:05:14 +09:00
|
|
|
.line:hover, .marker-target:hover + .line {
|
2022-11-21 12:28:46 +09:00
|
|
|
z-index: 10;
|
|
|
|
cursor: pointer;
|
|
|
|
&.input {
|
|
|
|
stroke: url(#input-hover-gradient);
|
|
|
|
}
|
|
|
|
&.output {
|
|
|
|
stroke: url(#output-hover-gradient);
|
|
|
|
}
|
|
|
|
&.fee {
|
|
|
|
stroke: url(#fee-hover-gradient);
|
2022-09-17 01:20:08 +00:00
|
|
|
}
|
2022-11-20 11:32:03 +09:00
|
|
|
&.zerovalue {
|
|
|
|
stroke: white;
|
|
|
|
}
|
2022-08-22 19:12:04 +00:00
|
|
|
}
|
2022-11-21 12:28:26 +09:00
|
|
|
|
|
|
|
.connector {
|
|
|
|
stroke: none;
|
|
|
|
opacity: 0.75;
|
2022-11-21 12:28:46 +09:00
|
|
|
cursor: pointer;
|
2022-11-21 12:28:26 +09:00
|
|
|
&.input {
|
|
|
|
fill: url(#input-connector-gradient);
|
|
|
|
}
|
|
|
|
&.output {
|
|
|
|
fill: url(#output-connector-gradient);
|
|
|
|
}
|
|
|
|
}
|
2022-11-21 12:28:46 +09:00
|
|
|
|
2022-11-22 10:05:14 +09:00
|
|
|
.connector:hover {
|
|
|
|
&.input {
|
|
|
|
fill: url(#input-hover-connector-gradient);
|
|
|
|
}
|
|
|
|
&.output {
|
|
|
|
fill: url(#output-hover-connector-gradient);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-11-21 12:28:46 +09:00
|
|
|
.marker-target {
|
|
|
|
stroke: none;
|
|
|
|
fill: transparent;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
}
|