comparison: www/css/style.css
www/css/style.css
- changeset 189
- 6470e5c6a001
- parent 188
- 0ef62ec2d5b0
- child 278
- dc22dd5d77fd
equal
deleted
inserted
replaced
| 188:0ef62ec2d5b0 | 189:6470e5c6a001 |
|---|---|
| 51 | 51 |
| 52 | 52 |
| 53 | 53 |
| 54 #fermenter_table { | 54 #fermenter_table { |
| 55 width: 960px; | 55 width: 960px; |
| 56 height: 200px; | 56 height: 210px; |
| 57 background: #252526; | 57 background: #252526; |
| 58 margin: 5px; | 58 margin: 5px; |
| 59 border: 2px solid; | 59 border: 2px solid; |
| 60 border-color: #59b4d4; | 60 border-color: #59b4d4; |
| 61 border-radius: 5px 5px 5px 5px; | 61 border-radius: 5px 5px 5px 5px; |
| 94 width: 960px; | 94 width: 960px; |
| 95 height: 390px; | 95 height: 390px; |
| 96 float: left; | 96 float: left; |
| 97 background-color: #252526; | 97 background-color: #252526; |
| 98 margin: 5px; | 98 margin: 5px; |
| 99 margin-top: 3px; | |
| 99 border: 2px solid; | 100 border: 2px solid; |
| 100 border-color: #59b4d4; | 101 border-color: #59b4d4; |
| 101 border-radius: 5px 5px 5px 5px; | 102 border-radius: 5px 5px 5px 5px; |
| 102 } | 103 } |
| 103 | 104 |
| 123 * | | | 124 * | | |
| 124 * +-------------------------------+ | 125 * +-------------------------------+ |
| 125 */ | 126 */ |
| 126 #fermenter_panel_top { | 127 #fermenter_panel_top { |
| 127 width: 290px; | 128 width: 290px; |
| 128 height: 200px; | 129 height: 100px; |
| 129 float: right; | 130 float: right; |
| 130 margin: 5px; | 131 margin: 5px; |
| 131 background-color: #252526; | 132 background-color: #252526; |
| 132 border: 2px solid; | 133 border: 2px solid; |
| 133 border-color: #59b4d4; | 134 border-color: #59b4d4; |
| 140 #fermenter_powerled { | 141 #fermenter_powerled { |
| 141 width: 50px; | 142 width: 50px; |
| 142 height: 30px; | 143 height: 30px; |
| 143 float: left; | 144 float: left; |
| 144 text-align: center; | 145 text-align: center; |
| 145 margin-top: 10px; | 146 margin-top: 15px; |
| 146 margin-left: 20px; | 147 margin-left: 20px; |
| 147 } | 148 } |
| 148 | 149 |
| 149 | 150 |
| 150 #fermenter_panel_display { | 151 #fermenter_panel_display { |
| 151 width: 290px; | 152 width: 290px; |
| 152 height: 70px; | 153 height: 98px; |
| 153 float: right; | 154 float: right; |
| 154 margin: 5px; | 155 margin: 5px; |
| 156 margin-top: 3px; | |
| 155 background-color: #252526; | 157 background-color: #252526; |
| 156 border: 2px solid; | 158 border: 2px solid; |
| 157 border-color: #59b4d4; | 159 border-color: #59b4d4; |
| 158 border-radius: 5px 5px 5px 5px; | 160 border-radius: 5px 5px 5px 5px; |
| 159 margin-bottom: 3px; | |
| 160 } | 161 } |
| 161 #fermenter_display { | 162 #fermenter_display { |
| 162 width: 145px; | 163 width: 145px; |
| 163 height: 70px; | 164 height: 98px; |
| 164 float: left; | 165 float: left; |
| 165 text-align: center; | 166 text-align: center; |
| 166 } | 167 } |
| 167 | 168 |
| 168 | 169 |
| 169 #fermenter_panel_control { | 170 #fermenter_panel_control { |
| 170 width: 290px; | 171 width: 290px; |
| 171 height: 140px; | 172 height: 150px; |
| 172 float: right; | 173 float: right; |
| 173 margin: 5px; | 174 margin: 5px; |
| 175 margin-top: 3px; | |
| 174 background-color: #252526; | 176 background-color: #252526; |
| 175 border: 2px solid; | 177 border: 2px solid; |
| 176 border-color: #59b4d4; | 178 border-color: #59b4d4; |
| 177 border-radius: 5px 5px 5px 5px; | 179 border-radius: 5px 5px 5px 5px; |
| 178 margin-bottom: 3px; | |
| 179 } | 180 } |
| 180 | 181 |
| 181 #fermenter_led1, | 182 #fermenter_led1, |
| 182 #fermenter_led2, | 183 #fermenter_led2, |
| 183 #fermenter_led3 { | 184 #fermenter_led3 { |
| 184 width: 96px; | 185 width: 96px; |
| 185 height: 30px; | 186 height: 30px; |
| 186 float: left; | 187 float: left; |
| 187 text-align: center; | 188 text-align: center; |
| 188 margin-top: 8px; | 189 margin-top: 13px; |
| 189 } | 190 } |
| 190 | 191 |
| 191 #fermenter_toggle1 { | 192 #fermenter_toggle1 { |
| 192 float: left; | 193 float: left; |
| 193 margin-left: 29px; | 194 margin-left: 29px; |
| 202 } | 203 } |
| 203 | 204 |
| 204 | 205 |
| 205 #fermenter_panel_buttons { | 206 #fermenter_panel_buttons { |
| 206 width: 290px; | 207 width: 290px; |
| 207 height: 155px; | 208 height: 227px; |
| 208 float: right; | 209 float: right; |
| 209 margin: 5px; | 210 margin: 5px; |
| 211 margin-top: 3px; | |
| 210 background-color: #252526; | 212 background-color: #252526; |
| 211 border: 2px solid; | 213 border: 2px solid; |
| 212 border-color: #59b4d4; | 214 border-color: #59b4d4; |
| 213 border-radius: 5px 5px 5px 5px; | 215 border-radius: 5px 5px 5px 5px; |
| 214 } | 216 } |
