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

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

Issue 12985002: Add a new App launcher promo to the apps page / NTP. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Fixed unit tests. Created 7 years, 9 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/apps_page.css
diff --git a/chrome/browser/resources/ntp4/apps_page.css b/chrome/browser/resources/ntp4/apps_page.css
index dbea2ba6480dfe78b00f9bbc2ca5a6bc8579ea5e..673c44568fb730708b86c710a02d3c0fdf48a585 100644
--- a/chrome/browser/resources/ntp4/apps_page.css
+++ b/chrome/browser/resources/ntp4/apps_page.css
@@ -99,3 +99,69 @@
.app .invisible {
visibility: hidden;
}
+
+.app-launcher-promo {
+ background-color: white;
+ border: 1px solid lightgray;
+ border-bottom-width: 3px;
+ border-radius: 2px;
+ border-top-width: 2px;
+ bottom: 90px;
+ height: 120px;
+ left: 50%;
+ margin-left: -300px;
+ position: fixed;
+ width: 600px;
+}
+
+.app-launcher-promo > .close-button {
+ position: absolute;
+ right: 10px;
+ top: 10px;
+ width: 14px;
+}
+
+.apps-promo-text {
+ color: #222;
+ font: 16px normal Arial, Helvetica, sans-serif;
+ left: 30px;
+ line-height: 24px;
+ position: absolute;
+ top: 30px;
+}
+
+.apps-promo-learn-more {
+ background-color: rgb(77, 144, 254);
+ border: 1px solid rgb(47, 91, 183);
+ border-radius: 2px;
+ box-shadow: rgba(0, 0, 0, 0.0980392) 0 1px 1px 0;
+ color: white;
+ cursor: default;
+ font: normal bold 11px Arial, Helvetica, sans-serif;
+ height: 27px;
+ left: 30px;
+ line-height: 27px;
+ margin: 0;
+ outline-color: white;
+ outline-style: none;
+ outline-width: 0;
+ padding: 0 8px;
+ position: absolute;
+ text-align: center;
+ text-decoration: none;
+ top: 70px;
+ vertical-align: baseline;
+ width: 90px;
+}
+
+.apps-promo-learn-more:hover {
+ background-image: -webkit-linear-gradient(
+ top, rgb(77, 144, 254), rgb(53, 122, 232));
+ border: 1px solid rgb(47, 91, 183);
+}
+
+.app-launcher-promo > img {
+ bottom: 0;
+ position: absolute;
+ right: 30px;
+}

Powered by Google App Engine
This is Rietveld 408576698