Index: chrome/browser/resources/ntp4/incognito_tab.css |
diff --git a/chrome/browser/resources/ntp4/incognito_tab.css b/chrome/browser/resources/ntp4/incognito_tab.css |
index 5acb539c885feb5fda55a1b0b4f21d470729bba4..9a60421012241bd50aaa51d0d44062c49ffce47b 100644 |
--- a/chrome/browser/resources/ntp4/incognito_tab.css |
+++ b/chrome/browser/resources/ntp4/incognito_tab.css |
@@ -2,50 +2,104 @@ |
* Use of this source code is governed by a BSD-style license that can be |
* found in the LICENSE file. */ |
+html { |
+ background: #fafafa !important; |
+} |
+ |
body { |
- margin: 10px 8px; |
+ font-family: Arial, sans-serif; |
+ font-size: 75%; |
+ line-height: 1.5; |
+} |
+ |
+h1 { |
+ color: #000; |
+ font-size: 1.7em; |
+ font-weight: normal; |
+ line-height: 1.2em; |
+ margin: 0 0 .7em; |
+} |
+ |
+a { |
+ color: rgb(66, 129, 244); |
+ text-decoration: none; |
+} |
+ |
+a:hover { |
+ text-decoration: underline; |
+} |
+ |
+p { |
+ margin: 0 0 1em; |
} |
.icon { |
- -webkit-margin-end: 3px; |
- -webkit-margin-start: 6px; |
+ content: -webkit-image-set( |
+ url('../../../browser/resources/ntp4/images/incognito_illustration_sml.png') 1x, |
+ url('../../../browser/resources/ntp4/images/2x/incognito_illustration_sml.png') 2x); |
+ height: 128px; |
+ width: 128px; |
} |
html[dir='ltr'] .icon { |
- -webkit-transform: scaleX(-1); |
float: right; |
+ margin: 4px 0 10px 25px; |
} |
html[dir='rtl'] .icon { |
float: left; |
+ margin: 4px 35px 10px 0; |
} |
.content { |
- background-color: #eee; |
- border-radius: 5px; |
+ background-color: #fff; |
+ border-radius: 2px; |
+ box-shadow: 0 4px 6px 1px rgba(50, 50, 50, 0.14); |
+ box-sizing: border-box; |
color: black; |
- margin-left: auto; |
- margin-right: auto; |
- margin-top: 66px; |
- max-width: 600px; |
- padding: 10px; |
+ line-height: 1.5; |
+ margin: 5.5em auto 0; |
+ max-width: 640px; |
+ padding: 30px 35px 30px 37px; |
+ width: 100%; |
} |
-.extensions-message { |
- -webkit-padding-start: 39px; |
- margin-top: 15px; |
- position: relative; |
+.content > span { |
+ display: block; |
+ max-width: 416px; |
} |
-.extension-icon { |
- content: -webkit-image-set( |
- url('../../../app/theme/default_100_percent/extensions_section.png') 1x, |
- url('../../../app/theme/default_200_percent/extensions_section.png') 2x); |
- display: inline-block; |
- left: 0; |
- margin-top: -15px; |
- position: absolute; |
- right: 0; |
- top: 50%; |
- width: 30px; |
+.content p:last-child { |
+ margin-bottom: 4px; |
+} |
+ |
+@media (max-width:700px) { |
+ body { |
+ margin: 3em 2em 2em; |
+ } |
+} |
+ |
+@media (max-width:400px) { |
+ body { |
+ margin: 3em 1.5em 2em; |
+ } |
+ |
+ .icon { |
+ height: 96px; |
+ width: 96px; |
+ } |
+ |
+ html[dir='ltr'] .icon { |
+ margin: 4px 0 10px 15px; |
+ } |
+ |
+ html[dir='rtl'] .icon { |
+ margin: 4px 15px 10px 0; |
+ } |
+} |
+ |
+@media (max-height:480px) and (max-width:400px) { |
+ .content { |
+ margin: auto; |
+ } |
} |