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

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

Issue 1298583002: Fix printing distilled pages (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 4 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 @media print {
9 #closeReaderView {
10 display: none;
11 }
12 #feedbackContainer {
13 display: none;
14 }
15 }
csaavedra 2015/08/25 14:32:13 There is already a @media print somewhere below in
wychen 2015/08/25 23:51:27 Done.
16
8 *, 17 *,
9 *::after, 18 *::after,
10 *::before { 19 *::before {
11 box-sizing: border-box; 20 box-sizing: border-box;
12 } 21 }
13 22
14 /* Remove all margins and padding from certain element and add word wrap. */ 23 /* Remove all margins and padding from certain element and add word wrap. */
15 24
16 blockquote, 25 blockquote,
17 body, 26 body,
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after
70 79
71 td, 80 td,
72 th { 81 th {
73 padding: 0.5rem; 82 padding: 0.5rem;
74 } 83 }
75 84
76 /* Base typography. */ 85 /* Base typography. */
77 86
78 html { 87 html {
79 font-size: 14px; 88 font-size: 14px;
80 height: 100%; 89 }
90
91 @media screen {
92 html {
93 height: 100%;
94 }
81 } 95 }
82 96
83 body { 97 body {
84 height: 100%; 98 height: 100%;
85 line-height: 1.714; 99 line-height: 1.714;
86 margin: 0px auto; 100 margin: 0px auto;
87 text-rendering: optimizeLegibility; 101 text-rendering: optimizeLegibility;
88 transition-property: color, background-color; 102 transition-property: color, background-color;
89 transition-duration: 0.5s; 103 transition-duration: 0.5s;
90 transition-timing-function: ease; 104 transition-timing-function: ease;
(...skipping 253 matching lines...) Expand 10 before | Expand all | Expand 10 after
344 pre code { 358 pre code {
345 border: none; 359 border: none;
346 } 360 }
347 361
348 pre { 362 pre {
349 line-height: 1.642; 363 line-height: 1.642;
350 padding: .5em; 364 padding: .5em;
351 white-space: pre-wrap; 365 white-space: pre-wrap;
352 } 366 }
353 367
354 .hidden { 368 body .hidden {
355 display: none; 369 display: none;
356 } 370 }
357 371
358 /* Footer feedback form. */ 372 /* Footer feedback form. */
359 #contentWrap { 373 #contentWrap {
360 display: flex; 374 display: flex;
361 flex-flow: column; 375 flex-flow: column;
362 min-height: 100%; 376 min-height: 100%;
363 overflow: auto; 377 overflow: auto;
364 position: relative; 378 position: relative;
365 z-index: 1; 379 z-index: 1;
366 } 380 }
367 381
368 #feedbackContainer { 382 #feedbackContainer {
369 font-size: 14px;
370 position: relative;
371 z-index: 2;
csaavedra 2015/08/25 14:32:13 Is it somehow useful to leave this empty?
wychen 2015/08/25 23:51:27 Done.
372 } 383 }
373 384
374 .footerFeedback { 385 .footerFeedback {
386 display: flex;
387 flex-flow: column;
388 font-size: 14px;
389 z-index: 2;
375 background-color: #4285F4; 390 background-color: #4285F4;
376 clear: both;
377 color: #fff; 391 color: #fff;
378 display: none;
379 height: 120px; 392 height: 120px;
380 margin-top: -120px;
381 width: 100%; 393 width: 100%;
382 } 394 }
383 395
384 .feedbackContent { 396 .feedbackContent {
385 font-size: 14px; 397 font-size: 14px;
386 background-color: #4285F4; 398 background-color: #4285F4;
387 clear: both; 399 clear: both;
388 padding: 14px; 400 padding: 14px;
389 } 401 }
390 402
(...skipping 463 matching lines...) Expand 10 before | Expand all | Expand 10 after
854 border-color: rgb(250,36,36); 866 border-color: rgb(250,36,36);
855 } 867 }
856 868
857 #loader.red .circle.red .mask.first .mover { 869 #loader.red .circle.red .mask.first .mover {
858 background-color: rgb(33,89,189); 870 background-color: rgb(33,89,189);
859 } 871 }
860 872
861 #loader.red .circle.red .mask.second .mover { 873 #loader.red .circle.red .mask.second .mover {
862 background-color: rgb(250,36,36); 874 background-color: rgb(250,36,36);
863 } 875 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698