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"> |
10 | 11 |
11 <script type="text/javascript" src="../../closure/base.js"></script> | 12 <script type="text/javascript" src="../../closure/base.js"></script> |
12 <script type="text/javascript" src="../../deps.js"></script> | 13 <script type="text/javascript" src="../../deps.js"></script> |
13 <script type="text/javascript" src="panel_loader.js"></script> | 14 <script type="text/javascript" src="panel_loader.js"></script> |
14 <script type="text/javascript" src="../../chromeVoxPanelScript.js"> | 15 <script type="text/javascript" src="../../chromeVoxPanelScript.js"> |
15 </script> | 16 </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> | |
116 | 17 |
117 </head> | 18 </head> |
118 | 19 |
119 <html> | 20 <html> |
120 | 21 |
121 <body> | 22 <body> |
122 <div id="main"> | 23 <div id="main"> |
123 <div hidden id="menu_title" class="i18n" msgid="menu_title"></div> | 24 <div hidden id="menus_title" class="i18n" msgid="menus_title"></div> |
124 <button id="menu" aria-labelledby="menu_title"> | 25 <button id="menus_button" aria-labelledby="menus_title"> |
125 <img id="chromevox" src="/images/chromevox-19.png"> | 26 <img id="chromevox" src="/images/chromevox-19.png"> |
126 <img id="triangle" src="/images/triangle-6.png"> | 27 <img id="triangle" src="/images/triangle-6.png"> |
127 </button> | 28 </button> |
128 <div id="caption"> | 29 <div id="caption"> |
129 <div id="speech-container"> | 30 <div id="speech-container"> |
130 <div id="speech"></div> | 31 <div id="speech"></div> |
131 </div> | 32 </div> |
132 <div id="braille-container"> | 33 <div id="braille-container"> |
133 <div id="braille-text"></div> | 34 <div id="braille-text"></div> |
134 <div id="braille-cells"></div> | 35 <div id="braille-cells"></div> |
135 </div> | 36 </div> |
136 </div> | 37 </div> |
137 <div id="options_close"> | 38 <div id="options_close"> |
138 <div hidden id="options_title" class="i18n" msgid="options"></div> | 39 <div hidden id="options_title" class="i18n" msgid="options"></div> |
139 <button id="options" aria-labelledby="options_title"></button> | 40 <button id="options" aria-labelledby="options_title"></button> |
140 <div hidden id="disable_chromevox_title" class="i18n" | 41 <div hidden id="disable_chromevox_title" class="i18n" |
141 msgid="disable_chromevox"></div> | 42 msgid="disable_chromevox"></div> |
142 <button id="close" aria-labelledby="disable_chromevox_title"></button> | 43 <button id="close" aria-labelledby="disable_chromevox_title"></button> |
143 </div> | 44 </div> |
144 </div> | 45 </div> |
| 46 <div id="menus_background"> |
| 47 <div id="menu-bar" aria-role="menubar"> |
| 48 </div> |
| 49 </div> |
145 </body> | 50 </body> |
146 </html> | 51 </html> |
OLD | NEW |