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 |