Chromium Code Reviews| Index: chrome/browser/resources/shared/css/butter_bar.css |
| diff --git a/chrome/browser/resources/shared/css/butter_bar.css b/chrome/browser/resources/shared/css/butter_bar.css |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..84ad94190f64707f3aa67dad4f08a340ecbe5128 |
| --- /dev/null |
| +++ b/chrome/browser/resources/shared/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 |
|
James Hawkins
2012/02/22 19:45:09
s/an/a/
Patrick Dubroy
2012/02/23 14:55:44
Done.
|
| + * 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 { |
|
James Hawkins
2012/02/22 19:45:09
This should likely use a different color than blac
Patrick Dubroy
2012/02/23 14:55:44
It shouldn't be black, unless that's the style inh
Nikita (slow)
2012/02/23 14:58:51
Should probably follow notification stlyle that we
|
| + margin-left: 0.45em; |
| + text-decoration: underline; |
| +} |