| OLD | NEW |
| 1 /* Copyright 2016 The Chromium Authors. All rights reserved. | 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 | 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 | 4 |
| 5 body { | 5 body { |
| 6 border: 0; | 6 border: 0; |
| 7 height: 35px; | 7 height: 35px; |
| 8 margin: 0; | 8 margin: 0; |
| 9 overflow: hidden; | 9 overflow: hidden; |
| 10 padding: 0; | 10 padding: 0; |
| (...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 94 overflow: hidden; | 94 overflow: hidden; |
| 95 } | 95 } |
| 96 | 96 |
| 97 .usertext { | 97 .usertext { |
| 98 font-style: italic; | 98 font-style: italic; |
| 99 font-weight: 700; | 99 font-weight: 700; |
| 100 } | 100 } |
| 101 | 101 |
| 102 #braille-container { | 102 #braille-container { |
| 103 height: 35px; | 103 height: 35px; |
| 104 overflow: hidden; |
| 104 position: relative; | 105 position: relative; |
| 105 top: -35px; | 106 top: -35px; |
| 106 } | 107 } |
| 107 | 108 |
| 109 #braille-container * { |
| 110 border-spacing: 0; |
| 111 color: #fff; |
| 112 } |
| 113 |
| 114 #braille-table-holder-outer { |
| 115 display: flex; |
| 116 height: 100%; |
| 117 overflow: scroll; |
| 118 padding-bottom: 17px; |
| 119 padding-right: 17px; |
| 120 width: 100%; |
| 121 } |
| 122 |
| 123 .braille-table-holder { |
| 124 flex-grow: 1; |
| 125 } |
| 126 |
| 108 #braille-text { | 127 #braille-text { |
| 109 font-family: 'Droid Sans Mono', Courier, monospace; | 128 font-family: 'Droid Sans Mono', Courier, monospace; |
| 110 font-size: 12pt; | 129 font-size: 12pt; |
| 111 height: 17px; | 130 height: 17px; |
| 112 letter-spacing: 3.13px; | 131 letter-spacing: 3.13px; |
| 113 line-height: 17px; | 132 line-height: 17px; |
| 114 white-space: pre; | 133 white-space: pre; |
| 115 } | 134 } |
| 116 | 135 |
| 117 #braille-cells { | 136 #braille-cells { |
| (...skipping 174 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 292 #tutorial_footer button { | 311 #tutorial_footer button { |
| 293 background-color: #fff; | 312 background-color: #fff; |
| 294 border: 1px solid #000; | 313 border: 1px solid #000; |
| 295 font-family: 'Roboto', sans-serif; | 314 font-family: 'Roboto', sans-serif; |
| 296 font-size: 20pt; | 315 font-size: 20pt; |
| 297 height: 2em; | 316 height: 2em; |
| 298 margin: 0 24px; | 317 margin: 0 24px; |
| 299 width: 8em; | 318 width: 8em; |
| 300 } | 319 } |
| 301 | 320 |
| 302 table#braille-table { | 321 .highlighted-cell { |
| 303 border: none; | 322 border: 1px solid white; |
| 304 border-spacing: 0; | |
| 305 } | 323 } |
| 306 | 324 |
| 307 table#braille-table * { | 325 .unhighlighted-cell { |
| 308 color: #fff; | 326 border: 1px solid black; |
| 309 } | 327 } |
| 310 | |
| 311 table#braille-table tr:first-child { | |
| 312 font-size: 85%; | |
| 313 } | |
| OLD | NEW |