75 lines
1.2 KiB
CSS
75 lines
1.2 KiB
CSS
#startStopBtn:before{
|
|
content:"Start";
|
|
}
|
|
#startStopBtn.running:before{
|
|
content:"Abort";
|
|
}
|
|
#test{
|
|
margin-top:2em;
|
|
margin-bottom:12em;
|
|
}
|
|
div.testArea{
|
|
display:inline-block;
|
|
width:16em;
|
|
height:12.5em;
|
|
position:relative;
|
|
box-sizing:border-box;
|
|
}
|
|
div.testArea2{
|
|
display:inline-block;
|
|
width:14em;
|
|
height:7em;
|
|
position:relative;
|
|
box-sizing:border-box;
|
|
text-align:center;
|
|
}
|
|
div.testArea div.testName{
|
|
position:absolute;
|
|
top:0.1em; left:0;
|
|
width:100%;
|
|
font-size:1.4em;
|
|
z-index:9;
|
|
}
|
|
div.testArea2 div.testName{
|
|
display:block;
|
|
text-align:center;
|
|
font-size:1.4em;
|
|
}
|
|
div.testArea div.meterText{
|
|
position:absolute;
|
|
bottom:1.55em; left:0;
|
|
width:100%;
|
|
font-size:2.5em;
|
|
z-index:9;
|
|
}
|
|
div.testArea2 div.meterText{
|
|
display:inline-block;
|
|
font-size:2.5em;
|
|
}
|
|
div.meterText:empty:before{
|
|
content:"0.00";
|
|
}
|
|
div.testArea div.unit{
|
|
position:absolute;
|
|
bottom:2em; left:0;
|
|
width:100%;
|
|
z-index:9;
|
|
}
|
|
div.testArea2 div.unit{
|
|
display:inline-block;
|
|
}
|
|
div.testArea canvas{
|
|
position:absolute;
|
|
top:0; left:0; width:100%; height:100%;
|
|
z-index:1;
|
|
}
|
|
div.testGroup{
|
|
display:block;
|
|
margin: 0 auto;
|
|
}
|
|
@media all and (max-width:40em){
|
|
body{
|
|
font-size:0.8em;
|
|
}
|
|
}
|