OLD | NEW |
1 <!-- Copyright 2015 The Chromium Authors. All rights reserved. | 1 <!-- Copyright 2015 The Chromium Authors. All rights reserved. |
2 Use of this source code is governed by a BSD-style license that can be | 2 Use of this source code is governed by a BSD-style license that can be |
3 found in the LICENSE file. --> | 3 found in the LICENSE file. --> |
4 <html> | 4 <html> |
5 <head> | 5 <head> |
6 <meta charset="utf-8"> | 6 <meta charset="utf-8"> |
7 <title class="i18n" msgid="panel_title"></title> | 7 <title class="i18n" msgid="panel_title"></title> |
8 | 8 |
9 <link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono|Roboto:400,70
0,700italic" rel="stylesheet" type="text/css"> | 9 <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono|Roboto:400,70
0,700italic' rel='stylesheet' type='text/css'> |
10 <link href="panel.css" rel="stylesheet" type="text/css"> | |
11 | 10 |
12 <script type="text/javascript" src="../../closure/base.js"></script> | 11 <script type="text/javascript" src="../../closure/base.js"></script> |
13 <script type="text/javascript" src="../../deps.js"></script> | 12 <script type="text/javascript" src="../../deps.js"></script> |
14 <script type="text/javascript" src="panel_loader.js"></script> | 13 <script type="text/javascript" src="panel_loader.js"></script> |
15 <script type="text/javascript" src="../../chromeVoxPanelScript.js"> | 14 <script type="text/javascript" src="../../chromeVoxPanelScript.js"> |
16 </script> | 15 </script> |
| 16 <style> |
| 17 body { |
| 18 padding: 0; |
| 19 border: 0; |
| 20 margin: 0; |
| 21 height: 35px; |
| 22 overflow: hidden; |
| 23 } |
| 24 #main { |
| 25 position: fixed; |
| 26 left: 0; |
| 27 top: 0; |
| 28 right: 0; |
| 29 height: 35px; |
| 30 background-color: #000; |
| 31 display: flex; |
| 32 } |
| 33 button { |
| 34 border: 0; |
| 35 padding: 0; |
| 36 margin: 0; |
| 37 background-color: #000; |
| 38 outline: none; |
| 39 } |
| 40 #menu { |
| 41 min-width: 52px; |
| 42 height: 35px; |
| 43 } |
| 44 #options_close { |
| 45 min-width: 48px; |
| 46 height: 35px; |
| 47 } |
| 48 #chromevox { |
| 49 width: 19px; |
| 50 height: 19px; |
| 51 margin: 8px 0; |
| 52 } |
| 53 #triangle { |
| 54 width: 6px; |
| 55 height: 6px; |
| 56 margin: 14px 0; |
| 57 } |
| 58 #options { |
| 59 background-image: url('/images/options-19.png'); |
| 60 width: 19px; |
| 61 height: 19px; |
| 62 margin: 8px 0; |
| 63 } |
| 64 #options:hover { |
| 65 background-image: url('/images/options-hover-19.png'); |
| 66 } |
| 67 #close { |
| 68 background-image: url('/images/close-19.png'); |
| 69 width: 19px; |
| 70 height: 19px; |
| 71 } |
| 72 #close:hover { |
| 73 background-image: url('/images/close-hover-19.png'); |
| 74 } |
| 75 #caption { |
| 76 color: #fff; |
| 77 margin-left: 12px; |
| 78 flex-grow: 1; |
| 79 } |
| 80 #speech-container { |
| 81 height: 35px; |
| 82 margin-left: 12px; |
| 83 } |
| 84 #speech { |
| 85 height: 35px; |
| 86 line-height: 35px; |
| 87 font-family: 'Roboto', sans-serif; |
| 88 font-size: 12pt; |
| 89 overflow: hidden; |
| 90 } |
| 91 .usertext { |
| 92 font-weight: 700; |
| 93 font-style: italic; |
| 94 } |
| 95 #braille-container { |
| 96 position: relative; |
| 97 top: -35px; |
| 98 height: 35px; |
| 99 } |
| 100 #braille-text { |
| 101 height: 17px; |
| 102 line-height: 17px; |
| 103 font-family: 'Droid Sans Mono', Courier, monospace; |
| 104 font-size: 12pt; |
| 105 letter-spacing: 3.13px; |
| 106 white-space: pre; |
| 107 } |
| 108 #braille-cells { |
| 109 height: 17px; |
| 110 line-height: 17px; |
| 111 font-family: 'Droid Sans Mono', Courier, monospace; |
| 112 font-size: 13pt; |
| 113 white-space: pre; |
| 114 } |
| 115 </style> |
17 | 116 |
18 </head> | 117 </head> |
19 | 118 |
20 <html> | 119 <html> |
21 | 120 |
22 <body> | 121 <body> |
23 <div id="main"> | 122 <div id="main"> |
24 <div hidden id="menus_title" class="i18n" msgid="menus_title"></div> | 123 <div hidden id="menu_title" class="i18n" msgid="menu_title"></div> |
25 <button id="menus_button" aria-labelledby="menus_title"> | 124 <button id="menu" aria-labelledby="menu_title"> |
26 <img id="chromevox" src="/images/chromevox-19.png"> | 125 <img id="chromevox" src="/images/chromevox-19.png"> |
27 <img id="triangle" src="/images/triangle-6.png"> | 126 <img id="triangle" src="/images/triangle-6.png"> |
28 </button> | 127 </button> |
29 <div id="caption"> | 128 <div id="caption"> |
30 <div id="speech-container"> | 129 <div id="speech-container"> |
31 <div id="speech"></div> | 130 <div id="speech"></div> |
32 </div> | 131 </div> |
33 <div id="braille-container"> | 132 <div id="braille-container"> |
34 <div id="braille-text"></div> | 133 <div id="braille-text"></div> |
35 <div id="braille-cells"></div> | 134 <div id="braille-cells"></div> |
36 </div> | 135 </div> |
37 </div> | 136 </div> |
38 <div id="options_close"> | 137 <div id="options_close"> |
39 <div hidden id="options_title" class="i18n" msgid="options"></div> | 138 <div hidden id="options_title" class="i18n" msgid="options"></div> |
40 <button id="options" aria-labelledby="options_title"></button> | 139 <button id="options" aria-labelledby="options_title"></button> |
41 <div hidden id="disable_chromevox_title" class="i18n" | 140 <div hidden id="disable_chromevox_title" class="i18n" |
42 msgid="disable_chromevox"></div> | 141 msgid="disable_chromevox"></div> |
43 <button id="close" aria-labelledby="disable_chromevox_title"></button> | 142 <button id="close" aria-labelledby="disable_chromevox_title"></button> |
44 </div> | 143 </div> |
45 </div> | 144 </div> |
46 <div id="menus_background"> | |
47 <div id="menu-bar" aria-role="menubar"> | |
48 </div> | |
49 </div> | |
50 </body> | 145 </body> |
51 </html> | 146 </html> |
OLD | NEW |