diff options
| author | aa@chromium.org <aa@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2010-10-07 16:27:36 +0000 |
|---|---|---|
| committer | aa@chromium.org <aa@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2010-10-07 16:27:36 +0000 |
| commit | b8688a3d99b908b199e5b4270f1d5015f63baabc (patch) | |
| tree | 15743da6f3a66092f1a46073c9a81a7b040e7f6f /chrome/browser/resources/ntp/apps.css | |
| parent | 83443001357d5c54e6e58eb8a9a3d91e262b4ffc (diff) | |
| download | chromium_src-b8688a3d99b908b199e5b4270f1d5015f63baabc.zip chromium_src-b8688a3d99b908b199e5b4270f1d5015f63baabc.tar.gz chromium_src-b8688a3d99b908b199e5b4270f1d5015f63baabc.tar.bz2 | |
Implement layout of NTP apps promo. Subsequent changes will
show it at the correct time.
BUG=53972
TEST=chrome --force-apps-promo-visible, open NTP. Should see promo.
Review URL: http://codereview.chromium.org/3538014
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@61797 0039d316-1c4b-4281-b951-d872f2087c98
Diffstat (limited to 'chrome/browser/resources/ntp/apps.css')
| -rw-r--r-- | chrome/browser/resources/ntp/apps.css | 49 |
1 files changed, 48 insertions, 1 deletions
diff --git a/chrome/browser/resources/ntp/apps.css b/chrome/browser/resources/ntp/apps.css index a199154..45301ab 100644 --- a/chrome/browser/resources/ntp/apps.css +++ b/chrome/browser/resources/ntp/apps.css @@ -90,10 +90,57 @@ html[install-animation-enabled=true] .app[new=installed] { -webkit-transition: opacity .5s; } -a[app-id=web-store-entry] { +.app[app-id=web-store-entry] > a { background-image: url("web_store_icon.png"); } menu > button.default { font-weight: bold; } + +#apps-promo { + display: none; +} + +html[appspromovisible=true] #apps-promo { + display: block; +} + +#apps-promo > h3 { + font-size: 16px; + margin-top: 1em; + margin-bottom: 0.25em; +} + +#apps-promo-text1 { + margin-top: 0; +} + +#apps-promo-hide { + float: right; + -webkit-appearance: none; + -webkit-transition: opacity .15s; + background-color: transparent; + border: 0; + cursor: pointer; + font-family: inherit; + font-size: 90%; + text-decoration: underline; +} + +html[dir=rtl] #apps-promo-hide { + float: left; +} + +html[appspromovisible=true] .app[app-id=web-store-entry] { + left: 25px; +} + +html[appspromovisible=true][dir=rtl] .app[app-id=web-store-entry] { + right: 25px; +} + +html[appspromovisible=true] .app[app-id=web-store-entry] a { + font-weight: bold; +} + |