| OLD | NEW | 
|---|
| 1 <html> | 1 <html> | 
| 2 </html> | 2 </html> | 
| 3 <html id="t"> | 3 <html id="t"> | 
| 4 <head> | 4 <head> | 
| 5 <title>About Sync</title> | 5 <title>About Sync</title> | 
| 6 | 6 | 
| 7 <style type="text/css"> | 7 <style type="text/css"> | 
| 8 body { | 8 body { | 
| 9   font-size: 84%; | 9   font-size: 84%; | 
| 10   font-family: Arial, Helvetica, sans-serif; | 10   font-family: Arial, Helvetica, sans-serif; | 
| 11   padding: 0.75em; | 11   padding: 0.75em; | 
| 12   margin: 0; | 12   margin: 0; | 
| 13   min-width: 45em; | 13   min-width: 45em; | 
| 14 } | 14 } | 
| 15 | 15 | 
| 16 h1 { | 16 h1 { | 
| 17   font-size: 110%; | 17   font-size: 110%; | 
| 18   font-weight: bold; | 18   font-weight: bold; | 
| 19   color: #4a8ee6; | 19   color: #4a8ee6; | 
| 20   letter-spacing: -1px; | 20   letter-spacing: -1px; | 
| 21   padding: 0; | 21   padding: 0; | 
| 22   margin: 0; | 22   margin: 0; | 
| 23 } | 23 } | 
| 24 h2 { | 24 h2 { | 
| 25   font-size: 110%; | 25   font-size: 110%; | 
| 26   letter-spacing: -1px; | 26   letter-spacing: -1px; | 
| 27   font-weight: normal; | 27   font-weight: normal; | 
| 28   color: #4a8ee6; | 28   color: #4a8ee6; | 
| 29   padding: 0; | 29   padding: 0; | 
| 30   margin: 0; | 30   margin: 0; | 
| 31   padding: 0.5em 1em; | 31   padding: 0.5em 1em; | 
| 32   color: #3a75bd; | 32   color: #3a75bd; | 
| 33   margin-left: -38px; | 33   margin-left: -38px; | 
| 34   padding-left: 38px; | 34   padding-left: 38px; | 
| 35 | 35 | 
| 36   border-top: 1px solid #3a75bd; | 36   border-top: 1px solid #3a75bd; | 
| 37   padding-top: 0.5em; | 37   padding-top: 0.5em; | 
| 38 | 38 | 
| 39 } | 39 } | 
| 40 h2:first-child { | 40 h2:first-child { | 
| 41   border-top: 0; | 41   border-top: 0; | 
| 42   padding-top: 0; | 42   padding-top: 0; | 
| 43 } | 43 } | 
| 44 | 44 | 
| 45 div#header { | 45 div#header { | 
| 46   padding: 0.75em 1em; | 46   padding: 0.75em 1em; | 
| 47   padding-top: 0.6em; | 47   padding-top: 0.6em; | 
| 48   padding-left: 0; | 48   padding-left: 0; | 
| 49   margin-bottom: 0.75em; | 49   margin-bottom: 0.75em; | 
| 50   position: relative; | 50   position: relative; | 
| 51   overflow: hidden; | 51   overflow: hidden; | 
| 52   background: #5296de; | 52   background: #5296de; | 
| 53   -webkit-background-size: 100%; | 53   background-size: 100%; | 
| 54   border: 1px solid #3a75bd; | 54   border: 1px solid #3a75bd; | 
| 55   -webkit-border-radius: 6px; | 55   border-radius: 6px; | 
| 56   color: white; | 56   color: white; | 
| 57   text-shadow: 0 0 2px black; | 57   text-shadow: 0 0 2px black; | 
| 58 } | 58 } | 
| 59 div#header h1 { | 59 div#header h1 { | 
| 60   padding-left: 37px; | 60   padding-left: 37px; | 
| 61   margin: 0; | 61   margin: 0; | 
| 62   display: inline; | 62   display: inline; | 
| 63   background: url('gear.png') 12px 60% no-repeat; | 63   background: url('gear.png') 12px 60% no-repeat; | 
| 64   color: white; | 64   color: white; | 
| 65 } | 65 } | 
| (...skipping 23 matching lines...) Expand all  Loading... | 
| 89   line-height: 1.4em; | 89   line-height: 1.4em; | 
| 90   padding-top: 0.35em; | 90   padding-top: 0.35em; | 
| 91 } | 91 } | 
| 92 table.list tr td:nth-last-child(1), | 92 table.list tr td:nth-last-child(1), | 
| 93 table.list tr th:nth-last-child(1) { | 93 table.list tr th:nth-last-child(1) { | 
| 94   padding-right: 1em; | 94   padding-right: 1em; | 
| 95 } | 95 } | 
| 96 table.list:not([class*='filtered']) .tab .name { | 96 table.list:not([class*='filtered']) .tab .name { | 
| 97   padding-left: 1.5em; | 97   padding-left: 1.5em; | 
| 98 } | 98 } | 
| 99 | 99 | 
| 100 table.list .name { | 100 table.list .name { | 
| 101 } | 101 } | 
| 102 | 102 | 
| 103 table.list .name div { | 103 table.list .name div { | 
| 104   height: 1.6em; | 104   height: 1.6em; | 
| 105   overflow: hidden; | 105   overflow: hidden; | 
| 106   white-space: nowrap; | 106   white-space: nowrap; | 
| 107   text-overflow: ellipsis; | 107   text-overflow: ellipsis; | 
| 108 } | 108 } | 
| 109 | 109 | 
| 110 table.list .number { | 110 table.list .number { | 
| 111   width: 7em; | 111   width: 7em; | 
| 112   text-align: right; | 112   text-align: right; | 
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 148       </tr> | 148       </tr> | 
| 149       <tr> | 149       <tr> | 
| 150         <td class='name'>Last Synced</td> | 150         <td class='name'>Last Synced</td> | 
| 151         <td class='number' jscontent="time_since_sync"> </td> | 151         <td class='number' jscontent="time_since_sync"> </td> | 
| 152       </tr> | 152       </tr> | 
| 153       <tr jsselect="details"> | 153       <tr jsselect="details"> | 
| 154         <td class='name'> | 154         <td class='name'> | 
| 155           <div jscontent="stat_name"></div> | 155           <div jscontent="stat_name"></div> | 
| 156         </td> | 156         </td> | 
| 157         <td class='number'> | 157         <td class='number'> | 
| 158   »       <div jscontent="stat_value"></div> | 158   »       <div jscontent="stat_value"></div> | 
| 159         </td> | 159         </td> | 
| 160       </tr>» | 160       </tr> | 
| 161     </table> | 161     </table> | 
| 162   </div> | 162   </div> | 
| 163 </body> | 163 </body> | 
| 164 </html> | 164 </html> | 
| 165 |  | 
| OLD | NEW | 
|---|