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

Unified Diff: chrome/browser/resources/ntp4/guest_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: Wrap to 80 chars 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/guest_tab.css
diff --git a/chrome/browser/resources/ntp4/guest_tab.css b/chrome/browser/resources/ntp4/guest_tab.css
index ae24211242a82655230bcc71da188add71a12e7a..b50e974d99e84d0c42583fde4987e3dc3b67ea6f 100644
--- a/chrome/browser/resources/ntp4/guest_tab.css
+++ b/chrome/browser/resources/ntp4/guest_tab.css
@@ -2,30 +2,68 @@
* 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;
+ line-height: 1.5;
+}
+
+h1 {
+ color: #000;
+ font-size: 1.7em !important;
+ font-weight: normal;
+ line-height: 1.2em;
+ margin: 0 0 .6em;
}
-.icon {
- -webkit-margin-end: 3px;
- -webkit-margin-start: 6px;
+a {
+ color: rgb(39, 110, 242);
+ text-decoration: none;
}
-html[dir='ltr'] .icon {
- float: right;
+a:hover {
+ text-decoration: underline;
}
-html[dir='rtl'] .icon {
- float: left;
+p {
+ margin: 0 0 1em;
}
.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: 630px;
+ padding: 30px 35px 30px 37px;
+ width: 100%;
+}
+
+.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;
+ }
+}
+
+@media (max-height:480px) and (max-width:400px) {
+ .content {
+ margin: auto;
+ }
}

Powered by Google App Engine
This is Rietveld 408576698