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
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 {
24  margin-left: 0.45em;
25  text-decoration: underline;
26}
27