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
