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

Side by Side Diff: chrome/browser/resources/ntp4/incognito_and_guest_tab.css

Issue 1440113002: [MD] Change appearance of incognito NTP to MD spec. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: cant remember if i changed anything Created 5 years, 1 month 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 * 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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698