resources/scss/d3/_forceDirectedGraph.scss

   1 /**
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017 Amdocs
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  *       http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END=========================================================
  20  *
  21  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  22  */
  23
  24
  25 .ts-force-selected-graph {
  26   padding: 0px;
  27   -webkit-user-select: none;  /* Chrome all / Safari all */
  28   -moz-user-select: none;     /* Firefox all */
  29   -ms-user-select: none;      /* IE 10+ */
  30   user-select: none;          /* Likely future */
  31 }
  32
  33 .aai-entity-node{
  34   font-family: Arial;
  35   font-size: 12px;
  36   line-height: 14px;
  37   text-anchor: middle;
  38 }
  39
  40 .aai-entity-node > .id-type-label {
  41   fill:#404f5a;
  42   font-weight: bold;
  43 }
  44
  45 .aai-entity-node > .id-value-label {
  46   fill:#8b9399;
  47 }
  48
  49 .aai-entity-link {
  50   stroke: #d9dada;
  51   stroke-width: 2px;
  52 }
  53
  54 .general-node > .inner {
  55   fill: #626668;
  56 }
  57
  58 .general-node > .outer {
  59   fill: #ffffff;
  60   stroke: #009fdb;
  61   stroke-width: 2px;
  62 }
  63
  64 .search-node > .inner {
  65   fill: #009fdb;
  66 }
  67
  68 .search-node > .outer {
  69   fill: #ffffff;
  70   stroke: #009fdb;
  71   stroke-width: 2px;
  72 }
  73
  74 .selected-node > .inner {
  75   fill: #626668;
  76 }
  77
  78 .selected-node > .outer {
  79   fill: #d9dada;
  80   stroke: #009fdb;
  81   stroke-width: 3px;
  82   filter: url(#selected-node-drop-shadow);
  83 }
  84
  85 .selected-search-node > .inner {
  86   fill: #009fdb;
  87 }
  88
  89 .selected-search-node > .outer {
  90   fill: #d9dada;
  91   stroke: #009fdb;
  92   stroke-width: 3px;
  93   filter: url(#selected-node-drop-shadow);
  94 }
  95
  96 @-moz-document url-prefix() {
  97   .selected-search-node > .outer {
  98     fill: #d9dada;
  99     stroke: #009fdb;
 100     stroke-width: 3px;
 101     filter: drop-shadow(-1px 1px 3px rgba(0,0,0,0.5));
 102   }
 103
 104   .selected-node > .outer {
 105     fill: #d9dada;
 106     stroke: #009fdb;
 107     stroke-width: 3px;
 108     filter: drop-shadow(-1px 1px 3px rgba(0,0,0,0.5));
 109   }
 110 }
 111
 112 .background-unselected {
 113   fill: #626668;
 114 }
 115
 116 .background-selected {
 117   fill: #009fdb;
 118 }
 119
 120 .ellipses-ellipse {
 121   fill: #FFFFFF;
 122 }
 123
 124 .triangle-warning {
 125   fill: #FFFFFF;
 126   fill-rule: evenodd;
 127 }
 128
 129 .icon_tick_circle{
 130   fill: #9DC742;
 131 }
 132
 133 .icon_tick_path {
 134   fill-rule: evenodd;
 135   fill: #FFFFFF;
 136   stroke: #FFFFFF;
 137   strokeWidth: 0.8;
 138 }
 139
 140 .icon_warning_circle{
 141   fill: #FF0000;
 142 }
 143
 144 .icon_warning_path {
 145   fill-rule: evenodd;
 146   fill: #FFFFFF;
 147   stroke: #FFFFFF;
 148   strokeWidth: 0.5;
 149 }