Mercurial > mbsePi-apps / file comparison
comparison: www/css/style.css
www/css/style.css
- changeset 678
- cc49115e769e
- parent 676
- 09b5efe0c633
- child 717
- 22dd7ab614e5
equal
deleted
inserted
replaced
| 677:c867eb3f7fc1 | 678:cc49115e769e |
|---|---|
| 27 border-color: #59b4d4; | 27 border-color: #59b4d4; |
| 28 border-radius: 5px 5px 5px 5px; | 28 border-radius: 5px 5px 5px 5px; |
| 29 } | 29 } |
| 30 | 30 |
| 31 | 31 |
| 32 #fermenter_table { | |
| 33 width: 960px; | |
| 34 height: 210px; | |
| 35 background: #252526; | |
| 36 margin: 5px; | |
| 37 border: 2px solid; | |
| 38 border-color: #59b4d4; | |
| 39 border-radius: 5px 5px 5px 5px; | |
| 40 } | |
| 41 | |
| 42 | |
| 43 /* | |
| 44 * +----------------------------------------------------+ | |
| 45 * |+-------------------++--------++-------------------+| | |
| 46 * || || || || | |
| 47 * || || chiller|| || | |
| 48 * || || || || | |
| 49 * || Air temp |+--------+| Beer temp || | |
| 50 * || Temperature | | Pressure || | |
| 51 * || | | || | |
| 52 * || | | || | |
| 53 * || | | || | |
| 54 * |+-------------------+ +-------------------+| | |
| 55 * +----------------------------------------------------+ | |
| 56 */ | |
| 57 | |
| 58 #fermenter_thermometers { | |
| 59 width: 960px; | |
| 60 height: 390px; | |
| 61 float: left; | |
| 62 background-color: #252526; | |
| 63 margin: 5px; | |
| 64 margin-top: 3px; | |
| 65 border: 2px solid; | |
| 66 border-color: #59b4d4; | |
| 67 border-radius: 5px 5px 5px 5px; | |
| 68 } | |
| 69 | |
| 70 | |
| 71 /* | |
| 72 * +----------panel_top------------+ | |
| 73 * | door light alarm power LEDs | | |
| 74 * | | | |
| 75 * +-------------------------------+ | |
| 76 * +---------panel_display---------+ | |
| 77 * |+-------------++--------------+| | |
| 78 * || display 1 || display 2 || | |
| 79 * |+-------------++--------------+| | |
| 80 * +-------------------------------+ | |
| 81 * +---------panel_control---------+ | |
| 82 * |+--------++---------++--------+| | |
| 83 * || led 1 || led 2 || led 3 || | |
| 84 * |+--------++---------++--------+| | |
| 85 * |+--------++---------++--------+| | |
| 86 * || sw 1 || sw 2 || sw 3 || | |
| 87 * |+--------++---------++--------+| | |
| 88 * +-------------------------------+ | |
| 89 * +--------panel_buttons----------+ | |
| 90 * | | | |
| 91 * +-------------------------------+ | |
| 92 */ | |
| 93 #fermenter_panel_top { | |
| 94 width: 290px; | |
| 95 height: 100px; | |
| 96 float: right; | |
| 97 margin: 5px; | |
| 98 background-color: #252526; | |
| 99 border: 2px solid; | |
| 100 border-color: #59b4d4; | |
| 101 border-radius: 5px 5px 5px 5px; | |
| 102 } | |
| 103 | |
| 104 #fermenter_doorled, | |
| 105 #fermenter_lightled, | |
| 106 #fermenter_alarmled, | |
| 107 #fermenter_powerled { | |
| 108 width: 50px; | |
| 109 height: 30px; | |
| 110 float: left; | |
| 111 text-align: center; | |
| 112 margin-top: 15px; | |
| 113 margin-left: 20px; | |
| 114 } | |
| 115 | |
| 116 #fermenter_panel_display { | |
| 117 width: 290px; | |
| 118 height: 98px; | |
| 119 float: right; | |
| 120 margin: 5px; | |
| 121 margin-top: 3px; | |
| 122 background-color: #252526; | |
| 123 border: 2px solid; | |
| 124 border-color: #59b4d4; | |
| 125 border-radius: 5px 5px 5px 5px; | |
| 126 } | |
| 127 | |
| 128 #fermenter_display { | |
| 129 width: 145px; | |
| 130 height: 98px; | |
| 131 float: left; | |
| 132 text-align: center; | |
| 133 } | |
| 134 | |
| 135 | |
| 136 #fermenter_panel_control { | |
| 137 width: 290px; | |
| 138 height: 150px; | |
| 139 float: right; | |
| 140 margin: 5px; | |
| 141 margin-top: 3px; | |
| 142 background-color: #252526; | |
| 143 border: 2px solid; | |
| 144 border-color: #59b4d4; | |
| 145 border-radius: 5px 5px 5px 5px; | |
| 146 } | |
| 147 | |
| 148 #fermenter_led1, | |
| 149 #fermenter_led2, | |
| 150 #fermenter_led3 { | |
| 151 width: 96px; | |
| 152 height: 30px; | |
| 153 float: left; | |
| 154 text-align: center; | |
| 155 margin-top: 13px; | |
| 156 } | |
| 157 | |
| 158 #fermenter_toggle1 { | |
| 159 float: left; | |
| 160 margin-left: 29px; | |
| 161 margin-top: 20px; | |
| 162 } | |
| 163 | |
| 164 #fermenter_toggle2, | |
| 165 #fermenter_toggle3 { | |
| 166 float: left; | |
| 167 margin-left: 60px; | |
| 168 margin-top: 20px; | |
| 169 } | |
| 170 | |
| 171 #fermenter_panel_buttons { | |
| 172 width: 290px; | |
| 173 height: 227px; | |
| 174 float: right; | |
| 175 margin: 5px; | |
| 176 margin-top: 3px; | |
| 177 background-color: #252526; | |
| 178 border: 2px solid; | |
| 179 border-color: #59b4d4; | |
| 180 border-radius: 5px 5px 5px 5px; | |
| 181 } | |
| 182 | |
| 183 .LEDred_on { | |
| 184 margin: 5px auto; | |
| 185 width: 18px; | |
| 186 height: 18px; | |
| 187 background-color: #F40; | |
| 188 border-radius: 50%; | |
| 189 box-shadow: #000 0 0px 4px 1px, inset #C33 0 -1px 5px, #f44 0 2px 12px; | |
| 190 } | |
| 191 | |
| 192 .LEDred_off { | |
| 193 margin: 5px auto; | |
| 194 width: 18px; | |
| 195 height: 18px; | |
| 196 background-color: #820; | |
| 197 border-radius: 50%; | |
| 198 box-shadow: #400 0 0px 1px 1px; | |
| 199 } | |
| 200 | |
| 201 .LEDyellow_on { | |
| 202 margin: 5px auto; | |
| 203 width: 18px; | |
| 204 height: 18px; | |
| 205 background-color: #FF0; | |
| 206 border-radius: 50%; | |
| 207 box-shadow: #000 0 0px 4px 1px, inset #860 0 -1px 5px, #DD0 0 2px 12px; | |
| 208 } | |
| 209 | |
| 210 .LEDyellow_off { | |
| 211 margin: 5px auto; | |
| 212 width: 18px; | |
| 213 height: 18px; | |
| 214 background-color: #A90; | |
| 215 border-radius: 50%; | |
| 216 box-shadow: #440 0 0px 1px 1px; | |
| 217 } | |
| 218 | |
| 219 .LEDgreen_on { | |
| 220 margin: 5px auto; | |
| 221 width: 18px; | |
| 222 height: 18px; | |
| 223 background-color: #5E0; | |
| 224 border-radius: 50%; | |
| 225 box-shadow: #000 0 0px 4px 1px, inset #270 0 -1px 5px, #5D0 0 2px 12px; | |
| 226 } | |
| 227 | |
| 228 .LEDgreen_off { | |
| 229 margin: 5px auto; | |
| 230 width: 18px; | |
| 231 height: 18px; | |
| 232 background-color: #270; | |
| 233 border-radius: 50%; | |
| 234 box-shadow: #250 0 0px 1px 1px; | |
| 235 } | |
| 236 | |
| 237 .LEDblue_on { | |
| 238 margin: 5px auto; | |
| 239 width: 18px; | |
| 240 height: 18px; | |
| 241 background-color: #4AF; | |
| 242 border-radius: 50%; | |
| 243 box-shadow: #000 0 0px 4px 1px, inset #247 0 -1px 5px, #48F 0 2px 12px; | |
| 244 } | |
| 245 | |
| 246 .LEDblue_off { | |
| 247 margin: 5px auto; | |
| 248 width: 18px; | |
| 249 height: 18px; | |
| 250 background-color: #137; | |
| 251 border-radius: 50%; | |
| 252 box-shadow: #024 0 0px 1px 1px; | |
| 253 } | |
| 254 | |
| 255 |
