blob: f864039075082c6d542097eab280965595d5c943 [file] [log] [blame]
<!--
Copyright 2016 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<if expr="is_android or is_ios">
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=no">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
</if>
<title>Vr Shell UIs</title>
<link rel="stylesheet" href="vr_shell_ui.css">
<link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
</head>
<body>
<div id="ui">
<div id="webvr-not-secure-permanent" class="webvr-message-box ui-element">
<div class="webvr-box">
<img class="webvr-not-secure-icon" width="36" height="36"
src="../../../../ui/webui/resources/images/i_circle.svg">
<div class="webvr-string">$i18n{insecureWebVrContentPermanent}</div>
</div>
</div>
<div id="webvr-not-secure-transient" class="webvr-message-box ui-element">
<div>
<div>$i18n{insecureWebVrContentTransient}</div>
</div>
</div>
<div id="url-indicator-container" class="ui-element">
<div id="url-indicator-border">
<div id="url-indicator">
<div id="url-indicator-content">
<div id="url-indicator-info-icon" class="url-indicator-icon"></div>
<div id="url-indicator-lock-icon" class="url-indicator-icon"></div>
<div id="url-indicator-warning-icon" class="url-indicator-icon">
</div>
<div id="url">
<span id="domain"></span><span id="path"></span>
</div>
</div>
</div>
</div>
</div>
<div id="omnibox-ui-element" class="ui-element">
<div id="suggestions">
<div id="suggestion-4" class="suggestion"></div>
<div id="suggestion-3" class="suggestion"></div>
<div id="suggestion-2" class="suggestion"></div>
<div id="suggestion-1" class="suggestion"></div>
<div id="suggestion-0" class="suggestion"></div>
</div>
<div id="omnibox-url-element">
<div id="omnibox-clear-button"></div>
<input id="omnibox-input-field" type="url"></input>
</div>
</div>
<div id="back" class="round-button ui-element">
<div class="button"></div>
<div class="caption">$i18n{back}</div>
</div>
<div id="reload" class="round-button ui-element">
<div class="button"></div>
<div class="caption">$i18n{reload}</div>
</div>
<div id="forward" class="round-button ui-element">
<div class="button"></div>
<div class="caption">$i18n{forward}</div>
</div>
<div id="reload-ui-button" class="ui-element">Reload UI</div>
<div id="tab-template" class="tab"></div>
<!--The tab container element behaves like a scroll view (in conjunction
with the clip view). -->
<div id="tab-container" class="ui-element">
<!--The tab clip element's width will be programmatically set to the total
width of all it's children (the tabs). By doing so, the tabs can be
scrolled horizontally in the tab container element.-->
<div id="tab-clip">
</div>
</div>
</div>
</body>
<!-- Run script after creating body, to let it add its own elements. -->
<script src="vr_shell_ui_api.js"></script>
<script src="vr_shell_ui_scene.js"></script>
<script src="vr_shell_ui.js"></script>
</html>