| <!doctype html> |
| <html dir="$i18n{textdirection}" lang="$i18n{language}" |
| class="loading $i18n{loadTimeClasses}" $i18n{dark}> |
| <head> |
| <meta charset="utf8"> |
| <title>$i18n{title}</title> |
| <if expr="not optimize_webui"> |
| <base href="chrome://extensions"> |
| </if> |
| <style> |
| html { |
| --dev-mode-toolbar-height: 52px; |
| /* --google-grey-refresh-700 */ |
| --toolbar-dark-border: 1px solid rgb(95, 99, 104); |
| --toolbar-light-color: rgb(51, 103, 214); /* --google-blue-700 */ |
| --toolbar-height: 56px; |
| |
| /* --md-background-color in disguise. */ |
| background-color: rgb(248, 249, 250); |
| |
| /* Remove 300ms delay for 'click' event, when using touch interface. */ |
| touch-action: manipulation; |
| } |
| |
| html[dark] { |
| background-color: rgb(32, 33, 36); /* --google-grey-900 */ |
| } |
| |
| html:not([dark]).loading { |
| /* Replaced when manager.html loads. */ |
| border-top: var(--toolbar-height) solid var(--toolbar-light-color); |
| } |
| |
| html[dark].loading { |
| border-top: var(--toolbar-dark-border); |
| margin-top: var(--toolbar-height); |
| } |
| |
| /* Mimics the developer mode toolbar until the real one loads. */ |
| html[dark].loading.in-dev-mode::before { |
| border-bottom: var(--toolbar-dark-border); |
| content: ''; |
| display: block; |
| height: var(--dev-mode-toolbar-height); |
| } |
| |
| /* Note: .in-dev-mode is applied by i18n{loadTimeClasses}. */ |
| html:not([dark]).loading.in-dev-mode { |
| border-image: linear-gradient(to bottom, |
| var(--toolbar-light-color) var(--toolbar-height), |
| #fff var(--toolbar-height), |
| #fff 107px, #e0e0e0 /* --google-grey-300 */ 107px) 108; |
| border-top: calc(var(--toolbar-height) + var(--dev-mode-toolbar-height)) |
| solid; |
| } |
| |
| html, |
| body { |
| height: 100%; |
| line-height: 154%; |
| margin: 0; |
| overflow: hidden; |
| width: 100%; |
| } |
| </style> |
| </head> |
| <body> |
| <extensions-manager></extensions-manager> |
| <link rel="stylesheet" href="chrome://resources/css/md_colors.css"> |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> |
| <link rel="import" href="chrome://extensions/manager.html"> |
| <link rel="import" href="chrome://resources/html/dark_mode.html"> |
| </body> |
| </html> |