Home | History | Annotate | Download | only in visual 
      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