| OLD | NEW |
| 1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 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 /* Set the global 'box-sizing' state to 'border-box'. | 5 /* Set the global 'box-sizing' state to 'border-box'. |
| 6 * *::after and *::before used to select psuedo-elements not selectable by *. */ | 6 * *::after and *::before used to select psuedo-elements not selectable by *. */ |
| 7 | 7 |
| 8 *, | 8 *, |
| 9 *::after, | 9 *::after, |
| 10 *::before { | 10 *::before { |
| (...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 68 | 68 |
| 69 td, | 69 td, |
| 70 th { | 70 th { |
| 71 padding: 0; | 71 padding: 0; |
| 72 } | 72 } |
| 73 | 73 |
| 74 /* Base typography. */ | 74 /* Base typography. */ |
| 75 | 75 |
| 76 body, | 76 body, |
| 77 html { | 77 html { |
| 78 font-family: 'Open Sans', sans-serif; | |
| 79 font-size: 14px; | 78 font-size: 14px; |
| 80 line-height: 1.4; | 79 line-height: 1.4; |
| 81 text-rendering: optimizeLegibility; | 80 text-rendering: optimizeLegibility; |
| 82 overflow-x: hidden; | 81 overflow-x: hidden; |
| 83 } | 82 } |
| 84 | 83 |
| 85 /* Classes for light, dark and sepia themes. | 84 /* Classes for light, dark and sepia themes. |
| 86 * Must agree with classes returned by useTheme() in dom_distiller_viewer.js | 85 * Must agree with classes returned by useTheme() in dom_distiller_viewer.js |
| 87 * and with CSS class constants in viewer.cc */ | 86 * and with CSS class constants in viewer.cc */ |
| 88 | 87 |
| 89 .light { | 88 .light { |
| 90 color: #333; | 89 color: #333; |
| 91 background-color: #FFF; | 90 background-color: #FFF; |
| 92 } | 91 } |
| 93 | 92 |
| 94 .dark { | 93 .dark { |
| 95 color: #FFF; | 94 color: #FFF; |
| 96 background-color: #000; | 95 background-color: #000; |
| 97 } | 96 } |
| 98 | 97 |
| 99 .sepia { | 98 .sepia { |
| 100 color: #000; | 99 color: #000; |
| 101 background-color: rgb(203, 173, 141); | 100 background-color: rgb(203, 173, 141); |
| 102 } | 101 } |
| 103 | 102 |
| 103 .serif { |
| 104 font-family: serif; |
| 105 } |
| 106 |
| 107 .sans-serif { |
| 108 font-family: 'Open Sans', sans-serif; |
| 109 } |
| 110 |
| 111 .monospace { |
| 112 font-family: monospace; |
| 113 } |
| 114 |
| 104 /* Define vertical rhythm (baseline grid of 4px). */ | 115 /* Define vertical rhythm (baseline grid of 4px). */ |
| 105 | 116 |
| 106 blockquote, | 117 blockquote, |
| 107 caption, | 118 caption, |
| 108 code, | 119 code, |
| 109 dd, | 120 dd, |
| 110 dl, | 121 dl, |
| 111 fieldset, | 122 fieldset, |
| 112 figure, | 123 figure, |
| 113 form, | 124 form, |
| (...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 250 | 261 |
| 251 pre { | 262 pre { |
| 252 line-height: 1.296rem; | 263 line-height: 1.296rem; |
| 253 overflow-x: scroll; | 264 overflow-x: scroll; |
| 254 padding: .5em; | 265 padding: .5em; |
| 255 } | 266 } |
| 256 | 267 |
| 257 .hidden { | 268 .hidden { |
| 258 display: none; | 269 display: none; |
| 259 } | 270 } |
| OLD | NEW |