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 } 62
