comparison: www/css/style.css
www/css/style.css
- changeset 184
- 3dbe1d2265ed
- parent 183
- a810539dc218
- child 185
- 4c25db9e8102
equal
deleted
inserted
replaced
| 183:a810539dc218 | 184:3dbe1d2265ed |
|---|---|
| 109 * || |+--------------+| | 109 * || |+--------------+| |
| 110 * || || mode control || | 110 * || || mode control || |
| 111 * |+-------------++--------------+| | 111 * |+-------------++--------------+| |
| 112 * +-------------------------------+ | 112 * +-------------------------------+ |
| 113 * +---------panel_display---------+ | 113 * +---------panel_display---------+ |
| 114 * |+--------++---------++--------+| | 114 * |+-------------++--------------+| |
| 115 * || disp 1 || disp 2 || disp 3 || | 115 * || display 1 || display 2 || |
| 116 * |+--------++---------++--------+| | 116 * |+-------------++--------------+| |
| 117 * +-------------------------------+ | 117 * +-------------------------------+ |
| 118 * +---------panel_control---------+ | 118 * +---------panel_control---------+ |
| 119 * |+--------++---------++--------+| | 119 * |+--------++---------++--------+| |
| 120 * || led 1 || led 2 || led 3 || | 120 * || led 1 || led 2 || led 3 || |
| 121 * |+--------++---------++--------+| | 121 * |+--------++---------++--------+| |
| 161 text-align: center; | 161 text-align: center; |
| 162 margin-top: 10px; | 162 margin-top: 10px; |
| 163 margin-left: 42px; | 163 margin-left: 42px; |
| 164 } | 164 } |
| 165 | 165 |
| 166 #fermenter_mode_control { | |
| 167 width: 148px; | |
| 168 height: 110px; | |
| 169 float: left; | |
| 170 margin-top: 10px; | |
| 171 background-color: #ddd; | |
| 172 } | |
| 173 | 166 |
| 174 #fermenter_panel_display { | 167 #fermenter_panel_display { |
| 175 width: 280px; | 168 width: 280px; |
| 176 height: 80px; | 169 height: 70px; |
| 177 float: right; | 170 float: right; |
| 178 margin: 5px; | 171 margin: 5px; |
| 179 background-color: #252526; | 172 background-color: #252526; |
| 180 border: 2px solid; | 173 border: 2px solid; |
| 181 border-color: #59b4d4; | 174 border-color: #59b4d4; |
| 182 border-radius: 5px 5px 5px 5px; | 175 border-radius: 5px 5px 5px 5px; |
| 183 margin-bottom: 3px; | 176 margin-bottom: 3px; |
| 184 } | 177 } |
| 185 | 178 #fermenter_display { |
| 186 #fermenter_display1 { | 179 width: 140px; |
| 187 width: 93px; | 180 height: 70px; |
| 188 height: 76px; | 181 float: left; |
| 189 float: left; | 182 text-align: center; |
| 190 text-align: center; | 183 } |
| 191 margin-top: 7px; | 184 |
| 192 } | |
| 193 | |
| 194 #fermenter_display2 { | |
| 195 width: 93px; | |
| 196 height: 76px; | |
| 197 float: left; | |
| 198 text-align: center; | |
| 199 margin-top: 7px; | |
| 200 } | |
| 201 | |
| 202 #fermenter_display3 { | |
| 203 width: 93px; | |
| 204 height: 76px; | |
| 205 float: left; | |
| 206 text-align: center; | |
| 207 margin-top: 7px; | |
| 208 } | |
| 209 | |
| 210 .dtemp { | |
| 211 font-weight: bold; | |
| 212 color: yellow; | |
| 213 } | |
| 214 | |
| 215 .ltemp { | |
| 216 font-weight: bold; | |
| 217 color: green; | |
| 218 } | |
| 219 | |
| 220 .htemp { | |
| 221 font-weight: bold; | |
| 222 color: red; | |
| 223 } | |
| 224 | 185 |
| 225 #fermenter_panel_control { | 186 #fermenter_panel_control { |
| 226 width: 280px; | 187 width: 280px; |
| 227 height: 140px; | 188 height: 140px; |
| 228 float: right; | 189 float: right; |
