| 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;
|
| + }
|
| }
|
|
|