summaryrefslogtreecommitdiffstats
path: root/ui/webui/resources/css/butter_bar.css
blob: 84ad94190f64707f3aa67dad4f08a340ecbe5128 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
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
 * 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 {
  margin-left: 0.45em;
  text-decoration: underline;
}