| 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 | } | ||||