| 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 |