| OLD | NEW |
|---|
| (Empty) |
| 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 | |
| 6 body { | |
| 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 | |
| 24 button { | |
| 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-left: 12px; | |
| 83 } | |
| 84 | |
| 85 #speech-container { | |
| 86 height: 35px; | |
| 87 margin-left: 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 #menus_background { | |
| 127 background-color: #eee; | |
| 128 bottom: 0; | |
| 129 left: 0; | |
| 130 position: fixed; | |
| 131 right: 0; | |
| 132 top: 35px; | |
| 133 } | |
| 134 | |
| 135 #menu-bar { | |
| 136 background-color: #000; | |
| 137 display: flex; | |
| 138 height: 35px; | |
| 139 width: 100%; | |
| 140 } | |
| 141 | |
| 142 .menu-bar-item { | |
| 143 color: #fff; | |
| 144 cursor: pointer; | |
| 145 flex-grow: 1; | |
| 146 font-family: 'Roboto', sans-serif; | |
| 147 font-size: 12pt; | |
| 148 font-weight: bold; | |
| 149 height: 35px; | |
| 150 height: 35px; | |
| 151 line-height: 35px; | |
| 152 overflow: hidden; | |
| 153 padding: 0 12px; | |
| 154 text-align: center; | |
| 155 } | |
| 156 | |
| 157 .menu-bar-item.active { | |
| 158 background-color: rgb(246, 145, 57); | |
| 159 color: #fff; | |
| 160 } | |
| 161 | |
| 162 .menu-container { | |
| 163 background-color: #fff; | |
| 164 border: 1px solid #000; | |
| 165 border-top: 0; | |
| 166 overflow-x: hidden; | |
| 167 overflow-y: auto; | |
| 168 position: absolute; | |
| 169 } | |
| 170 | |
| 171 .menu { | |
| 172 border-spacing: 0; | |
| 173 } | |
| 174 | |
| 175 .menu-item { | |
| 176 color: #000; | |
| 177 cursor: pointer; | |
| 178 display: table-row; | |
| 179 font-family: 'Roboto', sans-serif; | |
| 180 font-size: 12pt; | |
| 181 height: 35px; | |
| 182 line-height: 35px; | |
| 183 margin: 0; | |
| 184 overflow: hidden; | |
| 185 padding: 0 12px; | |
| 186 } | |
| 187 | |
| 188 .menu-item:hover, | |
| 189 .menu-item.hover, | |
| 190 .menu-item:focus { | |
| 191 background-color: rgb(246, 145, 57); | |
| 192 color: #fff; | |
| 193 } | |
| 194 | |
| 195 .menu-item-title { | |
| 196 border: 0; | |
| 197 margin: 0; | |
| 198 padding: 0 18px; | |
| 199 } | |
| 200 | |
| 201 .menu-item-shortcut { | |
| 202 border: 0; | |
| 203 margin: 0; | |
| 204 padding: 0 18px 0 24px; | |
| 205 text-align: right; | |
| 206 } | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1684693002:
Revert of Implement ChromeVox Next menus. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@panel_view_type