blob: dd1ed8e7dc81eb9f2d04d15cdae462c0bc9a757f [file] [log] [blame]
Paul Greyson740bdaf2013-03-18 16:10:48 -07001
Paul Greysond9872392013-03-18 12:04:15 -07002body {
3 background-color: black;
4 color: white;
5 font-family: Helvetica;
6 margin: 0px;
7}
8
9.status {
10 padding: 1em;
Paul Greysond9872392013-03-18 12:04:15 -070011}
12
Paul Greysonc3e21a02013-03-21 13:56:05 -070013
Paul Greysond9872392013-03-18 12:04:15 -070014.status:last-child {
15 border-right: none;
16}
17
18.status .static {
Paul Greysonc3e21a02013-03-21 13:56:05 -070019 color: #AAA;
Paul Greysond9872392013-03-18 12:04:15 -070020 padding: .25em;
21}
22
23.status .dynamic {
Paul Greysonc3e21a02013-03-21 13:56:05 -070024 color: #FFF;
Paul Greysond9872392013-03-18 12:04:15 -070025 padding: .25em;
26}
27
Paul Greysonc3e21a02013-03-21 13:56:05 -070028.status.bottom {
29 position: absolute;
30 bottom: 0px;
31 right: 0px;
Paul Greyson6d9ed862013-03-23 17:37:15 -070032 font-size: 12px;
Paul Greysonc3e21a02013-03-21 13:56:05 -070033}
34
35#status.top span {
36 font-size: 24px;
37}
38
Paul Greysond9872392013-03-18 12:04:15 -070039.button {
40 padding: 1em;
41 background-color: lightgray;
42 color: black;
43 border: 1px solid white;
44}
45
Paul Greysonb367de22013-03-23 11:09:11 -070046#arrow {
47 stroke: none;
Paul Greyson45303ac2013-03-23 16:44:01 -070048 fill: rgba(255, 255, 255, .35);
Paul Greysonb367de22013-03-23 11:09:11 -070049}
50
Paul Greyson952ccb62013-03-18 22:22:08 -070051.header {
52 height: 50px;
53}
54
Paul Greysond9872392013-03-18 12:04:15 -070055
56#right .header {
Paul Greyson952ccb62013-03-18 22:22:08 -070057 font-size: 12px;
58 padding-right: .25em;
59 -webkit-box-sizing: border-box;
Paul Greysond9872392013-03-18 12:04:15 -070060}
61
Paul Greysond1a22d92013-03-19 12:15:19 -070062#controllers, #selectedFlows {
63 border-top: 1px solid white;
Paul Greysond9872392013-03-18 12:04:15 -070064}
65
Paul Greysond1a22d92013-03-19 12:15:19 -070066#selectedFlows {
67 border-bottom: 1px solid white;
Paul Greysond9872392013-03-18 12:04:15 -070068}
69
Paul Greyson127d7fb2013-03-25 23:39:20 -070070.selectedFlow {
71 height: 2em;
72 color: white;
73 background-color: black;
74}
75
76.selectedFlow.selected {
77 color: black;
78 background-color:#AAA;
79}
80
81path.flow {
82 fill: none;
83 stroke-width: 3px;
84 stroke: white;
85}
86
87#selectedFlowsHeader {
88 border-top: 1px solid white;
89}
90
91.flowIndex, .flowId, .srcDPID, .dstDPID, .iperf {
92 display: -webkit-box;
93 -webkit-box-pack: center;
94 -webkit-box-align: center;
95}
96
97.flowIndex, .flowId, .srcDPID, .dstDPID {
98 border-right: 1px solid white;
99}
100
101
Paul Greysond1a22d92013-03-19 12:15:19 -0700102#controllers {
103 border-right: 1px solid white;
104}
105
Paul Greyson3e142162013-03-19 13:56:17 -0700106.controller {
107 padding: .25em;
108}
109
Paul Greyson952ccb62013-03-18 22:22:08 -0700110#logo {
111 height: 50px;
112}
113
114.edge {
Paul Greyson952ccb62013-03-18 22:22:08 -0700115 stroke: black;
116 stroke-width: 1.5px;
117}
118
Paul Greysonf9edc1a2013-03-19 13:22:06 -0700119.nolabel text {
120 display: none;
121}
122
123text {
124 stroke: none;
125 fill: white;
Paul Greyson968d1b42013-03-23 16:58:41 -0700126 font-size: 16px;
Paul Greysonf9edc1a2013-03-19 13:22:06 -0700127 pointer-events: none;
128}
129
Paul Greysond1a22d92013-03-19 12:15:19 -0700130path {
Paul Greysonde7fad52013-03-19 12:47:32 -0700131 stroke: rgba(255, 255, 255, .25);
Paul Greysonb367de22013-03-23 11:09:11 -0700132 stroke-width: 1.5px;
Paul Greysond1a22d92013-03-19 12:15:19 -0700133}
134
Paul Greyson952ccb62013-03-18 22:22:08 -0700135.aggregation {
Paul Greyson952ccb62013-03-18 22:22:08 -0700136 stroke: black;
137 stroke-width: 2px;
138}
Paul Greysond1a22d92013-03-19 12:15:19 -0700139
140#traceButton {
141 visibility: hidden
142}
Paul Greyson3e142162013-03-19 13:56:17 -0700143
Paul Greyson01a5dff2013-03-19 15:50:14 -0700144.color1-selected .color1,
145.color2-selected .color2,
146.color3-selected .color3,
147.color4-selected .color4,
148.color5-selected .color5,
149.color6-selected .color6,
150.color7-selected .color7,
151.color8-selected .color8,
152.color9-selected .color9,
153.color10-selected .color10,
154.color11-selected .color11,
155.color12-selected .color12 {
156 opacity: 1;
Paul Greyson3f890b62013-03-22 17:39:36 -0700157 pointer-events: auto;
Paul Greyson3e142162013-03-19 13:56:17 -0700158}
159
Paul Greysonc17278a2013-03-23 10:17:12 -0700160.colorInactive {
161 opacity: 1;
162 fill: #444;
163 background-color: #444;
164 color: #222;
165}
166
Paul Greyson01a5dff2013-03-19 15:50:14 -0700167.color1 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700168 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700169 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700170 fill: #EC0033;
171 background-color: #EC0033;
172}
173
Paul Greyson01a5dff2013-03-19 15:50:14 -0700174.color2 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700175 opacity: .2;
Paul Greyson3e142162013-03-19 13:56:17 -0700176 fill: #FFBA00;
177 background-color: #FFBA00;
178}
179
Paul Greyson01a5dff2013-03-19 15:50:14 -0700180.color3 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700181 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700182 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700183 fill: #3714B0;
184 background-color: #3714B0;
185}
186
Paul Greyson01a5dff2013-03-19 15:50:14 -0700187.color4 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700188 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700189 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700190 fill: #B12C49;
191 background-color: #B12C49;
192}
193
Paul Greyson01a5dff2013-03-19 15:50:14 -0700194.color5 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700195 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700196 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700197 fill: #402C84;
198 background-color: #402C84;
199}
200
Paul Greyson01a5dff2013-03-19 15:50:14 -0700201.color6 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700202 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700203 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700204 fill: #990021;
205 background-color: #990021;
206}
207
Paul Greyson01a5dff2013-03-19 15:50:14 -0700208.color7 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700209 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700210 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700211 fill: #990021;
Paul Greyson45303ac2013-03-23 16:44:01 -0700212 background-color: #990021;
Paul Greyson3e142162013-03-19 13:56:17 -0700213}
214
Paul Greyson01a5dff2013-03-19 15:50:14 -0700215.color8 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700216 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700217 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700218 fill: #A67900;
219 background-color: #A67900;
220}
221
Paul Greyson01a5dff2013-03-19 15:50:14 -0700222.color9 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700223 opacity: .2;
Paul Greyson3e142162013-03-19 13:56:17 -0700224 fill: #F53D65;
225 background-color: #F53D65;
226}
227
Paul Greyson01a5dff2013-03-19 15:50:14 -0700228.color10 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700229 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700230 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700231 fill: #1F0772;
232 background-color: #1F0772;
233}
234
Paul Greyson01a5dff2013-03-19 15:50:14 -0700235.color11 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700236 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700237 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700238 fill: #F56E8B;
239 background-color: #F56E8B;
240}
241
Paul Greyson01a5dff2013-03-19 15:50:14 -0700242.color12 {
Paul Greysonc3e21a02013-03-21 13:56:05 -0700243 opacity: .2;
Paul Greyson3f890b62013-03-22 17:39:36 -0700244 pointer-events: none;
Paul Greyson3e142162013-03-19 13:56:17 -0700245 fill: #6949D7;
246 background-color: #6949D7;
247}