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; |
(...skipping 28 matching lines...) Expand all Loading... |
39 -webkit-transition-delay: 0.5s; | 39 -webkit-transition-delay: 0.5s; |
40 } | 40 } |
41 | 41 |
42 .bookmark .favicon { | 42 .bookmark .favicon { |
43 background: no-repeat 5% 90%; | 43 background: no-repeat 5% 90%; |
44 } | 44 } |
45 | 45 |
46 .bookmark .color-stripe { | 46 .bookmark .color-stripe { |
47 border-bottom-left-radius: 3px 3px; | 47 border-bottom-left-radius: 3px 3px; |
48 border-bottom-right-radius: 3px 3px; | 48 border-bottom-right-radius: 3px 3px; |
49 /* Matches height of title. */ | 49 bottom: 33px; |
50 bottom: 23px; | |
51 height: 3px; | 50 height: 3px; |
52 /* Matches padding-top of the title. */ | 51 opacity: 0.5; |
53 margin-bottom: 8px; | |
54 position: absolute; | 52 position: absolute; |
55 width: 100%; | 53 width: 100%; |
56 z-index: 100; | 54 z-index: 100; |
57 } | 55 } |
58 | 56 |
59 .bookmark .title { | 57 .bookmark .title { |
60 cursor: pointer; | 58 cursor: pointer; |
61 display: block; | 59 display: block; |
62 height: 23px; | 60 height: 23px; |
| 61 line-height: 23px; |
63 overflow: hidden; | 62 overflow: hidden; |
64 padding-top: 8px; | 63 padding-top: 10px; |
65 text-align: center; | 64 text-align: center; |
66 text-decoration: none; | 65 text-decoration: none; |
67 text-overflow: ellipsis; | 66 text-overflow: ellipsis; |
68 white-space: nowrap; | 67 white-space: nowrap; |
69 } | 68 } |
70 | 69 |
71 .bookmark .button { | 70 .bookmark .button { |
72 cursor: pointer; | 71 cursor: pointer; |
73 background-color: rgba(0, 0, 0, 0.15); | 72 background-color: rgba(0, 0, 0, 0.15); |
74 border: 1px solid transparent; | 73 border: 1px solid transparent; |
75 border-radius: 5px; | 74 border-radius: 5px; |
76 bottom: 70px; | 75 bottom: 70px; |
77 position: relative; | 76 position: relative; |
78 z-index: 5; | 77 z-index: 5; |
79 -webkit-box-flex: 1; | 78 -webkit-box-flex: 1; |
80 -webkit-transition: background-color .15s; | 79 -webkit-transition: background-color .15s; |
81 } | 80 } |
82 | 81 |
83 .bookmark:hover .button { | 82 .bookmark:hover .button { |
84 background-color: rgba(0, 0, 0, 0.3); | 83 background-color: rgba(0, 0, 0, 0.3); |
85 } | 84 } |
86 | 85 |
87 .bookmark .button-frame { | 86 .bookmark .button-frame { |
88 background-color: #fff; | 87 background-color: #fff; |
89 border-radius: 5px; | 88 border-radius: 5px; |
90 } | 89 } |
(...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
155 background: -webkit-canvas(bookmark-chevron) center center no-repeat; | 154 background: -webkit-canvas(bookmark-chevron) center center no-repeat; |
156 border: 0; | 155 border: 0; |
157 height: 44px; | 156 height: 44px; |
158 margin: 2px 0; | 157 margin: 2px 0; |
159 width: 10px; | 158 width: 10px; |
160 } | 159 } |
161 | 160 |
162 .bookmarks-manager-link-container { | 161 .bookmarks-manager-link-container { |
163 height: 40px; | 162 height: 40px; |
164 } | 163 } |
OLD | NEW |