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

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

Issue 1516233003: Incognito NTP style tweaks (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Reinstate Roboto and add text_defaults_md.css Created 4 years, 11 months 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 h1 { 8 h1 {
9 font-size: 200%; 9 font-size: 200%;
10 font-weight: normal; 10 font-weight: 300;
11 margin-bottom: 1.33em; 11 margin-bottom: 1.33em;
12 } 12 }
13 13
14 p { 14 p {
15 line-height: 1.7; 15 line-height: 1.5;
16 margin-bottom: 2em; 16 margin-bottom: 2em;
17 text-align: start; 17 text-align: start;
18 } 18 }
19 19
20 a { 20 a {
21 font-size: 108.3%; 21 font-size: 108.3%;
22 text-decoration: none; 22 text-decoration: none;
23 text-transform: uppercase; 23 text-transform: uppercase;
24 } 24 }
25 25
26 a:hover { 26 a:hover {
27 text-decoration: underline; 27 text-decoration: underline;
28 } 28 }
29 29
30 .content { 30 .content {
31 box-sizing: border-box; 31 box-sizing: border-box;
32 font-family: Roboto;
Dan Beam 2016/01/12 23:05:52 do you need this if you're pulling in text_default
edwardjung 2016/01/13 21:24:07 Removed, it's working without.
32 margin: 3.5em auto 0; 33 margin: 3.5em auto 0;
34 max-width: 420px;
35 min-width: 240px;
33 padding: 30px 35px; 36 padding: 30px 35px;
34 text-align: center; 37 text-align: center;
35 width: 420px;
36 } 38 }
37 39
38 html[hascustombackground='true'] .content { 40 html[hascustombackground='true'] .content {
39 border-radius: 2px; 41 border-radius: 2px;
40 box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.4); 42 box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.4);
41 } 43 }
42 44
43 .content > span { 45 .content > span {
44 display: block; 46 display: block;
45 } 47 }
46 48
47 @media (max-width:700px) { 49 @media (max-width:700px) {
48 body { 50 body {
49 margin: 1em 2em 2em; 51 margin: 1em 2em 2em;
50 } 52 }
51 } 53 }
52 54
53 @media (max-width:400px) { 55 @media (max-width:400px) {
54 body { 56 body {
55 margin: 3em 1.5em 2em; 57 margin: 3em 1.5em 2em;
56 } 58 }
59
60 /* Adjustment for narrow screen to prevent horizontal scrollbar. */
61 .content {
62 padding: 16px 8px;
63 }
57 } 64 }
58 65
59 @media (max-height:480px) and (max-width:400px) { 66 @media (max-height:480px) and (max-width:400px) {
60 .content { 67 .content {
61 margin: auto; 68 margin: auto;
62 } 69 }
63 } 70 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698