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.
118 lines
2.0 KiB
CSS
118 lines
2.0 KiB
CSS
3 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%;
|
||
|
}
|
||
|
|
||
|
.energyProductionStatistics {
|
||
|
border: 0px solid red;
|
||
|
position: absolute;
|
||
|
width: 42%;
|
||
|
height: 6%;
|
||
|
top: 9%;
|
||
|
left: 29%;
|
||
|
}
|
||
|
|
||
|
.runParamStatistics {
|
||
|
border: 0px solid red;
|
||
|
position: absolute;
|
||
|
width: 42%;
|
||
|
height: 7.5%;
|
||
|
top: 25%;
|
||
|
left: 29%;
|
||
|
}
|
||
|
|
||
|
.runParamStatistics div {
|
||
|
border: 0px solid red;
|
||
|
position: absolute;
|
||
|
top: 4%;
|
||
|
width: 13%;
|
||
|
height: 96%;
|
||
|
color: blueviolet;
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
}
|
||
|
|
||
|
.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: #8FB7D1;
|
||
|
}
|
||
|
|
||
|
.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:#A5E3B1;
|
||
|
}
|
||
|
|
||
|
.theEnergyConsumptionContrast {
|
||
|
border: 1px solid red;
|
||
|
position: absolute;
|
||
|
width: 24.1%;
|
||
|
height: 21%;
|
||
|
top: 44%;
|
||
|
left: 3.3%;
|
||
|
}
|
||
|
|
||
|
.lossStatistics {
|
||
|
border: 1px solid yellowgreen;
|
||
|
position: absolute;
|
||
|
width: 24%;
|
||
|
height: 21%;
|
||
|
top: 44%;
|
||
|
right: 3.3%;
|
||
|
}
|
||
|
|
||
|
.deviceInfoTable {
|
||
|
border: 1px solid #6ACBFE;
|
||
|
position: absolute;
|
||
|
width: 33%;
|
||
|
height: 21%;
|
||
|
bottom: 5%;
|
||
|
left: 3.3%;
|
||
|
}
|
||
|
|
||
|
.oeeStatistics {
|
||
|
border: 1px solid cornflowerblue;
|
||
|
position: absolute;
|
||
|
width: 33%;
|
||
|
height: 21%;
|
||
|
bottom: 5%;
|
||
|
left: 38%;
|
||
|
}
|
||
|
|
||
|
.faultRank {
|
||
|
border: 1px solid bisque;
|
||
|
position: absolute;
|
||
|
width: 24%;
|
||
|
height: 21%;
|
||
|
bottom: 5%;
|
||
|
right: 3.3%;
|
||
|
}
|