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

Unified Diff: chrome/browser/resources/ntp4/incognito_tab.css

Issue 208683007: Update incognito and guest browsing new tab page: (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created a shared guest / incognito tab stylesheet, fixes to styles. Created 6 years, 8 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 side-by-side diff with in-line comments
Download patch
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..938eec13cca944c649d714f2f2e4475900dfdef7 100644
--- a/chrome/browser/resources/ntp4/incognito_tab.css
+++ b/chrome/browser/resources/ntp4/incognito_tab.css
@@ -2,50 +2,30 @@
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file. */
-body {
- margin: 10px 8px;
+.content > span {
+ max-width: 416px;
}
.icon {
- -webkit-margin-end: 3px;
- -webkit-margin-start: 6px;
-}
-
-html[dir='ltr'] .icon {
- -webkit-transform: scaleX(-1);
+ -webkit-margin-after: 10px;
+ -webkit-margin-before: 4px;
+ -webkit-margin-start: 25px;
+ 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);
float: right;
+ height: 128px;
+ width: 128px;
}
html[dir='rtl'] .icon {
float: left;
}
-.content {
- background-color: #eee;
- border-radius: 5px;
- color: black;
- margin-left: auto;
- margin-right: auto;
- margin-top: 66px;
- max-width: 600px;
- padding: 10px;
-}
-
-.extensions-message {
- -webkit-padding-start: 39px;
- margin-top: 15px;
- position: relative;
-}
-
-.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;
+@media (max-width:400px) {
+ .icon {
+ -webkit-margin-start: 15px;
+ height: 96px;
+ width: 96px;
+ }
}

Powered by Google App Engine
This is Rietveld 408576698