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