| 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 | |||||
| 61 | .selectedFlow .srcDPID, .selectedFlow .dstDPID { | ||||
| Paul Greyson | 4e6dc3a | 2013-03-27 11:37:14 -0700 | [diff] [blame] | 62 | -webkit-user-select: auto; |
| Paul Greyson | d987239 | 2013-03-18 12:04:15 -0700 | [diff] [blame] | 63 | } |
| 64 | |||||
| Paul Greyson | 127d7fb | 2013-03-25 23:39:20 -0700 | [diff] [blame] | 65 | #selectedFlowsHeader { |
| 66 | display: -webkit-box; | ||||
| Paul Greyson | 29aa98d | 2013-03-28 00:09:31 -0700 | [diff] [blame^] | 67 | height: 1.5em; |
| Paul Greyson | 127d7fb | 2013-03-25 23:39:20 -0700 | [diff] [blame] | 68 | } |
| 69 | |||||
| Paul Greyson | 127d7fb | 2013-03-25 23:39:20 -0700 | [diff] [blame] | 70 | |
| 71 | .flowId { | ||||
| 72 | width: 5em; | ||||
| 73 | } | ||||
| 74 | |||||
| Paul Greyson | 127d7fb | 2013-03-25 23:39:20 -0700 | [diff] [blame] | 75 | |
| 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 | } | ||||