Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 html { | 5 html { |
| 6 height: 100%; | 6 height: 100%; |
| 7 width: 100%; | 7 width: 100%; |
| 8 } | 8 } |
| 9 | 9 |
| 10 body { | 10 body { |
| (...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 64 | 64 |
| 65 .footer { | 65 .footer { |
| 66 -webkit-flex: none; | 66 -webkit-flex: none; |
| 67 color: #646464; | 67 color: #646464; |
| 68 font-size: 1.3em; | 68 font-size: 1.3em; |
| 69 margin-top: 20px; | 69 margin-top: 20px; |
| 70 text-align: center; | 70 text-align: center; |
| 71 } | 71 } |
| 72 | 72 |
| 73 /* Logos */ | 73 /* Logos */ |
| 74 @media only screen { | |
| 75 #logo { | |
| 76 background-image: url(images/holo_logo_200.png); | |
|
Nico
2014/03/04 00:09:21
This looks slightly wrong: The way we usually do h
| |
| 77 } | |
| 78 } | |
| 79 | |
| 74 @media only screen and (-webkit-min-device-pixel-ratio: 1.0) { | 80 @media only screen and (-webkit-min-device-pixel-ratio: 1.0) { |
| 75 #logo { | 81 #logo { |
| 76 -webkit-flex-basis: 152px; | 82 -webkit-flex-basis: 152px; |
| 77 background-image: url(images/holo_logo_200.png); | |
| 78 max-width: 536px; | 83 max-width: 536px; |
| 79 } | 84 } |
| 80 } | 85 } |
| 81 @media only screen and (-webkit-min-device-pixel-ratio: 1.3) { | 86 @media only screen and (-webkit-min-device-pixel-ratio: 1.3) { |
| 82 #logo { | 87 #logo { |
| 83 -webkit-flex-basis: 114px; | 88 -webkit-flex-basis: 114px; |
| 84 background-image: url(images/holo_logo_200.png); | |
| 85 max-width: 402px; | 89 max-width: 402px; |
| 86 } | 90 } |
| 87 } | 91 } |
| 88 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { | 92 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { |
| 89 #logo { | 93 #logo { |
| 90 -webkit-flex-basis: 76px; | 94 -webkit-flex-basis: 76px; |
| 91 background-image: url(images/holo_logo_150.png); | 95 background-image: url(images/holo_logo_150.png); |
| 92 max-width: 268px; | 96 max-width: 268px; |
| 93 } | 97 } |
| 94 } | 98 } |
| 95 @media only screen and (-webkit-min-device-pixel-ratio: 2.0) { | 99 @media only screen and (-webkit-min-device-pixel-ratio: 2.0) { |
| 96 #logo { | 100 #logo { |
| 97 -webkit-flex-basis: 76px; | 101 -webkit-flex-basis: 76px; |
| 98 background-image: url(images/holo_logo_200.png); | |
| 99 max-width: 268px; | 102 max-width: 268px; |
| 100 } | 103 } |
| 101 } | 104 } |
| 102 | 105 |
| 103 /* Increase spacing on larger screens. */ | 106 /* Increase spacing on larger screens. */ |
| 104 @media only screen and (min-height: 601px) { | 107 @media only screen and (min-height: 601px) { |
| 105 body { | 108 body { |
| 106 padding: 100px 20px; | 109 padding: 100px 20px; |
| 107 } | 110 } |
| 108 | 111 |
| 109 #take-a-tour, | 112 #take-a-tour, |
| 110 #footer { | 113 #footer { |
| 111 margin-top: 60px; | 114 margin-top: 60px; |
| 112 } | 115 } |
| 113 } | 116 } |
| OLD | NEW |