1 files changed, 26 insertions, 0 deletions
diff --git a/ui/webui/resources/css/butter_bar.css b/ui/webui/resources/css/butter_bar.css
new file mode 100644
index 0000000..84ad941
--- /dev/null
+++ b/ui/webui/resources/css/butter_bar.css
@@ -0,0 +1,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;
+}