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