X-Git-Url: https://gerrit.onap.org/r/gitweb?p=aai%2Fsparky-fe.git;a=blobdiff_plain;f=resources%2Fscss%2Fd3%2F_forceDirectedGraph.scss;h=e08d576f2f973380236e64b0cdfd7284a91bb0ce;hp=57214a0e56ab28dd2e43b704bca6a40c7117b655;hb=bca1bdc7d52b01ede5c0e85f06cd6c64e5aaab57;hpb=ca007e933bcd9f63aa77801656ed9dd4142c432c

diff --git a/resources/scss/d3/_forceDirectedGraph.scss b/resources/scss/d3/_forceDirectedGraph.scss
index 57214a0..e08d576 100644
--- a/resources/scss/d3/_forceDirectedGraph.scss
+++ b/resources/scss/d3/_forceDirectedGraph.scss
@@ -1,27 +1,25 @@
-/*
-* ============LICENSE_START=======================================================
-* SPARKY (AAI UI service)
-* ================================================================================
-* Copyright © 2017 AT&T Intellectual Property.
-* Copyright © 2017 Amdocs
-* All rights reserved.
-* ================================================================================
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*      http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-* ============LICENSE_END=========================================================
-*
-* ECOMP and OpenECOMP are trademarks
-* and service marks of AT&T Intellectual Property.
-*/
+/**
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
+ * Copyright © 2017 Amdocs
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============LICENSE_END=========================================================
+ *
+ * ECOMP is a trademark and service mark of AT&T Intellectual Property.
+ */
 
 .ts-force-selected-graph {
   padding: 0px;
@@ -32,119 +30,119 @@
 }
 
 .aai-entity-node{
-  font-family: Arial;
-  font-size: 12px;
-  line-height: 14px;
+  font-family: $base-font-regular;
+  font-size: $body-font-4;
+  line-height: $body-font-2;
   text-anchor: middle;
 }
 
 .aai-entity-node > .id-type-label {
-  fill:#404f5a;
+  fill: $text-color1;
   font-weight: bold;
 }
 
 .aai-entity-node > .id-value-label {
-  fill:#8b9399;
+  fill: $background-color2;
 }
 
 .aai-entity-link {
-  stroke: #d9dada;
+  stroke: $graph-border-color4;
   stroke-width: 2px;
 }
 
 .general-node > .inner {
-  fill: #626668;
+  fill: $background-color2;
 }
 
 .general-node > .outer {
-  fill: #ffffff;
-  stroke: #009fdb;
+  fill: $graph-background-color3;
+  stroke: $graph-border-color2;
   stroke-width: 2px;
 }
 
 .search-node > .inner {
-  fill: #009fdb;
+  fill: $graph-background-color1;
 }
 
 .search-node > .outer {
-  fill: #ffffff;
-  stroke: #009fdb;
+  fill: $graph-background-color3;
+  stroke: $graph-border-color2;
   stroke-width: 2px;
 }
 
 .selected-node > .inner {
-  fill: #626668;
+  fill: $graph-background-color1;
 }
 
 .selected-node > .outer {
-  fill: #d9dada;
-  stroke: #009fdb;
+  fill: $graph-background-color4;
+  stroke: $graph-border-color2;
   stroke-width: 3px;
   filter: url(#selected-node-drop-shadow);
 }
 
 .selected-search-node > .inner {
-  fill: #009fdb;
+  fill: $border-color3;
 }
 
 .selected-search-node > .outer {
-  fill: #d9dada;
-  stroke: #009fdb;
+  fill: $graph-background-color4;
+  stroke: $graph-border-color2;
   stroke-width: 3px;
   filter: url(#selected-node-drop-shadow);
 }
 
 @-moz-document url-prefix() {
   .selected-search-node > .outer {
-    fill: #d9dada;
-    stroke: #009fdb;
+    fill: $graph-background-color4;
+    stroke: $graph-border-color2;
     stroke-width: 3px;
     filter: drop-shadow(-1px 1px 3px rgba(0,0,0,0.5));
   }
 
   .selected-node > .outer {
-    fill: #d9dada;
-    stroke: #009fdb;
+    fill: $graph-background-color4;
+    stroke: $graph-border-color2;
     stroke-width: 3px;
     filter: drop-shadow(-1px 1px 3px rgba(0,0,0,0.5));
   }
 }
 
 .background-unselected {
-  fill: #626668;
+  fill: $background-color2;
 }
 
 .background-selected {
-  fill: #009fdb;
+  fill: $graph-border-color2;
 }
 
 .ellipses-ellipse {
-  fill: #FFFFFF;
+  fill: $graph-background-color3;
 }
 
 .triangle-warning {
-  fill: #FFFFFF;
+  fill: $graph-background-color3;
   fill-rule: evenodd;
 }
 
 .icon_tick_circle{
-  fill: #9DC742;
+  fill: $graph-background-color5;
 }
 
 .icon_tick_path {
   fill-rule: evenodd;
-  fill: #FFFFFF;
-  stroke: #FFFFFF;
+  fill: $graph-background-color3;
+  stroke: $graph-border-color3;
   strokeWidth: 0.8;
 }
 
 .icon_warning_circle{
-  fill: #FF0000;
+  fill: $red;
 }
 
 .icon_warning_path {
   fill-rule: evenodd;
-  fill: #FFFFFF;
-  stroke: #FFFFFF;
+  fill: $graph-background-color3;
+  stroke: $graph-border-color3;
   strokeWidth: 0.5;
 }