1  /* https://github.com/BartBrood/Interactive-Graphviz-Diagrams */
 2  
 3  /* MIT License */
 4  
 5  /* Copyright (c) 2024 BartBrood */
 6  
 7  /* Permission is hereby granted, free of charge, to any person obtaining a copy */
 8  /* of this software and associated documentation files (the "Software"), to deal */
 9  /* in the Software without restriction, including without limitation the rights */
10  /* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell */
11  /* copies of the Software, and to permit persons to whom the Software is */
12  /* furnished to do so, subject to the following conditions: */
13  
14  /* The above copyright notice and this permission notice shall be included in all */
15  /* copies or substantial portions of the Software. */
16  
17  /* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR */
18  /* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, */
19  /* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE */
20  /* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER */
21  /* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, */
22  /* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE */
23  /* SOFTWARE. */
24  
25  
26  /* The first 2 styles are hiding longer description texts on */
27  /* nodes and edges, that are shown when nodes are clicked */
28  /* .edge text{ */
29  /*     opacity: 0; */
30  /* } */
31  /* .node text:not(:first-of-type){ */
32  /*     opacity: 0; */
33  /* } */
34  
35  .text-highlight-nodes text{
36      opacity: 1 !important;
37      stroke-width: 5;
38      font-size: 20px;
39      font-weight: bold;
40      fill: black;
41  }
42  .text-highlight-edges text{
43      opacity: 1 !important;
44      stroke-width: 5;
45      font-size: 20px;
46      font-weight: bold;
47      fill: Indigo;
48  }
49  .edge-highlight path{
50      opacity: 1;
51      stroke-width: 5;
52      stroke: crimson;
53  }
54  .edge-highlight polygon{
55      opacity: 1;
56      stroke-width: 5;
57      stroke: crimson;
58  }
59  .node-highlight polygon{
60      opacity: 1;
61      stroke-width: 5;
62      stroke: crimson;
63      z-index:99999;
64  }
65  .node-highlight ellipse{
66      opacity: 1;
67      stroke-width: 5;
68      stroke: crimson;
69      z-index:99999;
70  }
71  .node-highlight path{
72      opacity: 1;
73      stroke-width: 5;
74      stroke: crimson;
75      z-index:99999;
76  }
77  .compass {
78      fill: #fff;
79      stroke: #000;
80      stroke-width: 1;
81  }
82  .plus-minus {
83      fill: #fff;
84      pointer-events: none;
85  }