comparison: www/css/style.css
www/css/style.css
- changeset 185
- 4c25db9e8102
- parent 184
- 3dbe1d2265ed
- child 188
- 0ef62ec2d5b0
equal
deleted
inserted
replaced
| 184:3dbe1d2265ed | 185:4c25db9e8102 |
|---|---|
| 126 * +--------panel_buttons----------+ | 126 * +--------panel_buttons----------+ |
| 127 * | | | 127 * | | |
| 128 * +-------------------------------+ | 128 * +-------------------------------+ |
| 129 */ | 129 */ |
| 130 #fermenter_panel_top { | 130 #fermenter_panel_top { |
| 131 width: 280px; | 131 width: 290px; |
| 132 height: 200px; | 132 height: 200px; |
| 133 float: right; | 133 float: right; |
| 134 margin: 5px; | 134 margin: 5px; |
| 135 background-color: #252526; | 135 background-color: #252526; |
| 136 border: 2px solid; | 136 border: 2px solid; |
| 163 margin-left: 42px; | 163 margin-left: 42px; |
| 164 } | 164 } |
| 165 | 165 |
| 166 | 166 |
| 167 #fermenter_panel_display { | 167 #fermenter_panel_display { |
| 168 width: 280px; | 168 width: 290px; |
| 169 height: 70px; | 169 height: 70px; |
| 170 float: right; | 170 float: right; |
| 171 margin: 5px; | 171 margin: 5px; |
| 172 background-color: #252526; | 172 background-color: #252526; |
| 173 border: 2px solid; | 173 border: 2px solid; |
| 174 border-color: #59b4d4; | 174 border-color: #59b4d4; |
| 175 border-radius: 5px 5px 5px 5px; | 175 border-radius: 5px 5px 5px 5px; |
| 176 margin-bottom: 3px; | 176 margin-bottom: 3px; |
| 177 } | 177 } |
| 178 #fermenter_display { | 178 #fermenter_display { |
| 179 width: 140px; | 179 width: 145px; |
| 180 height: 70px; | 180 height: 70px; |
| 181 float: left; | 181 float: left; |
| 182 text-align: center; | 182 text-align: center; |
| 183 } | 183 } |
| 184 | 184 |
| 185 | 185 |
| 186 #fermenter_panel_control { | 186 #fermenter_panel_control { |
| 187 width: 280px; | 187 width: 290px; |
| 188 height: 140px; | 188 height: 140px; |
| 189 float: right; | 189 float: right; |
| 190 margin: 5px; | 190 margin: 5px; |
| 191 background-color: #252526; | 191 background-color: #252526; |
| 192 border: 2px solid; | 192 border: 2px solid; |
| 196 } | 196 } |
| 197 | 197 |
| 198 #fermenter_led1, | 198 #fermenter_led1, |
| 199 #fermenter_led2, | 199 #fermenter_led2, |
| 200 #fermenter_led3 { | 200 #fermenter_led3 { |
| 201 width: 93px; | 201 width: 96px; |
| 202 height: 30px; | 202 height: 30px; |
| 203 float: left; | 203 float: left; |
| 204 text-align: center; | 204 text-align: center; |
| 205 margin-top: 8px; | 205 margin-top: 8px; |
| 206 } | 206 } |
| 212 } | 212 } |
| 213 | 213 |
| 214 #fermenter_toggle2, | 214 #fermenter_toggle2, |
| 215 #fermenter_toggle3 { | 215 #fermenter_toggle3 { |
| 216 float: left; | 216 float: left; |
| 217 margin-left: 57px; | 217 margin-left: 60px; |
| 218 margin-top: 20px; | 218 margin-top: 20px; |
| 219 } | 219 } |
| 220 | 220 |
| 221 | 221 |
| 222 #fermenter_panel_buttons { | 222 #fermenter_panel_buttons { |
| 223 width: 280px; | 223 width: 290px; |
| 224 height: 130px; | 224 height: 155px; |
| 225 float: right; | 225 float: right; |
| 226 margin: 5px; | 226 margin: 5px; |
| 227 background-color: #252526; | 227 background-color: #252526; |
| 228 border: 2px solid; | 228 border: 2px solid; |
| 229 border-color: #59b4d4; | 229 border-color: #59b4d4; |
| 230 border-radius: 5px 5px 5px 5px; | 230 border-radius: 5px 5px 5px 5px; |
| 231 margin-bottom: 3px; | |
| 232 } | 231 } |
| 233 | 232 |
| 234 | 233 |
| 235 .LEDred_on { | 234 .LEDred_on { |
| 236 margin: 5px auto; | 235 margin: 5px auto; |
