code/network-topology-instance-generator/view/svg.style.css

   1 circle {
   2   fill: red;
   3   stroke: blue;
   4   stroke-width: 2;
   5 }
   6
   7 circle.dot {
   8   fill: rgb(165, 163, 164);
   9   stroke: blue;
  10   stroke-width: 0;
  11 }
  12
  13 ellipse {
  14   fill: red;
  15   stroke: blue;
  16   stroke-width: 2;
  17 }
  18
  19 ellipse.TapiConnectionEdgePoint {
  20   fill: #dddddd;
  21   stroke: #444444;
  22   stroke-width: 1;
  23 }
  24
  25 g.TapiConnectionEdgePoint>text {
  26   fill: #444444;
  27 }
  28
  29 g.TapiNodeFronthaulGateway>text {
  30   fill: #444444;
  31 }
  32
  33 g.node:hover>rect {
  34   fill: #44aa44;
  35   fill-opacity: .75;
  36   stroke: #008800;
  37   stroke-width: 4;
  38 }
  39
  40 g.TapiNodeEdgePoint:hover>rect {
  41   fill: #44aa44;
  42   fill-opacity: .75;
  43   stroke: #008800;
  44   stroke-width: 4;
  45 }
  46
  47 g.node:hover>text {
  48   fill: #ffff88;
  49   font-weight: bold;
  50   cursor: default;
  51 }
  52
  53 g.TapiNodeEdgePoint:hover>text {
  54   fill: #ffff88;
  55   font-weight: bold;
  56   cursor: default;
  57 }
  58
  59 g.TapiConnectionEdgePoint:hover>ellipse {
  60   fill: #44aa44;
  61   fill-opacity: .75;
  62   stroke: #008800;
  63   stroke-width: 4;
  64 }
  65
  66 g.TapiConnectionEdgePoint:hover>text {
  67   fill: #ffff88;
  68   font-weight: bold;
  69   cursor: default;
  70 }
  71
  72
  73 /* 3GPP defined interface links */
  74
  75 g.e1>path {
  76   fill: none;
  77   stroke: #008800;
  78   stroke-width: 1;
  79 }
  80
  81 g.f1>path {
  82   fill: none;
  83   stroke: #008800;
  84   stroke-width: 1;
  85 }
  86
  87 g.n1>path {
  88   fill: none;
  89   stroke: #008800;
  90   stroke-width: 1;
  91 }
  92
  93 g.n2>path {
  94   fill: none;
  95   stroke: #008800;
  96   stroke-width: 1;
  97 }
  98
  99 g.n3>path {
 100   fill: none;
 101   stroke: #008800;
 102   stroke-width: 1;
 103 }
 104
 105 g.uu>path {
 106   fill: none;
 107   stroke: #008800;
 108   stroke-width: 1;
 109 }
 110
 111 g.link:hover>path {
 112   fill: none;
 113   stroke: #008800;
 114   stroke-width: 6;
 115 }
 116
 117 rect {
 118   fill: red;
 119   stroke: blue;
 120   stroke-width: 2;
 121 }
 122
 123 rect.node {
 124   fill: lightcoral;
 125   fill-opacity: .75;
 126   stroke: darkred;
 127 }
 128
 129 rect.TapiNodeEdgePoint {
 130   fill: #888888;
 131   stroke: #444444;
 132   stroke-width: 1;
 133 }
 134
 135 rect.smo {
 136   fill: gold;
 137   stroke: goldenrod;
 138 }
 139
 140 rect.o2-controller {
 141   fill: greenyellow;
 142   stroke: green;
 143 }
 144
 145 rect.o-cloud {
 146   fill: greenyellow;
 147   stroke: green;
 148 }
 149
 150 rect.amf {
 151   fill: green;
 152   stroke: lightgreen;
 153 }
 154
 155 rect.upf {
 156   fill: green;
 157   stroke: lightgreen;
 158 }
 159
 160 rect.fhgw {
 161   fill: #dddddd;
 162   stroke: #444444;
 163 }
 164
 165 rect.ue {
 166   fill: skyblue;
 167   stroke: lightskyblue;
 168 }
 169
 170 path {
 171   fill: red;
 172   stroke: blue;
 173   stroke-width: 2;
 174 }
 175
 176 path.link {
 177   fill: none;
 178   stroke: #444444;
 179 }
 180
 181 title {
 182   background-color: #44aa44;
 183   font-size: 100pt;
 184 }
 185
 186 text {
 187   fill: white;
 188   stroke: none;
 189   text-anchor: middle;
 190   font-family: Arial, Helvetica, sans-serif;
 191   font-size: 10px;
 192   font-weight: normal;
 193 }
 194
 195 text.amf {
 196   fill: lightgreen;
 197 }
 198
 199 text.upf {
 200   fill: lightgreen;
 201 }
 202
 203 text.smo {
 204   fill: #444444;
 205 }
 206
 207 text.o2-controller {
 208   fill: #444444;
 209 }
 210
 211 g.TapiNodeOCloud>text {
 212   fill: #444444;
 213 }
 214
 215 text.fhgw {
 216   fill: #444444;
 217 }
 218
 219 text.ue {
 220   fill: #444444;
 221 }