| 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 |