249 lines
4.0 KiB
CSS
249 lines
4.0 KiB
CSS
<style>
|
|
table {
|
|
width: 100%;
|
|
}
|
|
.box {
|
|
position: relative;
|
|
display: inline-block;
|
|
border-color: black;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
div.TimeOfDay {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 2px;
|
|
width: 40px;
|
|
text-align: right;
|
|
border-color: green;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
|
|
div.AmbientTemp_C {
|
|
position: absolute;
|
|
left: 15px;
|
|
top: 2px;
|
|
width: 40px;
|
|
text-align: right;
|
|
border-color: green;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
div.AmbientTempIcon {
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
|
|
div.ChamberTempIcon {
|
|
position: absolute;
|
|
left: 142px;
|
|
top: 40px;
|
|
}
|
|
div.ChamberTemp_C {
|
|
position: absolute;
|
|
left: 160px;
|
|
top: 40px;
|
|
}
|
|
div.ChamberHumi {
|
|
position: absolute;
|
|
left: 160px;
|
|
top: 55px;
|
|
}
|
|
div.SoilMoisture_X {
|
|
position: absolute;
|
|
left: 135px;
|
|
top: 135px;
|
|
color: white;
|
|
}
|
|
div.SoilHumiIcon {
|
|
position: absolute;
|
|
left: 140px;
|
|
top: 95px;
|
|
}
|
|
div.SoilThermoIcon {
|
|
position: absolute;
|
|
left: 175px;
|
|
top: 100px;
|
|
}
|
|
div.SoilTemp_C {
|
|
position: absolute;
|
|
left: 170px;
|
|
top: 135px;
|
|
color: white;
|
|
}
|
|
div.SoilHeater {
|
|
position: absolute;
|
|
left: 105px;
|
|
top: 156px;
|
|
color: white;
|
|
}
|
|
div.SoilHeaterOnIcon {
|
|
position: absolute;
|
|
left: 76px;
|
|
top: 167px;
|
|
}
|
|
div.SoilHeaterOffIcon {
|
|
position: absolute;
|
|
left: 89px;
|
|
top: 181px;
|
|
}
|
|
|
|
div.DrumState {
|
|
position: absolute;
|
|
transform: rotate(180deg);
|
|
left: 14px;
|
|
top: 0px;
|
|
}
|
|
div.DrumOpenSensor {
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 96px;
|
|
}
|
|
div.DrumClosedSensor {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 96px;
|
|
}
|
|
div.DrumMotorLabel {
|
|
position: absolute;
|
|
left: 95px;
|
|
top: 260px;
|
|
width: 50px;
|
|
text-align: center;
|
|
color: white;
|
|
}
|
|
div.DrumMotorStatus {
|
|
position: absolute;
|
|
left: 95px;
|
|
top: 280px;
|
|
width: 50px;
|
|
text-align: center;
|
|
color: white;
|
|
}
|
|
div.DrumMotor_V {
|
|
position: absolute;
|
|
left: 180px;
|
|
top: 225px;
|
|
width: 50px;
|
|
text-align: right;
|
|
border-color: green;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
//color: Red;
|
|
}
|
|
div.DrumMotor_I {
|
|
position: absolute;
|
|
left: 180px;
|
|
top: 245px;
|
|
width: 50px;
|
|
text-align: right;
|
|
border-color: green;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
div.DrumMotorOn_sec {
|
|
position: absolute;
|
|
left: 180px;
|
|
top: 315px;
|
|
width: 50px;
|
|
text-align: right;
|
|
border-color: green;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
|
|
div.WaterInTank {
|
|
position: absolute;
|
|
left: 55px;
|
|
top: 365px;
|
|
width: 80px;
|
|
text-align: center;
|
|
}
|
|
div.WaterPumpLabel {
|
|
position: absolute;
|
|
left: 124px;
|
|
top: 390px;
|
|
width: 80px;
|
|
text-align: center;
|
|
color: white;
|
|
}
|
|
div.WaterPumpStatus {
|
|
position: absolute;
|
|
left: 124px;
|
|
top: 410px;
|
|
width: 80px;
|
|
text-align: center;
|
|
color: white;
|
|
}
|
|
div.WaterLevelIcon {
|
|
position: absolute;
|
|
left: 42px;
|
|
top: 393px;
|
|
z-index: -55;
|
|
}
|
|
div.WaterMotor_V {
|
|
position: absolute;
|
|
left: 180px;
|
|
top: 350px;
|
|
width: 50px;
|
|
text-align: right;
|
|
border-color: green;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
div.WaterCyclePeriod_sec {
|
|
position: absolute;
|
|
left: 182px;
|
|
top: 467px;
|
|
width: 50px;
|
|
text-align: right;
|
|
border-color: green;
|
|
//border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
div.WaterCycleOn_sec {
|
|
position: absolute;
|
|
left: 23px;
|
|
top: 467px;
|
|
width: 50px;
|
|
text-align: right;
|
|
border-color: green;
|
|
//border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
div.WaterCycle_sec {
|
|
position: absolute;
|
|
left: 180px;
|
|
top: 440px;
|
|
width: 50px;
|
|
text-align: right;
|
|
border-color: green;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
div.WaterCycleOnBox {
|
|
position: absolute;
|
|
left: 22px;
|
|
top: 464px;
|
|
width: 50px;
|
|
height: 20px;
|
|
background-color: #BDD7EE;
|
|
z-index: -35;
|
|
border-color: red;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
div.WaterCyclePointer_sec {
|
|
position: absolute;
|
|
left: 80px;
|
|
top: 469px;
|
|
width: 24px;
|
|
text-align: center;
|
|
z-index: -25;
|
|
border-color: green;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
</style> |