blob: 0dfa46688d7e2bdfd7d21d8f72c7e9f4deeae348 [file] [log] [blame]
Simon Hunt195cb382014-11-03 17:50:51 -08001/*
2 * Copyright 2014 Open Networking Laboratory
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 * http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
16
17/*
18 ONOS GUI -- Topology view -- CSS file
19
20 @author Simon Hunt
21 */
22
Simon Hunt56d51852014-11-09 13:03:35 -080023#topo svg #topo-bg {
Simon Hunt142d0032014-11-04 20:13:09 -080024 opacity: 0.5;
25}
26
Simon Huntac9e24f2014-11-12 10:12:21 -080027
Simon Hunt1a9eff92014-11-07 11:06:34 -080028/* NODES */
29
Simon Huntac9e24f2014-11-12 10:12:21 -080030#topo svg .node {
Simon Hunt99c13842014-11-06 18:23:12 -080031 cursor: pointer;
32}
33
Simon Huntac9e24f2014-11-12 10:12:21 -080034#topo svg .node.selected rect,
35#topo svg .node.selected circle {
36 filter: url(#blue-glow);
37}
38
39/* for debugging */
40#topo svg .node circle.debug {
41 fill: white;
42 stroke: red;
43}
44
45#topo svg .node text {
46 pointer-events: none;
47}
48
49/* Device Nodes */
50
51#topo svg .node.device {
52}
53
Simon Hunt56d51852014-11-09 13:03:35 -080054#topo svg .node.device rect {
Simon Hunt1a9eff92014-11-07 11:06:34 -080055 stroke-width: 1.5px;
56}
57
Simon Hunt56d51852014-11-09 13:03:35 -080058#topo svg .node.device.fixed rect {
Simon Hunt99c13842014-11-06 18:23:12 -080059 stroke-width: 1.5;
60 stroke: #ccc;
61}
62
Simon Huntbb282f52014-11-10 11:08:19 -080063/* note: device is offline without the 'online' class */
64#topo svg .node.device {
65 fill: #777;
66}
67
68#topo svg .node.device.switch.online {
Simon Hunt99c13842014-11-06 18:23:12 -080069 fill: #17f;
70}
71
Simon Huntbb282f52014-11-10 11:08:19 -080072#topo svg .node.device.roadm.online {
Simon Huntc7ee0662014-11-05 16:44:37 -080073 fill: #03c;
Simon Hunt99c13842014-11-06 18:23:12 -080074}
75
Simon Huntbb282f52014-11-10 11:08:19 -080076/* note: device is offline without the 'online' class */
Simon Hunt7cd48f32014-11-09 23:42:50 -080077#topo svg .node.device text {
Simon Huntbb282f52014-11-10 11:08:19 -080078 fill: #aaa;
Simon Hunt99c13842014-11-06 18:23:12 -080079 font: 10pt sans-serif;
Simon Hunt99c13842014-11-06 18:23:12 -080080}
81
Simon Huntbb282f52014-11-10 11:08:19 -080082#topo svg .node.device.online text {
83 fill: white;
84}
85
Simon Huntac9e24f2014-11-12 10:12:21 -080086
87/* Host Nodes */
88
89#topo svg .node.host {
90 fill: #846;
91}
92
Simon Hunt7cd48f32014-11-09 23:42:50 -080093#topo svg .node.host text {
94 fill: #846;
95 font: 9pt sans-serif;
Simon Hunt7cd48f32014-11-09 23:42:50 -080096}
97
Simon Hunt1a9eff92014-11-07 11:06:34 -080098
99/* LINKS */
100
Simon Hunt56d51852014-11-09 13:03:35 -0800101#topo svg .link {
Simon Hunt1a9eff92014-11-07 11:06:34 -0800102 opacity: .7;
103}
104
Thomas Vachuska4830d392014-11-09 17:09:56 -0800105#topo svg .link.showPath {
106 stroke: #f00;
Simon Hunt7cd48f32014-11-09 23:42:50 -0800107 stroke-width: 6px;
Thomas Vachuska4830d392014-11-09 17:09:56 -0800108}
109
Simon Hunt61d04042014-11-11 17:27:16 -0800110
Simon Huntac9e24f2014-11-12 10:12:21 -0800111/* Fly-in details pane */
Simon Hunt61d04042014-11-11 17:27:16 -0800112
113#topo-detail {
114/* gets base CSS from .fpanel in floatPanel.css */
115}
116
Simon Hunt61d04042014-11-11 17:27:16 -0800117#topo-detail h2 {
118 margin: 8px 4px;
119 color: black;
120 vertical-align: middle;
121}
122
123#topo-detail h2 img {
124 height: 32px;
125 padding-right: 8px;
126 vertical-align: middle;
127}
128
129#topo-detail p, table {
130 margin: 4px 4px;
131}
132
133#topo-detail td.label {
134 font-style: italic;
135 color: #777;
136 padding-right: 12px;
137}
138
139#topo-detail td.value {
Simon Hunt61d04042014-11-11 17:27:16 -0800140}
141
142#topo-detail hr {
143 height: 1px;
144 color: #ccc;
145 background-color: #ccc;
146 border: 0;
147}
148
Simon Hunt0c6d4192014-11-12 12:07:10 -0800149/* Web Socket Closed Mask (starts hidden) */
150
151#topo-mask {
152 display: none;
153 position: absolute;
154 top: 0;
155 left: 0;
156 width: 10000px;
157 height: 8000px;
158 z-index: 5000;
159 background-color: rgba(0,0,0,0.75);
160 padding: 60px;
161}
162
163#topo-mask p {
164 margin: 8px 20px;
165 color: #ddd;
166 font-size: 14pt;
167 font-style: italic;
168}
169