lcars-dash/client/styles/heights.css

LCARS inspired multi-window dashboard

div.lcars.height.x1 div.lcars.container.height,
div.lcars.height.x1 div.lcars.bar.height,
div.lcars.container.height.x1,
div.lcars.bar.height.x1 {
	height: 120px;
}

div.lcars.height.x2 div.lcars.container.height,
div.lcars.height.x2 div.lcars.bar.height,
div.lcars.container.height.x2,
div.lcars.bar.height.x2 {
	height: 190px;
}

div.lcars.height.x3 div.lcars.container.height,
div.lcars.height.x3 div.lcars.bar.height,
div.lcars.container.height.x3,
div.lcars.bar.height.x3 {
	height: 260px;
}

div.lcars.height.x4 div.lcars.container.height,
div.lcars.height.x4 div.lcars.bar.height,
div.lcars.container.height.x4,
div.lcars.bar.height.x4 {
	height: 330px;
}

div.lcars.height.x5 div.lcars.container.height,
div.lcars.height.x5 div.lcars.bar.height,
div.lcars.container.height.x5,
div.lcars.bar.height.x5 {
	height: 400px;
}

div.lcars.height.x6 div.lcars.container.height,
div.lcars.height.x6 div.lcars.bar.height,
div.lcars.container.height.x6,
div.lcars.bar.height.x6 {
	height: 470px;
}

div.lcars.height.x7 div.lcars.container.height,
div.lcars.height.x7 div.lcars.bar.height,
div.lcars.container.height.x7,
div.lcars.bar.height.x7 {
	height: 540px;
}

div.lcars.height.x8 div.lcars.container.height,
div.lcars.height.x8 div.lcars.bar.height,
div.lcars.container.height.x8,
div.lcars.bar.height.x8 {
	height: 610px;
}

div.lcars.height.xF div.lcars.container.height,
div.lcars.height.xF div.lcars.bar.height,
div.lcars.container.height.xF,
div.lcars.bar.height.xF {
	height: 100%;
}

div.lcars.height.xFlow div.lcars.container.height,
div.lcars.height.xFlow div.lcars.bar.height,
div.lcars.container.height.xFlow,
div.lcars.bar.height.xFlow {
	height: inherit;
}

div.lcars.height.x1 div.lcars.display.minor.height,
div.lcars.display.minor.height.x1 {
    height: 80px;
}

div.lcars.height.x1 div.lcars.display.major.height,
div.lcars.display.major.height.x1 {
    height: 50px;
}

div.lcars.height.x2 div.lcars.display.minor.height,
div.lcars.display.minor.height.x2 {
    height: 150px;
}

div.lcars.height.x2 div.lcars.display.major.height,
div.lcars.display.major.height.x2 {
    height: 120px;
}

div.lcars.height.x3 div.lcars.display.minor.height,
div.lcars.display.minor.height.x3 {
    height: 220px;
}

div.lcars.height.x3 div.lcars.display.major.height,
div.lcars.display.major.height.x3 {
    height: 190px;
}

div.lcars.height.xFlow div.lcars.display.height,
div.lcars.display.height.xFlow {
    height: inherit;
}

div.lcars.height.xF div.lcars.display.minor.height,
div.lcars.display.minor.height.xF {
    top: 0px;
    bottom: 30px;
}

div.lcars.height.xF div.lcars.display.major.height,
div.lcars.display.major.height.xF {
    top: 0px;
    bottom: 60px;
}