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