| 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 { |
| 36 | height: 5em; |
| 37 | } |
| 38 | |
| Paul Greyson | d987239 | 2013-03-18 12:04:15 -0700 | [diff] [blame] | 39 | /* tmp */ |
| Paul Greyson | d1a22d9 | 2013-03-19 12:15:19 -0700 | [diff] [blame] | 40 | #selectedFlows { |
| Paul Greyson | d987239 | 2013-03-18 12:04:15 -0700 | [diff] [blame] | 41 | display: -webkit-box; |
| 42 | -webkit-box-align: center; |
| 43 | -webkit-box-pack: center; |
| 44 | } |
| 45 | |
| Paul Greyson | d1a22d9 | 2013-03-19 12:15:19 -0700 | [diff] [blame] | 46 | #controllers { |
| 47 | display: -webkit-box; |
| 48 | -webkit-box-orient: vertical; |
| 49 | } |
| 50 | |
| 51 | #controllers .header { |
| 52 | -webkit-box-pack: center; |
| 53 | border-bottom: 1px solid white; |
| 54 | } |
| 55 | |
| 56 | #controllerList { |
| 57 | display: -webkit-box; |
| 58 | -webkit-box-orient: vertical; |
| 59 | -webkit-box-flex: 1.0; |
| 60 | overflow: scroll; |
| 61 | } |
| 62 | |
| 63 | .controller { |
| 64 | margin: .25em; |
| 65 | background-color: blue; |
| 66 | } |
| 67 | |
| Paul Greyson | 740bdaf | 2013-03-18 16:10:48 -0700 | [diff] [blame] | 68 | #svg-container { |
| 69 | position: absolute; |
| 70 | top: 0px; |
| 71 | height: 100%; |
| 72 | width: 100%; |
| 73 | } |