Paul Greyson | 740bdaf | 2013-03-18 16:10:48 -0700 | [diff] [blame] | 1 | html, body { |
2 | height: 100%; | ||||
3 | } | ||||
4 | |||||
Paul Greyson | d987239 | 2013-03-18 12:04:15 -0700 | [diff] [blame] | 5 | body { |
6 | display: -webkit-box; | ||||
7 | } | ||||
8 | |||||
9 | .header { | ||||
10 | width: 100%; | ||||
11 | display: -webkit-box; | ||||
12 | -webkit-box-pack: justify; | ||||
13 | -webkit-box-align: center; | ||||
14 | } | ||||
15 | |||||
16 | #status { | ||||
17 | display: -webkit-box; | ||||
18 | } | ||||
19 | |||||
Paul Greyson | 740bdaf | 2013-03-18 16:10:48 -0700 | [diff] [blame] | 20 | #left, #right { |
21 | display: -webkit-box; | ||||
22 | -webkit-box-orient: vertical; | ||||
23 | } | ||||
24 | |||||
Paul Greyson | d987239 | 2013-03-18 12:04:15 -0700 | [diff] [blame] | 25 | #right { |
26 | width: 100%; | ||||
27 | -webkit-box-flex: 1.0; | ||||
28 | } | ||||
29 | |||||
30 | #controllers, #topology { | ||||
Paul Greyson | d987239 | 2013-03-18 12:04:15 -0700 | [diff] [blame] | 31 | -webkit-box-flex: 1.0; |
Paul Greyson | 740bdaf | 2013-03-18 16:10:48 -0700 | [diff] [blame] | 32 | position: relative; |
Paul Greyson | d987239 | 2013-03-18 12:04:15 -0700 | [diff] [blame] | 33 | } |
34 | |||||
Paul Greyson | 6f86d1e | 2013-03-18 14:40:39 -0700 | [diff] [blame] | 35 | #selectedFlows { |
Paul Greyson | 127d7fb | 2013-03-25 23:39:20 -0700 | [diff] [blame] | 36 | display: -webkit-box; |
37 | -webkit-box-orient: vertical; | ||||
Paul Greyson | 6f86d1e | 2013-03-18 14:40:39 -0700 | [diff] [blame] | 38 | } |
39 | |||||
Paul Greyson | 127d7fb | 2013-03-25 23:39:20 -0700 | [diff] [blame] | 40 | .selectedFlow { |
Paul Greyson | d987239 | 2013-03-18 12:04:15 -0700 | [diff] [blame] | 41 | display: -webkit-box; |
Paul Greyson | d987239 | 2013-03-18 12:04:15 -0700 | [diff] [blame] | 42 | } |
43 | |||||
Paul Greyson | 127d7fb | 2013-03-25 23:39:20 -0700 | [diff] [blame] | 44 | #selectedFlowsHeader { |
45 | display: -webkit-box; | ||||
46 | } | ||||
47 | |||||
48 | .flowIndex { | ||||
49 | width: 1.5em; | ||||
50 | } | ||||
51 | |||||
52 | .flowId { | ||||
53 | width: 5em; | ||||
54 | } | ||||
55 | |||||
56 | .srcDPID, .dstDPID { | ||||
57 | width: 20em; | ||||
58 | } | ||||
59 | |||||
60 | .iperf { | ||||
61 | width: 100%; | ||||
62 | -webkit-box-flex: 1.0; | ||||
63 | } | ||||
64 | |||||
65 | .selectedFlow { | ||||
66 | border-bottom: 1px solid white; | ||||
67 | } | ||||
68 | |||||
69 | .selectedFlow:last-child { | ||||
70 | border-bottom: none; | ||||
71 | } | ||||
72 | |||||
73 | |||||
Paul Greyson | d1a22d9 | 2013-03-19 12:15:19 -0700 | [diff] [blame] | 74 | #controllers { |
75 | display: -webkit-box; | ||||
76 | -webkit-box-orient: vertical; | ||||
77 | } | ||||
78 | |||||
79 | #controllers .header { | ||||
80 | -webkit-box-pack: center; | ||||
81 | border-bottom: 1px solid white; | ||||
82 | } | ||||
83 | |||||
84 | #controllerList { | ||||
85 | display: -webkit-box; | ||||
86 | -webkit-box-orient: vertical; | ||||
87 | -webkit-box-flex: 1.0; | ||||
88 | overflow: scroll; | ||||
89 | } | ||||
90 | |||||
91 | .controller { | ||||
92 | margin: .25em; | ||||
93 | background-color: blue; | ||||
94 | } | ||||
95 | |||||
Paul Greyson | 740bdaf | 2013-03-18 16:10:48 -0700 | [diff] [blame] | 96 | #svg-container { |
97 | position: absolute; | ||||
98 | top: 0px; | ||||
99 | height: 100%; | ||||
100 | width: 100%; | ||||
101 | } |