| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html dir="$i18n{textdirection}" lang="$i18n{language}"> | 2 <html dir="$i18n{textdirection}" lang="$i18n{language}" class="loading"> |
| 3 <head> | 3 <head> |
| 4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
| 5 <title>$i18n{settings}</title> | 5 <title>$i18n{settings}</title> |
| 6 <if expr="not use_vulcanize"> | 6 <if expr="not use_vulcanize"> |
| 7 <base href="chrome://$i18n{hostname}"> | 7 <base href="chrome://$i18n{hostname}"> |
| 8 </if> | 8 </if> |
| 9 <link rel="stylesheet" href="chrome://resources/css/md_colors.css"> | |
| 10 <style> | 9 <style> |
| 11 html { | 10 html { |
| 11 background-color: #f1f1f1; |
| 12 overflow: hidden; | 12 overflow: hidden; |
| 13 } | 13 } |
| 14 | 14 |
| 15 settings-ui:unresolved { | 15 .loading { |
| 16 background-color: var(--md-background-color); | 16 /* --google-blue-700 in disguise. Replaced when settings-ui loads. */ |
| 17 border-top: 56px solid var(--md-toolbar-color); | 17 border-top: 56px solid rgb(51, 103, 214); |
| 18 bottom: 0; | |
| 19 display: block; | |
| 20 left: 0; | |
| 21 position: fixed; | |
| 22 right: 0; | |
| 23 top: 0; | |
| 24 } | 18 } |
| 25 </style> | 19 </style> |
| 26 </head> | 20 </head> |
| 27 <body> | 21 <body> |
| 28 <settings-ui></settings-ui> | 22 <settings-ui></settings-ui> |
| 29 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> | 23 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> |
| 30 <link rel="import" href="chrome://resources/html/polymer.html"> | 24 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 31 <link rel="import" href="settings_ui/settings_ui.html"> | 25 <link rel="import" href="settings_ui/settings_ui.html"> |
| 32 </body> | 26 </body> |
| 33 </html> | 27 </html> |
| OLD | NEW |