Simon Hunt | ef31fb2 | 2014-12-19 13:16:44 -0800 | [diff] [blame] | 1 | /* |
Brian O'Connor | a09fe5b | 2017-08-03 21:12:30 -0700 | [diff] [blame] | 2 | * Copyright 2014-present Open Networking Foundation |
Simon Hunt | ef31fb2 | 2014-12-19 13:16:44 -0800 | [diff] [blame] | 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 | /* | ||||
Simon Hunt | 58894c8 | 2016-05-24 15:09:02 -0700 | [diff] [blame] | 18 | ONOS GUI -- Topology View (layout) -- CSS file |
Simon Hunt | ef31fb2 | 2014-12-19 13:16:44 -0800 | [diff] [blame] | 19 | */ |
20 | |||||
Simon Hunt | 7c8ab8d | 2015-02-03 15:05:15 -0800 | [diff] [blame] | 21 | /* --- Base SVG Layer --- */ |
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 22 | |
Simon Hunt | d552ee9 | 2015-04-02 17:06:35 -0700 | [diff] [blame] | 23 | #ov-topo svg { |
24 | /* prevents the little cut/copy/paste square that would appear on iPad */ | ||||
25 | -webkit-user-select: none; | ||||
26 | } | ||||
Simon Hunt | 426bd86 | 2015-01-14 16:48:41 -0800 | [diff] [blame] | 27 | |
Simon Hunt | 7c8ab8d | 2015-02-03 15:05:15 -0800 | [diff] [blame] | 28 | |
29 | /* --- "No Devices" Layer --- */ | ||||
30 | |||||
31 | #ov-topo svg #topo-noDevsLayer { | ||||
32 | visibility: hidden; | ||||
33 | } | ||||
34 | |||||
Simon Hunt | 7c8ab8d | 2015-02-03 15:05:15 -0800 | [diff] [blame] | 35 | #ov-topo svg #topo-noDevsLayer text { |
36 | font-size: 60pt; | ||||
37 | font-style: italic; | ||||
38 | } | ||||
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 39 | |
40 | |||||
Simon Hunt | 4b66859 | 2015-01-29 17:33:53 -0800 | [diff] [blame] | 41 | /* --- Topo Summary Panel --- */ |
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 42 | |
43 | #topo-p-summary { | ||||
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 44 | padding: 16px; |
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 45 | } |
46 | |||||
Simon Hunt | 58894c8 | 2016-05-24 15:09:02 -0700 | [diff] [blame] | 47 | |
Simon Hunt | 08f841d0 | 2015-02-10 14:39:20 -0800 | [diff] [blame] | 48 | /* --- Topo Detail Panel --- */ |
49 | |||||
50 | #topo-p-detail { | ||||
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 51 | padding: 16px; |
52 | top: 370px; | ||||
Simon Hunt | 08f841d0 | 2015-02-10 14:39:20 -0800 | [diff] [blame] | 53 | } |
Bri Prebilic Cole | d874546 | 2015-06-01 16:08:57 -0700 | [diff] [blame] | 54 | html[data-platform='iPad'] #topo-p-detail { |
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 55 | top: 386px; |
Bri Prebilic Cole | d874546 | 2015-06-01 16:08:57 -0700 | [diff] [blame] | 56 | } |
Simon Hunt | 08f841d0 | 2015-02-10 14:39:20 -0800 | [diff] [blame] | 57 | |
Bri Prebilic Cole | f5e48b1 | 2015-04-21 14:52:36 -0700 | [diff] [blame] | 58 | #topo-p-detail .actionBtns .actionBtn { |
59 | display: inline-block; | ||||
60 | } | ||||
61 | #topo-p-detail .actionBtns .actionBtn svg { | ||||
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 62 | width: 28px; |
63 | height: 28px; | ||||
Bri Prebilic Cole | f5e48b1 | 2015-04-21 14:52:36 -0700 | [diff] [blame] | 64 | } |
65 | |||||
Simon Hunt | 8d55808 | 2015-10-29 21:32:50 -0700 | [diff] [blame] | 66 | |
Simon Hunt | 08f841d0 | 2015-02-10 14:39:20 -0800 | [diff] [blame] | 67 | /* --- general topo-panel styling --- */ |
68 | |||||
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 69 | .topo-p div.header { |
70 | margin-bottom: 10px; | ||||
71 | } | ||||
72 | |||||
Bri Prebilic Cole | 8d3de3d | 2015-05-15 16:02:59 -0700 | [diff] [blame] | 73 | .topo-p div.header div.icon { |
74 | vertical-align: middle; | ||||
75 | display: inline-block; | ||||
76 | } | ||||
Bri Prebilic Cole | 684bcb7 | 2015-05-11 12:00:24 -0700 | [diff] [blame] | 77 | .topo-p div.body { |
78 | overflow-y: scroll; | ||||
79 | } | ||||
80 | |||||
Bri Prebilic Cole | 0a6ffb6 | 2015-06-04 09:32:12 -0700 | [diff] [blame] | 81 | .topo-p div.body::-webkit-scrollbar { |
82 | display: none; | ||||
83 | } | ||||
84 | |||||
Simon Hunt | 08f841d0 | 2015-02-10 14:39:20 -0800 | [diff] [blame] | 85 | .topo-p svg { |
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 86 | display: inline-block; |
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 87 | width: 26px; |
88 | height: 26px; | ||||
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 89 | } |
90 | |||||
Simon Hunt | 08f841d0 | 2015-02-10 14:39:20 -0800 | [diff] [blame] | 91 | |
92 | .topo-p h2 { | ||||
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 93 | padding: 0 0 0 10px; |
Bri Prebilic Cole | 684bcb7 | 2015-05-11 12:00:24 -0700 | [diff] [blame] | 94 | margin: 0; |
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 95 | font-weight: lighter; |
Bri Prebilic Cole | b3a6afe | 2015-06-24 14:10:41 -0700 | [diff] [blame] | 96 | word-wrap: break-word; |
Bri Prebilic Cole | 8d3de3d | 2015-05-15 16:02:59 -0700 | [diff] [blame] | 97 | display: inline-block; |
Bri Prebilic Cole | 8d3de3d | 2015-05-15 16:02:59 -0700 | [diff] [blame] | 98 | vertical-align: middle; |
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 99 | } |
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 100 | |
Simon Hunt | 08f841d0 | 2015-02-10 14:39:20 -0800 | [diff] [blame] | 101 | .topo-p h3 { |
Bri Prebilic Cole | 684bcb7 | 2015-05-11 12:00:24 -0700 | [diff] [blame] | 102 | padding: 0 4px; |
103 | margin: 0; | ||||
Bri Prebilic Cole | b3a6afe | 2015-06-24 14:10:41 -0700 | [diff] [blame] | 104 | word-wrap: break-word; |
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 105 | top: 20px; |
106 | left: 50px; | ||||
107 | } | ||||
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 108 | |
Simon Hunt | 047f405 | 2016-06-06 16:51:11 -0700 | [diff] [blame] | 109 | .topo-p p, |
110 | .topo-p table { | ||||
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 111 | padding: 0; |
Bri Prebilic Cole | 684bcb7 | 2015-05-11 12:00:24 -0700 | [diff] [blame] | 112 | margin: 0; |
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 113 | width: 100%; |
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 114 | } |
115 | |||||
Bri Prebilic Cole | 684bcb7 | 2015-05-11 12:00:24 -0700 | [diff] [blame] | 116 | .topo-p td { |
Bri Prebilic Cole | b3a6afe | 2015-06-24 14:10:41 -0700 | [diff] [blame] | 117 | word-wrap: break-word; |
Bri Prebilic Cole | 684bcb7 | 2015-05-11 12:00:24 -0700 | [diff] [blame] | 118 | } |
Simon Hunt | 08f841d0 | 2015-02-10 14:39:20 -0800 | [diff] [blame] | 119 | .topo-p td.label { |
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 120 | font-weight: bold; |
121 | padding: 0 10px 0 0; | ||||
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 122 | } |
Simon Hunt | 08f841d0 | 2015-02-10 14:39:20 -0800 | [diff] [blame] | 123 | .topo-p td.value { |
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 124 | padding: 0; |
125 | } | ||||
126 | |||||
Simon Hunt | 879ce45 | 2017-08-10 23:32:00 -0700 | [diff] [blame] | 127 | #topo-p-summary td.label { |
128 | width: 65%; | ||||
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 129 | } |
130 | |||||
131 | #topo-p-detail div.actionBtns { | ||||
132 | padding-top: 6px; | ||||
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 133 | } |
134 | |||||
Simon Hunt | 08f841d0 | 2015-02-10 14:39:20 -0800 | [diff] [blame] | 135 | .topo-p hr { |
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 136 | height: 1px; |
137 | border: 0; | ||||
Simon Hunt | 8f907cc | 2016-06-15 18:04:01 -0700 | [diff] [blame] | 138 | margin: 4px -3px; |
Simon Hunt | 626d210 | 2015-01-29 11:54:50 -0800 | [diff] [blame] | 139 | } |
Simon Hunt | 58894c8 | 2016-05-24 15:09:02 -0700 | [diff] [blame] | 140 | |
Simon Hunt | 4b66859 | 2015-01-29 17:33:53 -0800 | [diff] [blame] | 141 | |
Simon Hunt | 4b66859 | 2015-01-29 17:33:53 -0800 | [diff] [blame] | 142 | /* --- Topo Instance Panel --- */ |
143 | |||||
144 | #topo-p-instance { | ||||
Simon Hunt | a976134 | 2016-06-10 18:02:53 -0700 | [diff] [blame] | 145 | height: 85px; |
146 | padding: 10px; | ||||
Simon Hunt | 4b66859 | 2015-01-29 17:33:53 -0800 | [diff] [blame] | 147 | } |
148 | |||||
149 | #topo-p-instance div.onosInst { | ||||
150 | display: inline-block; | ||||
151 | width: 170px; | ||||
152 | height: 85px; | ||||
153 | cursor: pointer; | ||||
154 | } | ||||
155 | |||||
Simon Hunt | 4b66859 | 2015-01-29 17:33:53 -0800 | [diff] [blame] | 156 | #topo-p-instance svg text.instTitle { |
157 | font-size: 11pt; | ||||
158 | font-weight: bold; | ||||
Simon Hunt | a976134 | 2016-06-10 18:02:53 -0700 | [diff] [blame] | 159 | font-variant: small-caps; |
160 | text-transform: uppercase; | ||||
Simon Hunt | 4b66859 | 2015-01-29 17:33:53 -0800 | [diff] [blame] | 161 | } |
162 | #topo-p-instance svg text.instLabel { | ||||
Simon Hunt | a976134 | 2016-06-10 18:02:53 -0700 | [diff] [blame] | 163 | font-size: 10pt; |
Simon Hunt | 4b66859 | 2015-01-29 17:33:53 -0800 | [diff] [blame] | 164 | } |
165 | |||||
Simon Hunt | 8d22c4b | 2015-08-06 16:24:43 -0700 | [diff] [blame] | 166 | |
167 | /* --- Toolbar --- */ | ||||
168 | |||||
Simon Hunt | a976134 | 2016-06-10 18:02:53 -0700 | [diff] [blame] | 169 | #toolbar-topo-tbar { |
170 | padding: 6px; | ||||
171 | } | ||||
172 | |||||
Simon Hunt | 8d22c4b | 2015-08-06 16:24:43 -0700 | [diff] [blame] | 173 | #toolbar-topo-tbar .tbar-row.right { |
174 | width: 100%; | ||||
175 | } | ||||
176 | |||||
177 | #toolbar-topo-tbar .tbar-row-text { | ||||
178 | height: 21px; | ||||
179 | text-align: right; | ||||
180 | padding: 8px 60px 0 0; | ||||
181 | font-style: italic; | ||||
182 | } | ||||
183 | |||||
184 | |||||
Simon Hunt | ac4c6f7 | 2015-02-03 19:50:53 -0800 | [diff] [blame] | 185 | /* --- Topo Nodes --- */ |
186 | |||||
Simon Hunt | a142dd2 | 2015-02-12 22:07:51 -0800 | [diff] [blame] | 187 | #ov-topo svg .suppressed { |
Simon Hunt | 743a849 | 2015-08-25 16:18:19 -0700 | [diff] [blame] | 188 | opacity: 0.5 !important; |
189 | } | ||||
190 | |||||
191 | #ov-topo svg .suppressedmax { | ||||
Simon Hunt | a142dd2 | 2015-02-12 22:07:51 -0800 | [diff] [blame] | 192 | opacity: 0.2 !important; |
193 | } | ||||
194 | |||||
Simon Hunt | ac4c6f7 | 2015-02-03 19:50:53 -0800 | [diff] [blame] | 195 | #ov-topo svg .node { |
196 | cursor: pointer; | ||||
Simon Hunt | f44d726 | 2016-06-14 14:46:56 -0700 | [diff] [blame] | 197 | fill-rule: evenodd; |
Simon Hunt | ac4c6f7 | 2015-02-03 19:50:53 -0800 | [diff] [blame] | 198 | } |
199 | |||||
Simon Hunt | ac4c6f7 | 2015-02-03 19:50:53 -0800 | [diff] [blame] | 200 | #ov-topo svg .node text { |
201 | pointer-events: none; | ||||
202 | } | ||||
203 | |||||
Simon Hunt | 58894c8 | 2016-05-24 15:09:02 -0700 | [diff] [blame] | 204 | |
Simon Hunt | ac4c6f7 | 2015-02-03 19:50:53 -0800 | [diff] [blame] | 205 | /* Device Nodes */ |
206 | |||||
207 | #ov-topo svg .node.device { | ||||
208 | } | ||||
209 | |||||
Simon Hunt | 1894d79 | 2015-02-04 17:09:20 -0800 | [diff] [blame] | 210 | |
Simon Hunt | 1a5301e | 2015-02-25 15:31:25 -0800 | [diff] [blame] | 211 | /* Link Labels */ |
212 | |||||
Simon Hunt | 1894d79 | 2015-02-04 17:09:20 -0800 | [diff] [blame] | 213 | #ov-topo svg .linkLabel text { |
214 | text-anchor: middle; | ||||
215 | stroke-width: 0.1; | ||||
216 | font-size: 9pt; | ||||
217 | } | ||||
Simon Hunt | 58894c8 | 2016-05-24 15:09:02 -0700 | [diff] [blame] | 218 | |
Simon Hunt | eb0fa05 | 2015-02-17 19:20:28 -0800 | [diff] [blame] | 219 | |
Simon Hunt | 1a5301e | 2015-02-25 15:31:25 -0800 | [diff] [blame] | 220 | /* Port Labels */ |
221 | |||||
Simon Hunt | 1a5301e | 2015-02-25 15:31:25 -0800 | [diff] [blame] | 222 | #ov-topo svg .portLabel text { |
223 | text-anchor: middle; | ||||
224 | stroke-width: 0.1; | ||||
Simon Hunt | 969b3c9 | 2015-02-25 18:11:31 -0800 | [diff] [blame] | 225 | font-size: 11pt; |
Simon Hunt | 1a5301e | 2015-02-25 15:31:25 -0800 | [diff] [blame] | 226 | } |
Simon Hunt | 1a5301e | 2015-02-25 15:31:25 -0800 | [diff] [blame] | 227 | |
Bri Prebilic Cole | 8040176 | 2015-07-16 11:36:18 -0700 | [diff] [blame] | 228 | /* Number of Links Labels */ |
229 | #ov-topo line.numLinkHash { | ||||
230 | stroke-width: 3; | ||||
231 | } | ||||
232 | |||||
233 | #ov-topo text.numLinkText { | ||||
234 | font-size: 15pt; | ||||
Bri Prebilic Cole | 8040176 | 2015-07-16 11:36:18 -0700 | [diff] [blame] | 235 | text-anchor: middle; |
236 | } | ||||
237 | |||||
Bri Prebilic Cole | 8040176 | 2015-07-16 11:36:18 -0700 | [diff] [blame] | 238 | |
Simon Hunt | 2052e5d | 2015-04-13 17:40:44 -0700 | [diff] [blame] | 239 | /* Sprite Layer */ |
240 | |||||
Simon Hunt | abf66d9 | 2015-04-15 12:57:31 -0700 | [diff] [blame] | 241 | #ov-topo svg #topo-sprites use { |
Simon Hunt | b2c4cc8 | 2015-04-15 17:16:28 -0700 | [diff] [blame] | 242 | stroke-width: 2; |
Simon Hunt | abf66d9 | 2015-04-15 12:57:31 -0700 | [diff] [blame] | 243 | } |
Simon Hunt | 2052e5d | 2015-04-13 17:40:44 -0700 | [diff] [blame] | 244 | #ov-topo svg #topo-sprites text { |
245 | text-anchor: middle; | ||||
Simon Hunt | b2c4cc8 | 2015-04-15 17:16:28 -0700 | [diff] [blame] | 246 | font-size: 20pt; |
Simon Hunt | 2052e5d | 2015-04-13 17:40:44 -0700 | [diff] [blame] | 247 | font-style: italic; |
248 | } | ||||
249 | |||||
Simon Hunt | 2052e5d | 2015-04-13 17:40:44 -0700 | [diff] [blame] | 250 | |
Simon Hunt | 58894c8 | 2016-05-24 15:09:02 -0700 | [diff] [blame] | 251 | /* -- MISC -- */ |
Simon Hunt | 7f62f7c | 2015-05-11 17:38:02 -0700 | [diff] [blame] | 252 | |
Thomas Vachuska | 26be4f3 | 2016-03-31 01:10:27 -0700 | [diff] [blame] | 253 | .map-list { |
254 | padding: 10px; | ||||
255 | } | ||||
256 | |||||
257 | .map-list select { | ||||
chengfan | fdd497c | 2016-11-25 22:17:58 +0800 | [diff] [blame] | 258 | font-size: 16px; |
Thomas Vachuska | 26be4f3 | 2016-03-31 01:10:27 -0700 | [diff] [blame] | 259 | } |