OLD | NEW |
| (Empty) |
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 .close-button { | |
6 background: no-repeat; | |
7 background-color: transparent; | |
8 /* TODO(estade): this should animate between states. */ | |
9 background-image: -webkit-image-set( | |
10 url('../../../../ui/resources/default_100_percent/close_bar.png') 1x, | |
11 url('../../../../ui/resources/default_200_percent/close_bar.png') 2x); | |
12 border: 0; | |
13 cursor: default; | |
14 display: inline-block; | |
15 height: 16px; | |
16 padding: 0; | |
17 width: 16px; | |
18 z-index: 999; | |
19 } | |
20 | |
21 .close-button:hover, | |
22 .close-button:focus { | |
23 background-image: -webkit-image-set( | |
24 url('../../../../ui/resources/default_100_percent/close_bar_hover.png') | |
25 1x, | |
26 url('../../../../ui/resources/default_200_percent/close_bar_hover.png') | |
27 2x); | |
28 } | |
29 | |
30 .close-button:active { | |
31 background-image: -webkit-image-set( | |
32 url('../../../../ui/resources/default_100_percent/close_bar_pressed.png') | |
33 1x, | |
34 url('../../../../ui/resources/default_200_percent/close_bar_pressed.png') | |
35 2x); | |
36 } | |
37 | |
38 /* TODO(pedrosimonetti): Organize these rules. */ | |
39 .thumbnail .close-button { | |
40 -webkit-transition: opacity 500ms ease-in-out; | |
41 opacity: 0; | |
42 position: absolute; | |
43 right: 2px; | |
44 top: 2px; | |
45 } | |
46 | |
47 html[dir=rtl] .thumbnail .close-button { | |
48 left: 0; | |
49 right: auto; | |
50 } | |
51 | |
52 .thumbnail:hover .close-button { | |
53 -webkit-transition-delay: 500ms; | |
54 opacity: 1; | |
55 } | |
56 | |
57 .thumbnail .close-button:hover { | |
58 -webkit-transition: none; | |
59 } | |
OLD | NEW |