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 |