ui/webui/resources/css/apps/topbutton_bar.css

   1 /* Copyright 2013 The Chromium Authors. All rights reserved.
   2  * Use of this source code is governed by a BSD-style license that can be
   3  * found in the LICENSE file. */
   4
   5 .topbutton-bar {
   6   -webkit-box-align: center;
   7   display: -webkit-box;
   8 }
   9
  10 .topbutton-bar button {
  11   -webkit-app-region: no-drag;
  12   -webkit-box-shadow: none;
  13   -webkit-margin-end: 10px;
  14   background-color: transparent;
  15   background-image: none;
  16   background-position: center;
  17   background-repeat: no-repeat;
  18   border: 0;
  19   display: block;
  20   height: 32px;
  21   min-width: 0;
  22   outline: none;
  23   padding: 0;
  24   width: 32px;
  25 }
  26
  27 .topbutton-bar button:active {
  28   -webkit-box-shadow:
  29     0 1px 0 0 #c2c2c2 inset,
  30     0 0 0 1px #dedede inset;
  31 }
  32
  33 .topbutton-bar button:hover,
  34 .topbutton-bar button:focus,
  35 .topbutton-bar button:active {
  36   background-color: #ededed;
  37 }
  38
  39 .topbutton-bar .maximize-button {
  40   background-image: -webkit-image-set(
  41       url('chrome://resources/images/apps/topbar_button_maximize.png') 1x,
  42       url('chrome://resources/images/2x/apps/topbar_button_maximize.png') 2x);
  43 }
  44
  45 .topbutton-bar .minimize-button {
  46   background-image: -webkit-image-set(
  47       url('chrome://resources/images/apps/topbar_button_minimize.png') 1x,
  48       url('chrome://resources/images/2x/apps/topbar_button_minimize.png') 2x);
  49 }
  50
  51 .topbutton-bar .close-button {
  52   background-image: -webkit-image-set(
  53       url('chrome://resources/images/apps/topbar_button_close.png') 1x,
  54       url('chrome://resources/images/2x/apps/topbar_button_close.png') 2x);
  55 }
  56
  57 .topbutton-bar .gear-button {
  58   background-image: -webkit-image-set(
  59       url('chrome://resources/images/apps/topbar_button_settings.png') 1x,
  60       url('chrome://resources/images/2x/apps/topbar_button_settings.png') 2x);
  61 }