You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
127 lines
2.2 KiB
CSS
127 lines
2.2 KiB
CSS
2 years ago
|
body {
|
||
|
|
background-color: aquamarine;
|
||
|
|
background: url(../../img/tankShell/tankShellDeviceBackground.jpg);
|
||
|
|
background-position: center center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-attachment: fixed;
|
||
|
|
background-size: 100% 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dataInformation {
|
||
|
|
border: 0px solid red;
|
||
|
|
position: absolute;
|
||
|
|
width: 24%;
|
||
|
|
height: 22%;
|
||
|
|
top: 14%;
|
||
|
|
left: 3.3%;
|
||
|
|
font-size: 17% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.energyProductionStatistics {
|
||
|
|
border: 0px solid red;
|
||
|
|
position: absolute;
|
||
|
|
width: 42%;
|
||
|
|
height: 6%;
|
||
|
|
top: 8%;
|
||
|
|
left: 29%;
|
||
|
|
font-size: 10% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.runParamStatistics {
|
||
|
|
border: 0px solid red;
|
||
|
|
position: absolute;
|
||
|
|
width: 42%;
|
||
|
|
height: 7.5%;
|
||
|
|
top: 25%;
|
||
|
|
left: 29%;
|
||
|
|
font-size: 10% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.runParamStatistics div {
|
||
|
|
border: 0px solid red;
|
||
|
|
position: absolute;
|
||
|
|
top: 4%;
|
||
|
|
width: 13%;
|
||
|
|
height: 96%;
|
||
|
|
color: blueviolet;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
/* font-size: 16px !important; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.lossParam {
|
||
|
|
border: 0px solid yellowgreen;
|
||
|
|
position: absolute;
|
||
|
|
width: 8.8%;
|
||
|
|
height: 4.5%;
|
||
|
|
top: 12.5%;
|
||
|
|
right: 6%;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
color: red;
|
||
|
|
font-size: 17.5% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.meterParam {
|
||
|
|
border: 0px solid yellowgreen;
|
||
|
|
position: absolute;
|
||
|
|
width: 8.8%;
|
||
|
|
height: 4.5%;
|
||
|
|
top: 27.4%;
|
||
|
|
right: 6%;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
color: #63F659;
|
||
|
|
font-size: 17.5% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.OEEStatistics {
|
||
|
|
border: 0px solid red;
|
||
|
|
position: absolute;
|
||
|
|
width: 35%;
|
||
|
|
height: 26%;
|
||
|
|
top: 71.5%;
|
||
|
|
left: 36%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.equipmentFailure {
|
||
|
|
border: 0px solid red;
|
||
|
|
position: absolute;
|
||
|
|
width: 28%;
|
||
|
|
height: 22%;
|
||
|
|
top: 75%;
|
||
|
|
left: 70%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.loss {
|
||
|
|
border: 0px solid red;
|
||
|
|
position: absolute;
|
||
|
|
width: 28%;
|
||
|
|
height: 25%;
|
||
|
|
top: 41%;
|
||
|
|
left: 71%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.productionPlan {
|
||
|
|
position: absolute;
|
||
|
|
border: 0px solid red;
|
||
|
|
width: 33%;
|
||
|
|
height: 21%;
|
||
|
|
top: 73.5%;
|
||
|
|
left: 3.5%;
|
||
|
|
font-size: 9%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.energyConsumption {
|
||
|
|
position: absolute;
|
||
|
|
border: 0px solid red;
|
||
|
|
width: 26%;
|
||
|
|
height: 20%;
|
||
|
|
top: 46%;
|
||
|
|
left: 2%;
|
||
|
|
font-size: 9%;
|
||
|
|
}
|