comparison: www/css/style.css
www/css/style.css
- changeset 40
- b825c675987d
- parent 16
- 522022b4fae4
- child 53
- a17c644a0510
equal
deleted
inserted
replaced
| 39:400aae9fb0c8 | 40:b825c675987d |
|---|---|
| 1 /* | 1 /* |
| 2 */ | 2 */ |
| 3 | 3 |
| 4 /* Reset default browser CSS. */ | |
| 5 html, body, div, span, applet, object, iframe, | |
| 6 h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| 7 a, abbr, acronym, address, big, cite, code, | |
| 8 del, dfn, em, font, img, ins, kbd, q, s, samp, | |
| 9 small, strike, strong, sub, sup, tt, var, | |
| 10 b, u, i, center, | |
| 11 dl, dt, dd, ol, ul, li, | |
| 12 fieldset, form, label, legend, | |
| 13 table, caption, tbody, tfoot, thead, tr, th, td { | |
| 14 background: transparent; | |
| 15 border: 0; | |
| 16 margin: 0; | |
| 17 padding: 0; | |
| 18 vertical-align: baseline; | |
| 19 } | |
| 20 | |
| 21 body { | 4 body { |
| 22 background: #ccc; | 5 background: #ccc; |
| 23 color: #000; | |
| 24 font-family: Verdana, Arial, sans-serif; | 6 font-family: Verdana, Arial, sans-serif; |
| 25 font-size: 12px; | |
| 26 margin: 0px; | 7 margin: 0px; |
| 27 } | 8 } |
| 28 | 9 |
| 29 | |
| 30 #jqxWidget { | |
| 31 width: 1280px; | |
| 32 height: 660px; | |
| 33 float: left; | |
| 34 } | |
| 35 | |
| 36 | |
| 37 #jqxMenu { | |
| 38 border: 2px solid #4297d7; | |
| 39 } | |
| 40 | 10 |
| 41 | 11 |
| 42 #MainPanel { | 12 #MainPanel { |
| 43 width: 1278px; | 13 width: 1278px; |
| 44 height: 628px; | 14 height: 628px; |
| 47 color: #eeeeee; | 17 color: #eeeeee; |
| 48 } | 18 } |
| 49 | 19 |
| 50 | 20 |
| 51 | 21 |
| 52 #header { | |
| 53 width: 1278px; | |
| 54 height: 38px; | |
| 55 float: left; | |
| 56 border: 1px solid #4297d7; | |
| 57 border-radius: 5px 5px 5px 5px; | |
| 58 background: #5c9ccc url(/jqwidgets/styles/images/redmond/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; | |
| 59 color: #ffffff; | |
| 60 font-weight: bold; | |
| 61 } | |
| 62 | |
| 63 #title { | |
| 64 width: 1278px; | |
| 65 height: 38px; | |
| 66 float: left; | |
| 67 margin-top: 2px; | |
| 68 font-size: 1.8em; | |
| 69 color: #FFD700; | |
| 70 text-align: center; | |
| 71 font-family: comic sans ms; | |
| 72 } | |
| 73 | |
| 74 | |
| 75 | |
| 76 #node_table { | 22 #node_table { |
| 77 width: 600px; | 23 width: 600px; |
| 78 background: #353536; | 24 background: #353536; |
| 79 margin: 50px; | 25 margin: 50px; |
| 80 border: 2px solid; | 26 border: 2px solid; |
| 81 font-size: 12pt; | |
| 82 border-color: #888; | 27 border-color: #888; |
| 83 border-radius: 5px 5px 5px 5px; | 28 border-radius: 5px 5px 5px 5px; |
| 84 } | 29 } |
| 85 | 30 |
| 86 | 31 |
| 93 border-color: #888; | 38 border-color: #888; |
| 94 border-radius: 5px 5px 5px 5px; | 39 border-radius: 5px 5px 5px 5px; |
| 95 } | 40 } |
| 96 | 41 |
| 97 | 42 |
| 43 | |
| 98 .temperature { | 44 .temperature { |
| 99 display: inline-block; | 45 display: inline-block; |
| 100 font-size: 12pt; | |
| 101 width: 64px; | 46 width: 64px; |
| 102 height: 20px; | 47 height: 20px; |
| 103 white-space: nowrap; | 48 white-space: nowrap; |
| 104 color: #00eeee; | 49 color: #00eeee; |
| 105 } | 50 } |
| 106 | 51 |
| 52 | |
| 53 | |
| 107 .NUM { | 54 .NUM { |
| 108 font-family: "Arial Black", Gadget, sans-serif; | 55 font-family: "Arial Black", Gadget, sans-serif; |
| 109 color: #00eeee; | 56 color: #00eeee; |
| 110 border-style: ridge; | |
| 111 padding: 2px; | 57 padding: 2px; |
| 112 margin: 2px; | 58 margin: 2px; |
| 113 background-color: #212121; | 59 background-color: #212121; |
| 114 } | 60 } |
| 115 | 61 |
| 126 * || || Temps || || | 72 * || || Temps || || |
| 127 * || || digits || || | 73 * || || digits || || |
| 128 * |+-------------------++--------++-------------------+| | 74 * |+-------------------++--------++-------------------+| |
| 129 * +----------------------------------------------------+ | 75 * +----------------------------------------------------+ |
| 130 */ | 76 */ |
| 77 | |
| 131 #fermenter_thermometers { | 78 #fermenter_thermometers { |
| 132 width: 720px; | 79 width: 720px; |
| 133 height: 295px; | 80 height: 295px; |
| 134 background-color: #252526; | 81 background-color: #252526; |
| 135 margin: 5px; | 82 margin: 5px; |
| 136 border: 2px solid; | 83 border: 2px solid; |
| 137 border-color: #888; | 84 border-color: #888; |
| 138 border-radius: 5px 5px 5px 5px; | 85 border-radius: 5px 5px 5px 5px; |
| 139 } | 86 } |
| 87 | |
| 88 | |
| 140 | 89 |
| 141 #fermenter_tempdigits { | 90 #fermenter_tempdigits { |
| 142 width: 145px; | 91 width: 145px; |
| 143 height: 120px; | 92 height: 120px; |
| 144 float: left; | 93 float: left; |
| 148 border-color: #888; | 97 border-color: #888; |
| 149 border-radius: 5px 5px 5px 5px; | 98 border-radius: 5px 5px 5px 5px; |
| 150 } | 99 } |
| 151 | 100 |
| 152 | 101 |
| 153 | 102 /* |
| 154 .LEDred_on { | 103 .LEDred_on { |
| 155 margin: 5px auto; | 104 margin: 5px auto; |
| 156 width: 12px; | 105 width: 12px; |
| 157 height: 12px; | 106 height: 12px; |
| 158 background-color: #F40; | 107 background-color: #F40; |
| 220 height: 12px; | 169 height: 12px; |
| 221 background-color: #137; | 170 background-color: #137; |
| 222 border-radius: 50%; | 171 border-radius: 50%; |
| 223 box-shadow: #024 0 0px 1px 1px; | 172 box-shadow: #024 0 0px 1px 1px; |
| 224 } | 173 } |
| 225 | 174 */ |
