summaryrefslogtreecommitdiffstats
path: root/chromium/chrome/browser/resources/ntp4/incognito_tab.css
diff options
context:
space:
mode:
Diffstat (limited to 'chromium/chrome/browser/resources/ntp4/incognito_tab.css')
-rw-r--r--chromium/chrome/browser/resources/ntp4/incognito_tab.css46
1 files changed, 41 insertions, 5 deletions
diff --git a/chromium/chrome/browser/resources/ntp4/incognito_tab.css b/chromium/chrome/browser/resources/ntp4/incognito_tab.css
index c2beff126d3..a5f3cbb6931 100644
--- a/chromium/chrome/browser/resources/ntp4/incognito_tab.css
+++ b/chromium/chrome/browser/resources/ntp4/incognito_tab.css
@@ -8,12 +8,16 @@ body {
margin: 0;
}
+[hidden] {
+ display: none !important;
+}
+
/** Typography -------------------------------------------------------------- */
.content {
/* This is identical to the default background color. It's necessary to set it
for the case when a theme with a background image is installed. */
- background-color: rgb(50, 54, 57);
+ background-color: rgb(53, 54, 58);
color: rgb(232, 234, 237); /* --google-grey-200 */
font-size: calc(100% - 2px);
line-height: calc(100% + 6px);
@@ -96,6 +100,34 @@ em {
}
}
+/** Cookie Controls --------------------------------------------------------- */
+
+#cookie-controls {
+ align-items: center;
+ background-color: rgb(60, 64, 67); /* --google-grey-800 */
+ border-radius: 4px;
+ box-sizing: border-box;
+ display: flex;
+ padding: 12px 20px;
+}
+
+#cookie-controls-description {
+ flex: 1;
+ padding-inline-end: 20px;
+}
+
+#cookie-controls-description em {
+ display: block;
+}
+
+#cookie-controls-toggle {
+ flex: none;
+}
+
+#cookie-controls-toggle:not(:defined) {
+ width: 34px;
+}
+
/** Layout ------------------------------------------------------------------ */
/* Align the content, icon, and title to to the center. */
@@ -167,7 +199,8 @@ h1 {
.icon,
h1,
#subtitle,
- .bulletpoints {
+ .bulletpoints,
+ #cookie-controls {
margin-bottom: 1.5rem;
}
@@ -209,7 +242,8 @@ h1 {
.learn-more-button,
.bulletpoints,
- .icon {
+ .icon,
+ #cookie-controls {
margin-bottom: 16px;
}
}
@@ -230,7 +264,8 @@ h1 {
}
.bulletpoints,
- .learn-more-button {
+ .learn-more-button,
+ #cookie-controls {
margin-bottom: 1.5rem;
}
@@ -248,7 +283,8 @@ h1 {
}
.bulletpoints,
- .learn-more-button {
+ .learn-more-button,
+ #cookie-controls {
margin-bottom: 1rem;
}
}