| Index: chrome/browser/sync/resources/about_sync.html
|
| ===================================================================
|
| --- chrome/browser/sync/resources/about_sync.html (revision 0)
|
| +++ chrome/browser/sync/resources/about_sync.html (revision 0)
|
| @@ -0,0 +1,165 @@
|
| +<html>
|
| +</html>
|
| +<html id="t">
|
| +<head>
|
| +<title>About Sync</title>
|
| +
|
| +<style type="text/css">
|
| +body {
|
| + font-size: 84%;
|
| + font-family: Arial, Helvetica, sans-serif;
|
| + padding: 0.75em;
|
| + margin: 0;
|
| + min-width: 45em;
|
| +}
|
| +
|
| +h1 {
|
| + font-size: 110%;
|
| + font-weight: bold;
|
| + color: #4a8ee6;
|
| + letter-spacing: -1px;
|
| + padding: 0;
|
| + margin: 0;
|
| +}
|
| +h2 {
|
| + font-size: 110%;
|
| + letter-spacing: -1px;
|
| + font-weight: normal;
|
| + color: #4a8ee6;
|
| + padding: 0;
|
| + margin: 0;
|
| + padding: 0.5em 1em;
|
| + color: #3a75bd;
|
| + margin-left: -38px;
|
| + padding-left: 38px;
|
| +
|
| + border-top: 1px solid #3a75bd;
|
| + padding-top: 0.5em;
|
| +
|
| +}
|
| +h2:first-child {
|
| + border-top: 0;
|
| + padding-top: 0;
|
| +}
|
| +
|
| +div#header {
|
| + padding: 0.75em 1em;
|
| + padding-top: 0.6em;
|
| + padding-left: 0;
|
| + margin-bottom: 0.75em;
|
| + position: relative;
|
| + overflow: hidden;
|
| + background: #5296de;
|
| + -webkit-background-size: 100%;
|
| + border: 1px solid #3a75bd;
|
| + -webkit-border-radius: 6px;
|
| + color: white;
|
| + text-shadow: 0 0 2px black;
|
| +}
|
| +div#header h1 {
|
| + padding-left: 37px;
|
| + margin: 0;
|
| + display: inline;
|
| + background: url('gear.png') 12px 60% no-repeat;
|
| + color: white;
|
| +}
|
| +div#header p {
|
| + font-size: 84%;
|
| + font-style: italic;
|
| + padding: 0;
|
| + margin: 0;
|
| + color: white;
|
| + padding-left: 0.4em;
|
| + display: inline;
|
| +}
|
| +
|
| +table.list {
|
| + line-height: 200%;
|
| + border-collapse: collapse;
|
| + font-size: 84%;
|
| + table-layout: fixed;
|
| +}
|
| +table.list:not([class*='filtered']) tr:nth-child(odd) td {
|
| + background: #eff3ff;
|
| +}
|
| +
|
| +table.list td {
|
| + padding: 0 0.5em;
|
| + vertical-align: top;
|
| + line-height: 1.4em;
|
| + padding-top: 0.35em;
|
| +}
|
| +table.list tr td:nth-last-child(1),
|
| +table.list tr th:nth-last-child(1) {
|
| + padding-right: 1em;
|
| +}
|
| +table.list:not([class*='filtered']) .tab .name {
|
| + padding-left: 1.5em;
|
| +}
|
| +
|
| +table.list .name {
|
| +}
|
| +
|
| +table.list .name div {
|
| + height: 1.6em;
|
| + overflow: hidden;
|
| + white-space: nowrap;
|
| + text-overflow: ellipsis;
|
| +}
|
| +
|
| +table.list .number {
|
| + width: 7em;
|
| + text-align: right;
|
| +}
|
| +
|
| +table.list#details tr:not([class*='firstRow']) > *:nth-child(1),
|
| +table.list#details tr:not([class*='firstRow']) > *:nth-child(4),
|
| +table.list#details tr.firstRow th:nth-child(1),
|
| +table.list#details tr.firstRow th:nth-child(2) {
|
| + border-right: 1px solid #b5c6de;
|
| +}
|
| +table.list#details .name {
|
| + padding-left: 25px;
|
| + background-position: 5px center;
|
| + background-repeat: no-repeat;
|
| +}
|
| +</style>
|
| +</head>
|
| +<body>
|
| + <div id='header'>
|
| + <h1>About Sync</h1>
|
| + <p> Sync engine diagnostic data</p>
|
| + </div>
|
| + <div id='content'>
|
| + <h2> Summary </h2>
|
| + <strong jscontent="summary"></strong>
|
| + <br /><br /><br />
|
| + <h2> Details </h2>
|
| + <table class='list' id='details'>
|
| + <tr>
|
| + <td class='name'> Authenticated </td>
|
| + <td class='number'>
|
| + <div jscontent="authenticated"> </div>
|
| + <div jsdisplay="!authenticated"
|
| + style="color:red"
|
| + jscontent="auth_problem"></div>
|
| + </td>
|
| + </tr>
|
| + </tr>
|
| + <tr>
|
| + <td class='name'>Last Synced</td>
|
| + <td class='number' jscontent="time_since_sync"> </td>
|
| + </tr>
|
| + <tr jsselect="details">
|
| + <td class='name'>
|
| + <div jscontent="stat_name"></div>
|
| + </td>
|
| + <td class='number'>
|
| + <div jscontent="stat_value"></div>
|
| + </td>
|
| + </tr>
|
| + </table>
|
| + </div>
|
| +</body>
|
| +</html>
|
| +
|
|
|