Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 1 | @charset "utf-8"; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 2 | @import "../../util"; |
Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 3 | |
| 4 | /** |
| 5 | * SVG tree |
| 6 | */ |
| 7 | path.edge { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 8 | stroke: $darker-orange; |
Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 9 | stroke-width: 2px; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 10 | fill: none; |
Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 11 | } |
| 12 | |
Akron | 430332b | 2017-11-20 15:36:51 +0100 | [diff] [blame] | 13 | g.arc.infocus > path.edge { |
| 14 | stroke: $dark-green; |
| 15 | } |
| 16 | |
Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 17 | marker#arr { |
| 18 | overflow: visible; |
| 19 | path { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 20 | stroke: $darkest-orange; |
| 21 | fill: $darkest-orange; |
| 22 | fill-opacity: 1; |
Akron | 430332b | 2017-11-20 15:36:51 +0100 | [diff] [blame] | 23 | stroke-width: 2; |
Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 24 | } |
| 25 | } |
| 26 | |
| 27 | path.anchor { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 28 | stroke: $darkest-orange; |
| 29 | stroke-width: 3; |
Akron | 65d3108 | 2017-09-08 16:23:40 +0200 | [diff] [blame] | 30 | stroke-linecap: round; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 31 | z-index: 20; |
Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 32 | } |
| 33 | |
| 34 | g.root rect.empty { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 35 | stroke: $darker-orange; |
| 36 | fill: $darker-orange; |
Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 37 | stroke-width: 2px; |
| 38 | } |
| 39 | |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 40 | g.middle, |
| 41 | g.label { |
Akron | 65d3108 | 2017-09-08 16:23:40 +0200 | [diff] [blame] | 42 | rect { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 43 | stroke: $darker-orange; |
Akron | 65d3108 | 2017-09-08 16:23:40 +0200 | [diff] [blame] | 44 | stroke-width: 2px; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 45 | fill: $middle-orange; |
Akron | 65d3108 | 2017-09-08 16:23:40 +0200 | [diff] [blame] | 46 | } |
Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 47 | } |
| 48 | |
Akron | 430332b | 2017-11-20 15:36:51 +0100 | [diff] [blame] | 49 | g.label.infocus rect { |
| 50 | stroke: $dark-green; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 51 | fill: $lightest-green; |
Akron | 430332b | 2017-11-20 15:36:51 +0100 | [diff] [blame] | 52 | } |
| 53 | |
Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 54 | g.middle.mark { |
| 55 | rect { |
| 56 | fill: $darker-orange; |
| 57 | } |
| 58 | > text { |
| 59 | fill: $light-orange; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 60 | |
Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 61 | > tspan { |
| 62 | stroke: $light-orange; |
| 63 | } |
| 64 | } |
| 65 | } |
| 66 | |
Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 67 | g.leaf.mark text > tspan { |
| 68 | font-weight: bold; |
| 69 | } |
| 70 | |
| 71 | g.leaf > rect { |
| 72 | display: none; |
| 73 | } |
| 74 | |
| 75 | g > text > tspan { |
| 76 | text-anchor: middle; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 77 | font-size: 9pt; |
Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 78 | } |
| 79 | |
Akron | 3d20428 | 2017-09-07 18:24:18 +0200 | [diff] [blame] | 80 | g.leaf > text, |
| 81 | text.leaf { |
| 82 | > tspan { |
| 83 | font-size: 10pt; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 84 | overflow: visible; |
Akron | 3d20428 | 2017-09-07 18:24:18 +0200 | [diff] [blame] | 85 | } |
Akron | 1517513 | 2017-09-07 18:12:55 +0200 | [diff] [blame] | 86 | } |