OLD | NEW |
1 <html> | 1 <!DOCTYPE HTML> |
2 </html> | 2 <html i18n-values="dir:textdirection;"> |
3 <html id="t"> | |
4 <head> | 3 <head> |
5 <title>About Sync</title> | 4 <script> |
| 5 function onLoad() { |
| 6 chrome.send('getAboutInfo'); |
| 7 } |
| 8 |
| 9 function onGetAboutInfoFinished(aboutInfo) { |
| 10 var aboutInfoDiv = document.getElementById('aboutInfo'); |
| 11 jstProcess(new JsEvalContext(aboutInfo), aboutInfoDiv); |
| 12 } |
| 13 |
| 14 function onSyncServiceStateChanged() { |
| 15 chrome.send('getAboutInfo'); |
| 16 } |
| 17 </script> |
6 | 18 |
7 <style type="text/css"> | 19 <style type="text/css"> |
8 body { | 20 body { |
9 font-size: 84%; | |
10 font-family: Arial, Helvetica, sans-serif; | |
11 padding: 0.75em; | 21 padding: 0.75em; |
12 margin: 0; | 22 margin: 0; |
13 min-width: 45em; | 23 min-width: 45em; |
14 } | 24 } |
15 | 25 |
16 h1 { | 26 h1 { |
17 font-size: 110%; | 27 font-size: 110%; |
18 font-weight: bold; | 28 font-weight: bold; |
19 color: #4a8ee6; | 29 color: #4a8ee6; |
20 letter-spacing: -1px; | 30 letter-spacing: -1px; |
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
57 text-shadow: 0 0 2px black; | 67 text-shadow: 0 0 2px black; |
58 } | 68 } |
59 div#header h1 { | 69 div#header h1 { |
60 padding-left: 37px; | 70 padding-left: 37px; |
61 margin: 0; | 71 margin: 0; |
62 display: inline; | 72 display: inline; |
63 background: url('../../resources/shared/images/gear.png') 12px 60% no-repeat; | 73 background: url('../../resources/shared/images/gear.png') 12px 60% no-repeat; |
64 color: white; | 74 color: white; |
65 } | 75 } |
66 | 76 |
67 .desc { | |
68 font-size: 84%; | |
69 } | |
70 | |
71 .err { | 77 .err { |
72 color: red; | 78 color: red; |
73 } | 79 } |
74 | 80 |
75 div#header p { | 81 div#header p { |
76 font-size: 84%; | |
77 font-style: italic; | 82 font-style: italic; |
78 padding: 0; | 83 padding: 0; |
79 margin: 0; | 84 margin: 0; |
80 color: white; | 85 color: white; |
81 padding-left: 0.4em; | 86 padding-left: 0.4em; |
82 display: inline; | 87 display: inline; |
83 } | 88 } |
84 | 89 |
85 table.list { | 90 table.list { |
86 line-height: 200%; | 91 line-height: 200%; |
87 border-collapse: collapse; | 92 border-collapse: collapse; |
88 font-size: 84%; | |
89 table-layout: fixed; | 93 table-layout: fixed; |
90 } | 94 } |
91 table.list:not([class*='filtered']) tr:nth-child(odd) td { | 95 table.list:not([class*='filtered']) tr:nth-child(odd) td { |
92 background: #eff3ff; | 96 background: #eff3ff; |
93 } | 97 } |
94 table.list#details2 tr:nth-child(odd) td { | 98 table.list#details2 tr:nth-child(odd) td { |
95 background: #ccffcc | 99 background: #ccffcc |
96 } | 100 } |
97 | 101 |
98 table.list td { | 102 table.list td { |
(...skipping 30 matching lines...) Expand all Loading... |
129 table.list tr.firstRow th:nth-child(1), | 133 table.list tr.firstRow th:nth-child(1), |
130 table.list tr.firstRow th:nth-child(2) { | 134 table.list tr.firstRow th:nth-child(2) { |
131 border-right: 1px solid #b5c6de; | 135 border-right: 1px solid #b5c6de; |
132 } | 136 } |
133 table.list#details .name { | 137 table.list#details .name { |
134 padding-left: 25px; | 138 padding-left: 25px; |
135 background-position: 5px center; | 139 background-position: 5px center; |
136 background-repeat: no-repeat; | 140 background-repeat: no-repeat; |
137 } | 141 } |
138 </style> | 142 </style> |
| 143 |
139 </head> | 144 </head> |
140 <body> | 145 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize" |
| 146 onload="onLoad()"> |
| 147 |
| 148 <div id='aboutInfo'> |
141 <div id='header'> | 149 <div id='header'> |
142 <h1>About Sync</h1> | 150 <h1>Sync Internals</h1> |
143 <p> Sync engine diagnostic data</p> | 151 <p> Sync engine diagnostic data</p> |
144 </div> | 152 </div> |
145 <div id='content'> | 153 <div id='content'> |
146 <table width="100%"> | 154 <table width="100%"> |
147 <tr> | 155 <tr> |
148 <td width="20%"> | 156 <td width="20%"> |
149 <span class="desc"><h2> Summary </h2></span> | 157 <span class="desc"><h2> Summary </h2></span> |
150 <strong jscontent="summary"></strong> | 158 <strong jscontent="summary"></strong> |
151 </td> | 159 </td> |
152 <td> | 160 <td> |
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
203 <div jscontent="model_type"></div> | 211 <div jscontent="model_type"></div> |
204 </td> | 212 </td> |
205 <td class='number'> | 213 <td class='number'> |
206 <div jscontent="group"></div> | 214 <div jscontent="group"></div> |
207 </td> | 215 </td> |
208 </tr> | 216 </tr> |
209 </table> | 217 </table> |
210 </td> | 218 </td> |
211 </table> | 219 </table> |
212 </div> | 220 </div> |
| 221 </div> |
| 222 |
213 </body> | 223 </body> |
214 </html> | 224 </html> |
OLD | NEW |