| 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 pseudo-elements not selectable by *. */ | 6 * *::after and *::before used to select pseudo-elements not selectable by *. */ |
| 7 | 7 |
| 8 *, | 8 *, |
| 9 *::after, | 9 *::after, |
| 10 *::before { | 10 *::before { |
| (...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 66 border-spacing: 0; | 66 border-spacing: 0; |
| 67 } | 67 } |
| 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, | |
| 77 html { | 76 html { |
| 78 font-size: 14px; | 77 font-size: 14px; |
| 78 } |
| 79 |
| 80 body { |
| 79 height: 100%; | 81 height: 100%; |
| 80 line-height: 1.4; | 82 line-height: 1.4; |
| 81 text-rendering: optimizeLegibility; | 83 text-rendering: optimizeLegibility; |
| 82 overflow-x: hidden; | 84 overflow-x: hidden; |
| 83 -webkit-overflow-scrolling: touch; | 85 -webkit-overflow-scrolling: touch; |
| 84 } | 86 } |
| 85 | 87 |
| 86 /* Classes for light, dark and sepia themes. | 88 /* Classes for light, dark and sepia themes. |
| 87 * Must agree with classes returned by useTheme() in dom_distiller_viewer.js | 89 * Must agree with classes returned by useTheme() in dom_distiller_viewer.js |
| 88 * and with CSS class constants in viewer.cc */ | 90 * and with CSS class constants in viewer.cc */ |
| (...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 144 h6 { | 146 h6 { |
| 145 line-height: 1.296; | 147 line-height: 1.296; |
| 146 margin-bottom: 0.444rem; | 148 margin-bottom: 0.444rem; |
| 147 } | 149 } |
| 148 | 150 |
| 149 /* Content. */ | 151 /* Content. */ |
| 150 | 152 |
| 151 /* Margins for Show Original link. */ | 153 /* Margins for Show Original link. */ |
| 152 | 154 |
| 153 #showOriginal { | 155 #showOriginal { |
| 154 margin: auto 1.296rem 1.296rem 1.296rem; | 156 margin: auto 1.296rem 1.296rem 5%; |
| 155 } | 157 } |
| 156 | 158 |
| 157 #content { | 159 #content { |
| 158 margin: 0.2rem; | 160 margin: 0.2rem 2.2%; |
| 159 } | 161 } |
| 160 | 162 |
| 161 /* Main margins. */ | 163 /* Main margins. */ |
| 162 | 164 |
| 163 body { | 165 body { |
| 164 max-width: 800px; | 166 max-width: 800px; |
| 165 margin: 0px; | 167 margin: 0px; |
| 166 } | 168 } |
| 167 | 169 |
| 168 #mainContent { | 170 #mainContent { |
| (...skipping 149 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 318 background-color: #4285F4; | 320 background-color: #4285F4; |
| 319 clear: both; | 321 clear: both; |
| 320 color: #fff; | 322 color: #fff; |
| 321 display: none; | 323 display: none; |
| 322 height: 120px; | 324 height: 120px; |
| 323 margin-top: -120px; | 325 margin-top: -120px; |
| 324 width: 100%; | 326 width: 100%; |
| 325 } | 327 } |
| 326 | 328 |
| 327 .feedbackContent { | 329 .feedbackContent { |
| 330 font-size: 14px; |
| 328 background-color: #4285F4; | 331 background-color: #4285F4; |
| 329 clear: both; | 332 clear: both; |
| 330 padding: 14px; | 333 padding: 14px; |
| 331 } | 334 } |
| 332 | 335 |
| 333 #feedbackQuestion { | 336 #feedbackQuestion { |
| 334 font-size: 20px; | 337 font-size: 1.4em; |
| 335 font-weight: 700; | 338 font-weight: 700; |
| 336 text-align: center; | 339 text-align: center; |
| 337 width: 100%; | 340 width: 100%; |
| 338 } | 341 } |
| 339 | 342 |
| 340 .feedbackButtonWrap { | 343 .feedbackButtonWrap { |
| 341 margin-top: 14px; | 344 margin-top: 14px; |
| 342 text-align: center; | 345 text-align: center; |
| 343 width: 100%; | 346 width: 100%; |
| 344 } | 347 } |
| (...skipping 449 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 794 border-color: rgb(250,36,36); | 797 border-color: rgb(250,36,36); |
| 795 } | 798 } |
| 796 | 799 |
| 797 #loader.red .circle.red .mask.first .mover { | 800 #loader.red .circle.red .mask.first .mover { |
| 798 background-color: rgb(33,89,189); | 801 background-color: rgb(33,89,189); |
| 799 } | 802 } |
| 800 | 803 |
| 801 #loader.red .circle.red .mask.second .mover { | 804 #loader.red .circle.red .mask.second .mover { |
| 802 background-color: rgb(250,36,36); | 805 background-color: rgb(250,36,36); |
| 803 } | 806 } |
| OLD | NEW |