Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 1 | /* |
2 | ONOS CSS file | ||||
3 | |||||
4 | @author Simon Hunt | ||||
5 | */ | ||||
6 | |||||
7 | body, html { | ||||
8 | height: 100%; | ||||
9 | } | ||||
10 | |||||
11 | /* | ||||
12 | * Classes | ||||
13 | */ | ||||
14 | |||||
15 | span.title { | ||||
Simon Hunt | 19cb098 | 2014-10-23 16:44:49 -0700 | [diff] [blame] | 16 | color: #37b; |
17 | font-size: 14pt; | ||||
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 18 | font-style: italic; |
Simon Hunt | 19cb098 | 2014-10-23 16:44:49 -0700 | [diff] [blame] | 19 | vertical-align: 10px; |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 20 | } |
21 | |||||
22 | span.radio { | ||||
23 | color: darkslateblue; | ||||
Simon Hunt | 19cb098 | 2014-10-23 16:44:49 -0700 | [diff] [blame] | 24 | font-size: 10pt; |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 25 | } |
26 | |||||
27 | span.right { | ||||
28 | float: right; | ||||
29 | } | ||||
30 | |||||
31 | /* | ||||
32 | * === DEBUGGING ====== | ||||
33 | */ | ||||
34 | svg { | ||||
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 35 | /*border: 1px dashed red;*/ |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 36 | } |
37 | |||||
38 | |||||
39 | /* | ||||
40 | * Network Graph elements ====================================== | ||||
41 | */ | ||||
42 | |||||
Simon Hunt | 2c9e0c2 | 2014-10-23 15:12:58 -0700 | [diff] [blame] | 43 | svg .link { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 44 | fill: none; |
45 | stroke: #666; | ||||
46 | stroke-width: 1.5px; | ||||
47 | opacity: .7; | ||||
48 | /*marker-end: url(#end);*/ | ||||
49 | |||||
50 | transition: opacity 250ms; | ||||
51 | -webkit-transition: opacity 250ms; | ||||
52 | -moz-transition: opacity 250ms; | ||||
53 | } | ||||
54 | |||||
55 | marker#end { | ||||
56 | fill: #666; | ||||
57 | stroke: #666; | ||||
58 | stroke-width: 1.5px; | ||||
59 | } | ||||
60 | |||||
Simon Hunt | 2c9e0c2 | 2014-10-23 15:12:58 -0700 | [diff] [blame] | 61 | svg .node rect { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 62 | stroke-width: 1.5px; |
63 | |||||
64 | transition: opacity 250ms; | ||||
65 | -webkit-transition: opacity 250ms; | ||||
66 | -moz-transition: opacity 250ms; | ||||
67 | } | ||||
68 | |||||
Simon Hunt | 2c9e0c2 | 2014-10-23 15:12:58 -0700 | [diff] [blame] | 69 | svg .node.device.roadm rect { |
70 | fill: #229; | ||||
71 | } | ||||
72 | svg .node.device.switch rect { | ||||
73 | fill: #55f; | ||||
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 74 | } |
75 | |||||
Simon Hunt | 2c9e0c2 | 2014-10-23 15:12:58 -0700 | [diff] [blame] | 76 | svg .node.host rect { |
77 | fill: #787; | ||||
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 78 | } |
79 | |||||
80 | svg .node text { | ||||
81 | fill: white; | ||||
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 82 | font: 10px sans-serif; |
83 | pointer-events: none; | ||||
84 | } | ||||
85 | |||||
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 86 | svg .node.selected rect { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 87 | filter: url(#blue-glow); |
88 | } | ||||
89 | |||||
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 90 | svg .link.inactive, |
91 | svg .node.inactive rect, | ||||
Simon Hunt | 1c5f8b6 | 2014-10-22 14:43:01 -0700 | [diff] [blame] | 92 | svg .node.inactive text, |
93 | svg .node.inactive image { | ||||
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 94 | opacity: .2; |
95 | } | ||||
96 | |||||
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 97 | svg .node.inactive.selected rect, |
Simon Hunt | 1c5f8b6 | 2014-10-22 14:43:01 -0700 | [diff] [blame] | 98 | svg .node.inactive.selected text, |
99 | svg .node.inactive.selected image { | ||||
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 100 | opacity: .6; |
101 | } | ||||
102 | |||||
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 103 | svg .legend { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 104 | position: fixed; |
105 | } | ||||
106 | |||||
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 107 | svg .legend .category rect { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 108 | stroke-width: 1px; |
109 | } | ||||
110 | |||||
Simon Hunt | 3ab76a8 | 2014-10-22 13:07:32 -0700 | [diff] [blame] | 111 | svg .legend .category text { |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 112 | fill: #000; |
113 | font: 10px sans-serif; | ||||
114 | pointer-events: none; | ||||
115 | } | ||||
116 | |||||
117 | /* | ||||
118 | * ============================================================= | ||||
119 | */ | ||||
120 | |||||
121 | /* | ||||
122 | * Specific structural elements | ||||
123 | */ | ||||
124 | |||||
125 | #frame { | ||||
126 | width: 100%; | ||||
127 | height: 100%; | ||||
Simon Hunt | 2c9e0c2 | 2014-10-23 15:12:58 -0700 | [diff] [blame] | 128 | background-color: #fff; |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 129 | } |
130 | |||||
131 | #mast { | ||||
Simon Hunt | 19cb098 | 2014-10-23 16:44:49 -0700 | [diff] [blame] | 132 | height: 36px; |
133 | padding: 4px; | ||||
Simon Hunt | 2c9e0c2 | 2014-10-23 15:12:58 -0700 | [diff] [blame] | 134 | background-color: #ccc; |
Simon Hunt | 0b05d4a | 2014-10-21 21:50:15 -0700 | [diff] [blame] | 135 | vertical-align: baseline; |
136 | } | ||||
137 |