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
37html[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
47html[dir='rtl'] .trash:focus > .lid,
48html[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}
62