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