1 .node { 2 font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif; 3 fill: #bbb; 4 fill-opacity: 0.2; 5 } 6 7 .node--sys-pri { 8 font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif; 9 fill: #ffaaaa; 10 fill-opacity: 0.2; 11 } 12 13 .node--sys-pub { 14 font: 300 11px "Helvetica Neue", Helvetica, Arial, sans-serif; 15 fill: #aaffaa; 16 fill-opacity: 0.2; 17 } 18 19 .node--source { 20 fill: #2ca02c; 21 fill-opacity: 1; 22 } 23 24 .node--target { 25 fill: #d62728; 26 fill-opacity: 1; 27 } 28 29 .node--selected { 30 fill: #ff7000; 31 fill-opacity: 1; 32 font-weight: 700; 33 } 34 35 .node:hover, 36 .node--sys-pri:hover, 37 .node--sys-pub:hover { 38 fill: #000; 39 fill-opacity: 1; 40 } 41 42 .node:hover, 43 .node--sys-pri:hover, 44 .node--sys-pub:hover, 45 .node--source, 46 .node--target { 47 font-weight: 700; 48 } 49 50 .link { 51 stroke: steelblue; 52 stroke-opacity: 0.01; 53 fill: none; 54 pointer-events: none; 55 } 56 57 .link--violate { 58 stroke: crimson; 59 stroke-opacity: 0.1; 60 stroke-width: 1.0px; 61 fill: none; 62 pointer-events: none; 63 } 64 65 .link--source, 66 .link--target { 67 stroke-opacity: 1; 68 stroke-width: 2.5px; 69 } 70 71 .link--source { 72 stroke: orange; 73 } 74 75 .link--target { 76 stroke: #2ca02c; 77 } 78 79 button.violate { 80 background-color: white; 81 color: #333; 82 cursor: pointer; 83 padding: 5px; 84 width: 100%; 85 border: none; 86 text-align: left; 87 outline: none; 88 font-size: 15px; 89 transition: 0.4s; 90 } 91 92 button.violate.active, 93 button.violate:hover { 94 background-color: #bb0000; 95 } 96 button.violate-list { 97 background-color: #ffdddd; 98 color: #333; 99 cursor: pointer; 100 padding: 5px; 101 width: 100%; 102 border: none; 103 text-align: left; 104 outline: none; 105 font-size: 15px; 106 transition: 0.4s; 107 } 108 109 button.violate-list.active, 110 button.violate-list:hover { 111 background-color: #ff6666; 112 } 113 .violate-list-sym { 114 background-color: #ffaaaa; 115 padding: 3px; 116 width: 100%; 117 border: none; 118 text-align: left; 119 font-size: 14px; 120 } 121 122 span.cplusplus-sym { 123 background-color: #ffffff; 124 top: 10px; 125 left: 20px; 126 width: auto; 127 height: auto; 128 border: solid 1px blue; 129 font-size: 18px; 130 position: absolute; 131 } 132 133 #violate_list_column { 134 width: 20%; 135 height: 99vh; 136 float: left; 137 overflow: scroll; 138 } 139 140 #dep_graph_column { 141 width: 80%; 142 height: 99vh; 143 float: right; 144 overflow: scroll; 145 } 146 147 #reset_btn { 148 position: absolute; 149 margin: 20px; 150 } 151