Chromium Code Reviews| 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 |