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 79button.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 92button.violate.active, 93button.violate:hover { 94 background-color: #bb0000; 95} 96button.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 109button.violate-list.active, 110button.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 122span.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