Major update/rewrite/recombine to get SSDP, and GrowController UI and application shell.
This commit is contained in:
249
Firmware/Resources/plantmodel.css
Normal file
249
Firmware/Resources/plantmodel.css
Normal file
@@ -0,0 +1,249 @@
|
||||
<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: 130px;
|
||||
top: 135px;
|
||||
color: white;
|
||||
}
|
||||
div.SoilHumiIcon {
|
||||
position: absolute;
|
||||
left: 140px;
|
||||
top: 95px;
|
||||
}
|
||||
div.SoilThermoIcon {
|
||||
position: absolute;
|
||||
left: 170px;
|
||||
top: 100px;
|
||||
}
|
||||
div.SoilTemp_C {
|
||||
position: absolute;
|
||||
left: 165px;
|
||||
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.DrumDoorIcon {
|
||||
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: 270px;
|
||||
width: 50px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
div.DrumMotorStatus {
|
||||
position: absolute;
|
||||
left: 95px;
|
||||
top: 290px;
|
||||
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.WaterCycleStatusIcon {
|
||||
position: absolute;
|
||||
left: 80px;
|
||||
top: 469px;
|
||||
width: 25px;
|
||||
text-align: center;
|
||||
z-index: -25;
|
||||
border-color: green;
|
||||
//border-style: solid;
|
||||
border-width: 1px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user