1/* Copyright 2016 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file.
4 */
5
6body {
7  border: 0;
8  height: 35px;
9  margin: 0;
10  overflow: hidden;
11  padding: 0;
12}
13
14#main {
15  background-color: #000;
16  display: flex;
17  height: 35px;
18  left: 0;
19  position: fixed;
20  right: 0;
21  top: 0;
22}
23
24button {
25  background-color: #000;
26  border: 0;
27  margin: 0;
28  outline: none;
29  padding: 0;
30}
31
32#menus_button {
33  height: 35px;
34  min-width: 52px;
35}
36
37#menus_button:hover {
38  background-color: rgb(246, 145, 57);
39}
40
41#options_close {
42  height: 35px;
43  min-width: 48px;
44}
45
46#chromevox {
47  height: 19px;
48  margin: 8px 0;
49  width: 19px;
50}
51
52#triangle {
53  height: 6px;
54  margin: 14px 0;
55  width: 6px;
56}
57
58#options {
59  background-image: url(/images/options-19.png);
60  height: 19px;
61  margin: 8px 0;
62  width: 19px;
63}
64
65#options:hover {
66  background-image: url(/images/options-hover-19.png);
67}
68
69#close {
70  background-image: url(/images/close-19.png);
71  height: 19px;
72  width: 19px;
73}
74
75#close:hover {
76  background-image: url(/images/close-hover-19.png);
77}
78
79#caption {
80  color: #fff;
81  flex-grow: 1;
82  margin: 0 12px;
83}
84
85#speech-container {
86  height: 35px;
87  margin: 0 12px;
88}
89
90#speech {
91  font-family: 'Roboto', sans-serif;
92  font-size: 12pt;
93  height: 35px;
94  line-height: 35px;
95  overflow: hidden;
96}
97
98.usertext {
99  font-style: italic;
100  font-weight: 700;
101}
102
103#braille-container {
104  height: 35px;
105  position: relative;
106  top: -35px;
107}
108
109#braille-text {
110  font-family: 'Droid Sans Mono', Courier, monospace;
111  font-size: 12pt;
112  height: 17px;
113  letter-spacing: 3.13px;
114  line-height: 17px;
115  white-space: pre;
116}
117
118#braille-cells {
119  font-family: 'Droid Sans Mono', Courier, monospace;
120  font-size: 13pt;
121  height: 17px;
122  line-height: 17px;
123  white-space: pre;
124}
125
126#search-container {
127  height: 35px;
128  margin: 0 12px;
129}
130
131#search {
132  background-color: #000;
133  border: 1px solid #fff;
134  color: #fff;
135  font-family: 'Roboto', sans-serif;
136  font-size: 12pt;
137  height: 35px;
138  line-height: 35px;
139  overflow: hidden;
140  width: 100%;
141}
142
143#menus_background {
144  background-color: #eee;
145  bottom: 0;
146  left: 0;
147  position: fixed;
148  right: 0;
149  top: 35px;
150}
151
152#menu-bar {
153  background-color: #000;
154  display: flex;
155  height: 35px;
156  width: 100%;
157}
158
159.menu-bar-item {
160  color: #fff;
161  cursor: pointer;
162  flex-grow: 1;
163  font-family: 'Roboto', sans-serif;
164  font-size: 12pt;
165  font-weight: bold;
166  height: 35px;
167  height: 35px;
168  line-height: 35px;
169  overflow: hidden;
170  padding: 0 12px;
171  text-align: center;
172}
173
174.menu-bar-item.active {
175  background-color: rgb(246, 145, 57);
176  color: #fff;
177}
178
179.menu-container {
180  background-color: #fff;
181  border: 1px solid #000;
182  border-top: 0;
183  overflow-x: hidden;
184  overflow-y: auto;
185  position: absolute;
186}
187
188.menu {
189  border-spacing: 0;
190}
191
192.menu-item {
193  color: #000;
194  cursor: pointer;
195  display: table-row;
196  font-family: 'Roboto', sans-serif;
197  font-size: 12pt;
198  height: 35px;
199  line-height: 35px;
200  margin: 0;
201  overflow: hidden;
202  padding: 0 12px;
203}
204
205.menu-item:hover,
206.menu-item.hover,
207.menu-item:focus {
208  background-color: rgb(246, 145, 57);
209  color: #fff;
210}
211
212.menu-item-title {
213  border: 0;
214  margin: 0;
215  padding: 0 18px;
216}
217
218.menu-item-shortcut {
219  border: 0;
220  margin: 0;
221  padding: 0 18px 0 24px;
222  text-align: right;
223}
224