ui/webui/resources/css/butter_bar.css

   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 }