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 * Incognito and guest mode NTP shared CSS. | 5 * Incognito and guest mode NTP shared CSS. |
| 6 */ | 6 */ |
| 7 | 7 |
| 8 html { | 8 h1 { |
| 9 background: #fafafa; | 9 font-size: 200%; |
| 10 font-weight: normal; | |
| 11 margin-bottom: 1.33em; | |
| 10 } | 12 } |
| 11 | 13 |
| 12 body { | 14 p { |
| 13 line-height: 1.5; | 15 line-height: 1.7; |
| 14 } | 16 margin-bottom: 2em; |
| 15 | 17 text-align: start; |
| 16 h1 { | |
| 17 font-size: 1.7em; | |
| 18 font-weight: normal; | |
| 19 line-height: 1.2em; | |
| 20 margin-top: 0; | |
| 21 } | 18 } |
| 22 | 19 |
| 23 a { | 20 a { |
| 24 color: rgb(39, 110, 242); | 21 font-size: 108.3%; |
| 25 text-decoration: none; | 22 text-decoration: none; |
| 23 text-transform: uppercase; | |
| 26 } | 24 } |
| 27 | 25 |
| 28 a:hover { | 26 a:hover { |
| 29 text-decoration: underline; | 27 text-decoration: underline; |
| 30 } | 28 } |
| 31 | 29 |
| 32 .content { | 30 .content { |
| 33 background-color: white; | 31 box-sizing: border-box; |
| 32 margin: 3.5em auto 0; | |
| 33 max-width: 420px; | |
| 34 padding: 30px 35px; | |
| 35 text-align: center; | |
| 36 width: 100%; | |
| 37 } | |
| 38 | |
| 39 html[hasCustomBackground='true'] .content { | |
|
Dan Beam
2015/11/20 00:48:45
nit: think we try to use lowercaseforhtmlattribute
Evan Stade
2015/11/20 22:05:17
Done.
| |
| 34 border-radius: 2px; | 40 border-radius: 2px; |
| 35 box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14); | 41 box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.4); |
| 36 box-sizing: border-box; | |
| 37 color: black; | |
| 38 line-height: 1.5; | |
| 39 margin: 5.5em auto 0; | |
| 40 max-width: 640px; | |
| 41 padding: 30px 35px 30px 37px; | |
| 42 width: 100%; | |
| 43 } | 42 } |
| 44 | 43 |
| 45 .content > span { | 44 .content > span { |
| 46 display: block; | 45 display: block; |
| 47 } | 46 } |
| 48 | 47 |
| 49 .content p:last-child { | |
| 50 margin-bottom: 4px; | |
| 51 } | |
| 52 | |
| 53 @media (max-width:700px) { | 48 @media (max-width:700px) { |
| 54 body { | 49 body { |
| 55 margin: 1em 2em 2em; | 50 margin: 1em 2em 2em; |
| 56 } | 51 } |
| 57 } | 52 } |
| 58 | 53 |
| 59 @media (max-width:400px) { | 54 @media (max-width:400px) { |
| 60 body { | 55 body { |
| 61 margin: 3em 1.5em 2em; | 56 margin: 3em 1.5em 2em; |
| 62 } | 57 } |
| 63 } | 58 } |
| 64 | 59 |
| 65 @media (max-height:480px) and (max-width:400px) { | 60 @media (max-height:480px) and (max-width:400px) { |
| 66 .content { | 61 .content { |
| 67 margin: auto; | 62 margin: auto; |
| 68 } | 63 } |
| 69 } | 64 } |
| OLD | NEW |