diff options
| author | dubroy@chromium.org <dubroy@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2013-03-07 13:22:22 +0000 |
|---|---|---|
| committer | dubroy@chromium.org <dubroy@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2013-03-07 13:22:22 +0000 |
| commit | 8069ae908485a2ec6a505be11d97758d678ec3d2 (patch) | |
| tree | 066b7b6c3499987c85d5b2326f5ea1855f04f4a5 /ui/webui/resources/css | |
| parent | 4f92df8da1fc5ac5db18137a71287d73e39e48a4 (diff) | |
| download | chromium_src-8069ae908485a2ec6a505be11d97758d678ec3d2.zip chromium_src-8069ae908485a2ec6a505be11d97758d678ec3d2.tar.gz chromium_src-8069ae908485a2ec6a505be11d97758d678ec3d2.tar.bz2 | |
History: Add notification at the top when full history sync is enabled.
When full history sync is enabled, show a notification at the top of
the screen, with a link to learn more. When we are unable to fetch
results from the server, use the same style of notification.
BUG=180277
Review URL: https://codereview.chromium.org/12462005
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@186702 0039d316-1c4b-4281-b951-d872f2087c98
Diffstat (limited to 'ui/webui/resources/css')
| -rw-r--r-- | ui/webui/resources/css/butter_bar.css | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/ui/webui/resources/css/butter_bar.css b/ui/webui/resources/css/butter_bar.css new file mode 100644 index 0000000..84ad941 --- /dev/null +++ b/ui/webui/resources/css/butter_bar.css @@ -0,0 +1,26 @@ +/* + * Copyright (c) 2012 The Chromium Authors. All rights reserved. + * Use of this source code is governed by a BSD-style license that can be + * found in the LICENSE file. + */ + +/* A butter bar is an non-modal notification, usually yellow, that appears at + * the top of the screen. Generally, they should contain a single line of text, + * and one or two links at the end of the text. Example: + * <div class="butter-bar">You deleted something. <a href="#">Undo</a></div> + */ + +.butter-bar { + background-color: rgb(249, 237, 190); + border: 1px solid rgb(240, 195, 109); + border-radius: 2px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + display: inline-block; + padding: 8px 10px; + text-align: center; +} + +.butter-bar a { + margin-left: 0.45em; + text-decoration: underline; +} |