OLD | NEW |
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 /* Bookmark Tiles ************************************************************/ | 6 /* Bookmark Tiles ************************************************************/ |
7 | 7 |
8 .bookmark { | 8 .bookmark { |
9 display: -webkit-box; | 9 display: -webkit-box; |
10 position: absolute; | 10 position: absolute; |
11 -webkit-box-orient: vertical; | 11 -webkit-box-orient: vertical; |
12 } | 12 } |
13 | 13 |
14 .bookmark-fills-parent { | 14 .bookmark-fills-parent { |
15 bottom: 0; | 15 bottom: 0; |
16 display: -webkit-box; | 16 display: -webkit-box; |
17 left: 0; | 17 left: 0; |
18 position: absolute; | 18 position: absolute; |
19 right: 0; | 19 right: 0; |
20 top: 0; | 20 top: 0; |
21 } | 21 } |
22 | 22 |
23 .bookmark.removable .close-button { | 23 .bookmark.removable .close-button { |
24 display: block; | 24 display: block; |
25 opacity: 0; | 25 opacity: 0; |
26 position: absolute; | 26 position: absolute; |
27 right: 0; | 27 right: 0; |
28 top: 0; | 28 top: 0; |
29 z-index: 5; | 29 z-index: 5; |
30 -webkit-transition: opacity 0.15s; | 30 -webkit-transition: opacity 150ms; |
31 } | 31 } |
32 | 32 |
33 .bookmark .close-button { | 33 .bookmark .close-button { |
34 display: none; | 34 display: none; |
35 } | 35 } |
36 | 36 |
37 html[dir=rtl] .bookmark .close-button { | 37 html[dir=rtl] .bookmark .close-button { |
38 left: 0; | 38 left: 0; |
39 right: auto; | 39 right: auto; |
40 } | 40 } |
41 | 41 |
42 .bookmark:hover .close-button { | 42 .bookmark:hover .close-button { |
43 opacity: 1; | 43 opacity: 1; |
44 -webkit-transition-delay: 0.5s; | 44 -webkit-transition-delay: 500ms; |
45 } | 45 } |
46 | 46 |
47 .bookmark .favicon { | 47 .bookmark .favicon { |
48 background: no-repeat 5% 90%; | 48 background: no-repeat 5% 90%; |
49 } | 49 } |
50 | 50 |
51 .bookmark .color-stripe { | 51 .bookmark .color-stripe { |
52 border-bottom-left-radius: 3px 3px; | 52 border-bottom-left-radius: 3px 3px; |
53 border-bottom-right-radius: 3px 3px; | 53 border-bottom-right-radius: 3px 3px; |
54 /* Matches height of title. */ | 54 /* Matches height of title. */ |
(...skipping 20 matching lines...) Expand all Loading... |
75 | 75 |
76 .bookmark .button { | 76 .bookmark .button { |
77 cursor: pointer; | 77 cursor: pointer; |
78 background-color: rgba(0, 0, 0, 0.15); | 78 background-color: rgba(0, 0, 0, 0.15); |
79 border: 1px solid transparent; | 79 border: 1px solid transparent; |
80 border-radius: 5px; | 80 border-radius: 5px; |
81 bottom: 70px; | 81 bottom: 70px; |
82 position: relative; | 82 position: relative; |
83 z-index: 5; | 83 z-index: 5; |
84 -webkit-box-flex: 1; | 84 -webkit-box-flex: 1; |
85 -webkit-transition: background-color .15s; | 85 -webkit-transition: background-color 150ms; |
86 } | 86 } |
87 | 87 |
88 .bookmark:hover .button { | 88 .bookmark:hover .button { |
89 background-color: rgba(0, 0, 0, 0.3); | 89 background-color: rgba(0, 0, 0, 0.3); |
90 } | 90 } |
91 | 91 |
92 .bookmark .button-frame { | 92 .bookmark .button-frame { |
93 background-color: #fff; | 93 background-color: #fff; |
94 border-radius: 5px; | 94 border-radius: 5px; |
95 } | 95 } |
(...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
169 margin: 0px -70px; | 169 margin: 0px -70px; |
170 text-align: end; | 170 text-align: end; |
171 } | 171 } |
172 | 172 |
173 .bookmarks-import-data-link-wrapper { | 173 .bookmarks-import-data-link-wrapper { |
174 left: 0; | 174 left: 0; |
175 position: absolute; | 175 position: absolute; |
176 right: 0; | 176 right: 0; |
177 top: 33%; | 177 top: 33%; |
178 } | 178 } |
OLD | NEW |