blob: 1b3becb6d645ccda582eef338cff6ae8287a3896 [file] [log] [blame]
Simon Hunt0b05d4a2014-10-21 21:50:15 -07001/*
Thomas Vachuska781d18b2014-10-27 10:31:25 -07002 * Licensed to the Apache Software Foundation (ASF) under one
3 * or more contributor license agreements. See the NOTICE file
4 * distributed with this work for additional information
5 * regarding copyright ownership. The ASF licenses this file
6 * to you under the Apache License, Version 2.0 (the
7 * "License"); you may not use this file except in compliance
8 * with the License. You may obtain a copy of the License at
9 *
10 * http://www.apache.org/licenses/LICENSE-2.0
11 *
12 * Unless required by applicable law or agreed to in writing,
13 * software distributed under the License is distributed on an
14 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
15 * KIND, either express or implied. See the License for the
16 * specific language governing permissions and limitations
17 * under the License.
18 */
19
20/*
Simon Hunt0b05d4a2014-10-21 21:50:15 -070021 ONOS CSS file
22
23 @author Simon Hunt
24 */
25
26body, html {
27 height: 100%;
28}
29
30/*
31 * Classes
32 */
33
34span.title {
Simon Hunt19cb0982014-10-23 16:44:49 -070035 color: #37b;
36 font-size: 14pt;
Simon Hunt0b05d4a2014-10-21 21:50:15 -070037 font-style: italic;
Simon Hunt19cb0982014-10-23 16:44:49 -070038 vertical-align: 10px;
Simon Hunt0b05d4a2014-10-21 21:50:15 -070039}
40
41span.radio {
42 color: darkslateblue;
Simon Hunt19cb0982014-10-23 16:44:49 -070043 font-size: 10pt;
Simon Hunt0b05d4a2014-10-21 21:50:15 -070044}
45
46span.right {
47 float: right;
48}
49
50/*
Simon Hunt5cd0e8f2014-10-27 16:18:40 -070051 * Radio Buttons
52 */
53
54span.radio {
55 margin: 4px 0;
56 border: 1px dotted #222;
57 padding: 1px 6px;
58 color: #eee;
59 cursor: pointer;
60}
61
62span.radio.active {
63 background-color: #bbb;
64 border: 1px solid #eee;
65 padding: 1px 6px;
66 color: #666;
67 font-weight: bold;
68}
69
70/*
Simon Hunt0b05d4a2014-10-21 21:50:15 -070071 * === DEBUGGING ======
72 */
73svg {
Simon Hunt3ab76a82014-10-22 13:07:32 -070074 /*border: 1px dashed red;*/
Simon Hunt0b05d4a2014-10-21 21:50:15 -070075}
76
77
78/*
79 * Network Graph elements ======================================
80 */
81
Simon Hunt2c9e0c22014-10-23 15:12:58 -070082svg .link {
Simon Hunt0b05d4a2014-10-21 21:50:15 -070083 fill: none;
84 stroke: #666;
Simon Huntd35961b2014-10-28 08:49:48 -070085 stroke-width: 2.0px;
Simon Hunt0b05d4a2014-10-21 21:50:15 -070086 opacity: .7;
87 /*marker-end: url(#end);*/
88
89 transition: opacity 250ms;
90 -webkit-transition: opacity 250ms;
91 -moz-transition: opacity 250ms;
92}
93
Simon Hunt2c9e0c22014-10-23 15:12:58 -070094svg .node rect {
Simon Hunt0b05d4a2014-10-21 21:50:15 -070095 stroke-width: 1.5px;
96
97 transition: opacity 250ms;
98 -webkit-transition: opacity 250ms;
99 -moz-transition: opacity 250ms;
100}
101
Simon Hunt2c9e0c22014-10-23 15:12:58 -0700102svg .node.device.roadm rect {
103 fill: #229;
104}
Simon Hunt5cd0e8f2014-10-27 16:18:40 -0700105
Simon Hunt2c9e0c22014-10-23 15:12:58 -0700106svg .node.device.switch rect {
107 fill: #55f;
Simon Hunt3ab76a82014-10-22 13:07:32 -0700108}
109
Simon Hunt2c9e0c22014-10-23 15:12:58 -0700110svg .node.host rect {
111 fill: #787;
Simon Hunt3ab76a82014-10-22 13:07:32 -0700112}
113
114svg .node text {
115 fill: white;
Simon Hunt0b05d4a2014-10-21 21:50:15 -0700116 font: 10px sans-serif;
117 pointer-events: none;
118}
119
Simon Hunt5cd0e8f2014-10-27 16:18:40 -0700120/* for debugging */
121svg .node circle.debug {
122 fill: white;
123 stroke: red;
124}
125svg .node rect.debug {
126 fill: yellow;
127 stroke: red;
128 opacity: 0.35;
129}
130
131
Simon Hunt3ab76a82014-10-22 13:07:32 -0700132svg .node.selected rect {
Simon Hunt0b05d4a2014-10-21 21:50:15 -0700133 filter: url(#blue-glow);
134}
135
Simon Hunt3ab76a82014-10-22 13:07:32 -0700136svg .link.inactive,
137svg .node.inactive rect,
Simon Hunt1c5f8b62014-10-22 14:43:01 -0700138svg .node.inactive text,
139svg .node.inactive image {
Simon Hunt0b05d4a2014-10-21 21:50:15 -0700140 opacity: .2;
141}
142
Simon Hunt3ab76a82014-10-22 13:07:32 -0700143svg .node.inactive.selected rect,
Simon Hunt1c5f8b62014-10-22 14:43:01 -0700144svg .node.inactive.selected text,
145svg .node.inactive.selected image {
Simon Hunt0b05d4a2014-10-21 21:50:15 -0700146 opacity: .6;
147}
148
Simon Hunt5cd0e8f2014-10-27 16:18:40 -0700149/*
150 * === currently unused ===============================================
151 */
152
153svg marker#end {
154 fill: #666;
155 stroke: #666;
156 stroke-width: 1.5px;
157}
158
Simon Hunt3ab76a82014-10-22 13:07:32 -0700159svg .legend {
Simon Hunt0b05d4a2014-10-21 21:50:15 -0700160 position: fixed;
161}
162
Simon Hunt3ab76a82014-10-22 13:07:32 -0700163svg .legend .category rect {
Simon Hunt0b05d4a2014-10-21 21:50:15 -0700164 stroke-width: 1px;
165}
166
Simon Hunt3ab76a82014-10-22 13:07:32 -0700167svg .legend .category text {
Simon Hunt0b05d4a2014-10-21 21:50:15 -0700168 fill: #000;
169 font: 10px sans-serif;
170 pointer-events: none;
171}
172
173/*
174 * =============================================================
175 */
176
177/*
178 * Specific structural elements
179 */
180
181#frame {
182 width: 100%;
183 height: 100%;
Simon Hunt2c9e0c22014-10-23 15:12:58 -0700184 background-color: #fff;
Simon Hunt0b05d4a2014-10-21 21:50:15 -0700185}
186
187#mast {
Simon Hunt19cb0982014-10-23 16:44:49 -0700188 height: 36px;
189 padding: 4px;
Simon Hunt2c9e0c22014-10-23 15:12:58 -0700190 background-color: #ccc;
Simon Hunt0b05d4a2014-10-21 21:50:15 -0700191 vertical-align: baseline;
192}
193