OLD | NEW |
---|---|
(Empty) | |
1 /* | |
2 * Copyright (c) 2012 The Chromium Authors. All rights reserved. | |
3 * Use of this source code is governed by a BSD-style license that can be | |
4 * found in the LICENSE file. | |
5 */ | |
6 | |
7 /* 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.
| |
8 * the top of the screen. Generally, they should contain a single line of text, | |
9 * and one or two links at the end of the text. Example: | |
10 * <div class="butter-bar">You deleted something. <a href="#">Undo</a></div> | |
11 */ | |
12 | |
13 .butter-bar { | |
14 background-color: rgb(249, 237, 190); | |
15 border: 1px solid rgb(240, 195, 109); | |
16 border-radius: 2px; | |
17 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); | |
18 display: inline-block; | |
19 padding: 8px 10px; | |
20 text-align: center; | |
21 } | |
22 | |
23 .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
| |
24 margin-left: 0.45em; | |
25 text-decoration: underline; | |
26 } | |
OLD | NEW |