blob: 209c9f434e3d84dc326970e785a0e2a9f5e85980 [file] [log] [blame]
html, body {
height: 100%;
}
body {
display: -webkit-box;
-webkit-user-select: none;
}
#background, #background-image {
width: 100%;
height: 100%;
}
#contents {
width: 100%;
height: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
position: absolute;
top: 0px;
left: 0px;
}
#columns {
display: -webkit-box;
-webkit-box-flex: 1.0;
}
.header {
width: 100%;
display: -webkit-box;
-webkit-box-pack: justify;
-webkit-box-align: center;
}
#status {
display: -webkit-box;
-webkit-box-flex: 1.0;
}
#left, #right {
display: -webkit-box;
-webkit-box-orient: vertical;
}
#right {
width: 100%;
-webkit-box-flex: 1.0;
}
#topology {
-webkit-box-flex: 1.0;
position: relative;
}
#selectedFlows {
display: -webkit-box;
-webkit-box-orient: vertical;
}
#flowChooser {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
display: -webkit-box;
overflow: scroll;
}
.selectedFlow {
display: -webkit-box;
position: relative;
}
#showFlowChooser {
position: relative;
display: -webkit-box;
-webkit-box-pack: center;
}
.selectedFlow .srcDPID, .selectedFlow .dstDPID {
-webkit-user-select: auto;
}
#selectedFlowsHeader {
display: -webkit-box;
height: 1.5em;
}
.iperf {
width: 100%;
-webkit-box-flex: 1.0;
position: relative;
display: -webkit-box;
}
.iperf-container {
position: absolute;
top: 0px;
height: 100%;
width: 100%;
}
#controllerList {
display: -webkit-box;
-webkit-box-orient: horizontal;
overflow: scroll;
}
#controllers {
display: -webkit-box;
}
.controller {
margin: .25em;
background-color: blue;
-webkit-box-flex: 1.0;
}
#svg-container {
position: absolute;
top: 0px;
height: 100%;
width: 100%;
}