Mercurial > mbsePi-apps / file comparison
comparison: www-thermferm/css/style.css
www-thermferm/css/style.css
- changeset 151
- ab90da2da45d
- parent 140
- 1b001de37945
- child 168
- 1288dbf0f9b5
equal
deleted
inserted
replaced
| 149:f019ea6a9d31 | 151:ab90da2da45d |
|---|---|
| 141 background: #fff; | 141 background: #fff; |
| 142 margin: 5px; | 142 margin: 5px; |
| 143 float: left; | 143 float: left; |
| 144 } | 144 } |
| 145 | 145 |
| 146 #fermentor_panel { | 146 /* |
| 147 width: 240px; | 147 * +-------------panel_top--------------+ |
| 148 height: 377px; | 148 * |+----------------------++----------+| |
| 149 * || || || | |
| 150 * || selector || powerled || | |
| 151 * || || || | |
| 152 * |+----------------------++----------+| | |
| 153 * +------------------------------------+ | |
| 154 * +-----------panel_display------------+ | |
| 155 * |+----------++----------++----------+| | |
| 156 * || display1 || display2 || display3 || | |
| 157 * |+----------++----------++----------+| | |
| 158 * +------------------------------------+ | |
| 159 * +-----------panel_control------------+ | |
| 160 * |+----------++----------++----------+| | |
| 161 * || led1 || led2 || led3 || | |
| 162 * |+----------++----------++----------+| | |
| 163 * |+----------++----------++----------+| | |
| 164 * || switch1 || switch2 || switch3 || | |
| 165 * |+----------++----------++----------+| | |
| 166 * +------------------------------------+ | |
| 167 */ | |
| 168 | |
| 169 #fermentor_panel_top { | |
| 170 width: 236px; | |
| 171 height: 143px; | |
| 149 float: right; | 172 float: right; |
| 150 background-color: #f0f0f0; | 173 background-color: #bbb; |
| 174 border: 2px solid; | |
| 175 border-color: #888; | |
| 176 border-radius: 5px 5px 5px 5px; | |
| 177 margin-bottom: 5px; | |
| 151 } | 178 } |
| 152 | 179 |
| 153 #fermentor_selector { | 180 #fermentor_selector { |
| 154 width: 160px; | 181 width: 158px; |
| 155 height: 160px; | 182 height: 156px; |
| 156 float: left; | 183 float: left; |
| 157 } | 184 } |
| 158 | 185 |
| 159 #fermentor_powerled { | 186 #fermentor_powerled { |
| 160 width: 80px; | 187 width: 78px; |
| 161 height: 160px; | 188 height: 56px; |
| 162 float: left; | 189 float: left; |
| 190 text-align: center; | |
| 191 margin-top: 10px; | |
| 192 } | |
| 193 | |
| 194 | |
| 195 #fermentor_panel_display { | |
| 196 width: 236px; | |
| 197 height: 50px; | |
| 198 float: right; | |
| 199 background-color: #bbb; | |
| 200 border: 2px solid; | |
| 201 border-color: #888; | |
| 202 border-radius: 5px 5px 5px 5px; | |
| 203 margin-bottom: 5px; | |
| 163 } | 204 } |
| 164 | 205 |
| 165 #fermentor_display1 { | 206 #fermentor_display1 { |
| 166 width: 80px; | 207 width: 79px; |
| 167 height: 40px; | 208 height: 46px; |
| 168 float: left; | 209 float: left; |
| 210 text-align: center; | |
| 211 margin-top: 7px; | |
| 169 } | 212 } |
| 170 | 213 |
| 171 #fermentor_display2 { | 214 #fermentor_display2 { |
| 172 width: 80px; | 215 width: 78px; |
| 173 height: 40px; | 216 height: 46px; |
| 174 float: left; | 217 float: left; |
| 218 text-align: center; | |
| 219 margin-top: 7px; | |
| 175 } | 220 } |
| 176 | 221 |
| 177 #fermentor_display3 { | 222 #fermentor_display3 { |
| 178 width: 80px; | 223 width: 79px; |
| 179 height: 40px; | 224 height: 46px; |
| 180 float: left; | 225 float: left; |
| 226 text-align: center; | |
| 227 margin-top: 7px; | |
| 228 } | |
| 229 | |
| 230 #fermentor_panel_control { | |
| 231 width: 236px; | |
| 232 height: 136px; | |
| 233 float: right; | |
| 234 background-color: #bbb; | |
| 235 border: 2px solid; | |
| 236 border-color: #888; | |
| 237 border-radius: 5px 5px 5px 5px; | |
| 181 } | 238 } |
| 182 | 239 |
| 183 #fermentor_led1 { | 240 #fermentor_led1 { |
| 184 width: 80px; | 241 width: 79px; |
| 185 height: 40px; | 242 height: 30px; |
| 186 float: left; | 243 float: left; |
| 244 text-align: center; | |
| 245 margin-top: 10px; | |
| 187 } | 246 } |
| 188 | 247 |
| 189 #fermentor_led2 { | 248 #fermentor_led2 { |
| 190 width: 80px; | 249 width: 78px; |
| 191 height: 40px; | 250 height: 30px; |
| 192 float: left; | 251 float: left; |
| 252 text-align: center; | |
| 253 margin-top: 10px; | |
| 193 } | 254 } |
| 194 | 255 |
| 195 #fermentor_led3 { | 256 #fermentor_led3 { |
| 196 width: 80px; | 257 width: 79px; |
| 197 height: 40px; | 258 height: 30px; |
| 198 float: left; | 259 float: left; |
| 260 text-align: center; | |
| 261 margin-top: 10px; | |
| 199 } | 262 } |
| 200 | 263 |
| 201 #fermentor_toggle1 { | 264 #fermentor_toggle1 { |
| 202 width: 80px; | 265 width: 79px; |
| 203 height: 90px; | 266 height: 90px; |
| 204 float: left; | 267 float: left; |
| 268 text-align: center; | |
| 269 margin-top: 10px; | |
| 205 } | 270 } |
| 206 | 271 |
| 207 #fermentor_toggle2 { | 272 #fermentor_toggle2 { |
| 208 width: 80px; | 273 width: 78px; |
| 209 height: 90px; | 274 height: 90px; |
| 210 float: left; | 275 float: left; |
| 276 text-align: center; | |
| 277 margin-top: 10px; | |
| 211 } | 278 } |
| 212 | 279 |
| 213 #fermentor_toggle3 { | 280 #fermentor_toggle3 { |
| 214 width: 80px; | 281 width: 79px; |
| 215 height: 90px; | 282 height: 90px; |
| 216 float: left; | 283 float: left; |
| 217 } | 284 text-align: center; |
| 218 | 285 margin-top: 10px; |
| 219 #fermentor_control { | 286 } |
| 220 width: 240px; | 287 |
| 221 height: 40px; | |
| 222 float: left; | |
| 223 } | |
| 224 |
