ui/webui/resources/css/trash.css

   1 /* Copyright (c) 2012 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 .trash {
   6   -webkit-appearance: none;
   7   background: none;
   8   border: none;
   9   cursor: pointer;
  10   display: inline-block;
  11   outline: none;
  12   padding: 0;
  13   position: relative;
  14   width: 30px;
  15 }
  16
  17 .trash > span {
  18   display: inline-block;
  19 }
  20
  21 .trash > .can,
  22 .trash > .lid {
  23   background: url(chrome://resources/images/trash.png) 0 0 no-repeat;
  24   left: 8px;
  25   position: absolute;
  26   right: 8px;
  27   top: 2px;
  28 }
  29
  30 .trash > .lid {
  31   -webkit-transform-origin: -7% 100%;
  32   -webkit-transition: -webkit-transform 150ms;
  33   height: 6px;
  34   width: 14px;
  35 }
  36
  37 html[dir='rtl'] .trash > .lid {
  38   -webkit-transform-origin: 107% 100%;
  39 }
  40
  41 .trash:-webkit-any(:focus, :hover, .open) > .lid {
  42   -webkit-transform: rotate(-45deg);
  43   -webkit-transition: -webkit-transform 250ms;
  44 }
  45
  46 html[dir='rtl'] .trash:-webkit-any(:focus, :hover, .open) > .lid {
  47   -webkit-transform: rotate(45deg);
  48 }
  49
  50 .trash > .can {
  51   background-position: -1px -4px;
  52   height: 12px;
  53   /* The margins match the background position offsets. */
  54   margin-left: 1px;
  55   /* The right margin is one greater due to a shadow on the trash image. */
  56   margin-right: 2px;
  57   margin-top: 4px;
  58   width: 11px;
  59 }