Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(48)

Side by Side Diff: components/dom_distiller/core/css/distilledpage.css

Issue 1009703002: Changing font size with pinch gesture in Reader Mode (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: remove redundant code, use const in js, fix feedback font size Created 5 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698