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 @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 Loading... | |
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 Loading... | |
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 Loading... | |
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 } |
OLD | NEW |