| OLD | NEW |
| 1 html, | 1 html, |
| 2 body { | 2 body { |
| 3 margin: 0; | 3 margin: 0; |
| 4 padding: 0; | 4 padding: 0; |
| 5 } | 5 } |
| 6 | 6 |
| 7 button { | 7 button { |
| 8 margin: 0; | 8 margin: 0; |
| 9 padding: 0; | 9 padding: 0; |
| 10 border: 0; | 10 border: 0; |
| 11 background: none; | 11 background: none; |
| 12 font-size: 100%; | 12 font-size: 100%; |
| 13 vertical-align: baseline; | 13 vertical-align: baseline; |
| 14 font-family: inherit; | 14 font-family: inherit; |
| 15 color: inherit; | 15 color: inherit; |
| 16 -webkit-appearance: none; | 16 -webkit-appearance: none; |
| 17 /*-moz-appearance: none;*/ | 17 -moz-appearance: none; |
| 18 -ms-appearance: none; | 18 -ms-appearance: none; |
| 19 -o-appearance: none; | 19 -o-appearance: none; |
| 20 appearance: none; | 20 /*appearance: none; */ |
| 21 } | 21 } |
| 22 | 22 |
| 23 body { | 23 body { |
| 24 font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif; | 24 font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| 25 line-height: 1.4em; | 25 line-height: 1.4em; |
| 26 background: #eaeaea url('bg.png'); | 26 background: #eaeaea url('bg.png'); |
| 27 color: #4d4d4d; | 27 color: #4d4d4d; |
| 28 width: 550px; | 28 width: 550px; |
| 29 margin: 0 auto; | 29 margin: 0 auto; |
| 30 -webkit-font-smoothing: antialiased; | 30 -webkit-font-smoothing: antialiased; |
| 31 -moz-font-smoothing: antialiased; | 31 -moz-font-smoothing: antialiased; |
| 32 -ms-font-smoothing: antialiased; | 32 -ms-font-smoothing: antialiased; |
| 33 -o-font-smoothing: antialiased; | 33 -o-font-smoothing: antialiased; |
| 34 font-smoothing: antialiased; | 34 /* font-smoothing: antialiased; */ |
| 35 } | 35 } |
| 36 | 36 |
| 37 /* | 37 /* |
| 38 TODO(jmesserly): we should try to restore the original CSS file. | 38 TODO(jmesserly): we should try to restore the original CSS file. |
| 39 Ours has diverged and some features aren't working anymore, mainly due to the | 39 Ours has diverged and some features aren't working anymore, mainly due to the |
| 40 extra nodes we introduce for items. | 40 extra nodes we introduce for items. |
| 41 */ | 41 */ |
| 42 | 42 |
| 43 #todoapp { | 43 #todoapp { |
| 44 background: #fff; | 44 background: #fff; |
| (...skipping 30 matching lines...) Expand all Loading... |
| 75 .title { | 75 .title { |
| 76 position: absolute; | 76 position: absolute; |
| 77 top: -120px; | 77 top: -120px; |
| 78 width: 100%; | 78 width: 100%; |
| 79 font-size: 70px; | 79 font-size: 70px; |
| 80 font-weight: bold; | 80 font-weight: bold; |
| 81 text-align: center; | 81 text-align: center; |
| 82 color: #b3b3b3; | 82 color: #b3b3b3; |
| 83 color: rgba(255, 255, 255, 0.3); | 83 color: rgba(255, 255, 255, 0.3); |
| 84 text-shadow: -1px -1px rgba(0, 0, 0, 0.2); | 84 text-shadow: -1px -1px rgba(0, 0, 0, 0.2); |
| 85 -webkit-text-rendering: optimizeLegibility; | 85 /*-webkit-text-rendering: optimizeLegibility;*/ |
| 86 -moz-text-rendering: optimizeLegibility; | 86 -moz-text-rendering: optimizeLegibility; |
| 87 -ms-text-rendering: optimizeLegibility; | 87 -ms-text-rendering: optimizeLegibility; |
| 88 -o-text-rendering: optimizeLegibility; | 88 -o-text-rendering: optimizeLegibility; |
| 89 text-rendering: optimizeLegibility; | 89 text-rendering: optimizeLegibility; |
| 90 } | 90 } |
| 91 | 91 |
| 92 #header { | 92 #header { |
| 93 padding-top: 15px; | 93 padding-top: 15px; |
| 94 border-radius: inherit; | 94 border-radius: inherit; |
| 95 } | 95 } |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 131 box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2); | 131 box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2); |
| 132 -webkit-box-sizing: border-box; | 132 -webkit-box-sizing: border-box; |
| 133 -moz-box-sizing: border-box; | 133 -moz-box-sizing: border-box; |
| 134 -ms-box-sizing: border-box; | 134 -ms-box-sizing: border-box; |
| 135 -o-box-sizing: border-box; | 135 -o-box-sizing: border-box; |
| 136 box-sizing: border-box; | 136 box-sizing: border-box; |
| 137 -webkit-font-smoothing: antialiased; | 137 -webkit-font-smoothing: antialiased; |
| 138 -moz-font-smoothing: antialiased; | 138 -moz-font-smoothing: antialiased; |
| 139 -ms-font-smoothing: antialiased; | 139 -ms-font-smoothing: antialiased; |
| 140 -o-font-smoothing: antialiased; | 140 -o-font-smoothing: antialiased; |
| 141 font-smoothing: antialiased; | 141 /*font-smoothing: antialiased;*/ |
| 142 } | 142 } |
| 143 | 143 |
| 144 #new-todo { | 144 #new-todo { |
| 145 padding: 16px 16px 16px 60px; | 145 padding: 16px 16px 16px 60px; |
| 146 border: none; | 146 border: none; |
| 147 background: rgba(0, 0, 0, 0.02); | 147 background: rgba(0, 0, 0, 0.02); |
| 148 z-index: 2; | 148 z-index: 2; |
| 149 box-shadow: none; | 149 box-shadow: none; |
| 150 } | 150 } |
| 151 | 151 |
| (...skipping 162 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 314 } | 314 } |
| 315 | 315 |
| 316 #toggle-all { | 316 #toggle-all { |
| 317 top: -56px; | 317 top: -56px; |
| 318 left: -15px; | 318 left: -15px; |
| 319 width: 65px; | 319 width: 65px; |
| 320 height: 41px; | 320 height: 41px; |
| 321 -webkit-transform: rotate(90deg); | 321 -webkit-transform: rotate(90deg); |
| 322 transform: rotate(90deg); | 322 transform: rotate(90deg); |
| 323 -webkit-appearance: none; | 323 -webkit-appearance: none; |
| 324 appearance: none; | 324 -moz-appearance: none; |
| 325 -ms-appearance: none; |
| 326 -o-appearance: none; |
| 327 /*appearance: none; */ |
| 325 } | 328 } |
| 326 } | 329 } |
| OLD | NEW |