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:focus > .lid,
  42 .trash:hover > .lid {
  43   -webkit-transform: rotate(-45deg);
  44   -webkit-transition: -webkit-transform 250ms;
  45 }
  46
  47 html[dir='rtl'] .trash:focus > .lid,
  48 html[dir='rtl'] .trash:hover > .lid {
  49   -webkit-transform: rotate(45deg);
  50 }
  51
  52 .trash > .can {
  53   background-position: -1px -4px;
  54   height: 12px;
  55   /* The margins match the background position offsets. */
  56   margin-left: 1px;
  57   /* The right margin is one greater due to a shadow on the trash image. */
  58   margin-right: 2px;
  59   margin-top: 4px;
  60   width: 11px;
  61 }