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