resources/scss/d3/_forceDirectedGraph.scss

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