OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 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 Thumbnail Cell and Tile | 6 Thumbnail Cell and Tile |
7 ----------------------------------------------------------------------------- */ | 7 ----------------------------------------------------------------------------- */ |
8 | 8 |
9 .thumbnail-page .tile-cell { | 9 .thumbnail-page .tile-cell { |
10 -webkit-margin-start: 12px; | 10 -webkit-margin-start: 12px; |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
43 ----------------------------------------------------------------------------- */ | 43 ----------------------------------------------------------------------------- */ |
44 | 44 |
45 .thumbnail .thumbnail-image { | 45 .thumbnail .thumbnail-image { |
46 /* These values are equivalent to background-size: 100%. | 46 /* These values are equivalent to background-size: 100%. |
47 TODO(jeremycho): Resolve the discrepancy with the cell dimensions above. */ | 47 TODO(jeremycho): Resolve the discrepancy with the cell dimensions above. */ |
48 background-size: 110px 68px; | 48 background-size: 110px 68px; |
49 } | 49 } |
50 | 50 |
51 .thumbnail .title, | 51 .thumbnail .title, |
52 .thumbnail-banner { | 52 .thumbnail-banner { |
53 bottom: -18px; | |
54 color: #777; | 53 color: #777; |
55 font-size: 0.9167em; | 54 font-size: 0.9167em; |
56 overflow: hidden; | 55 overflow: hidden; |
57 position: absolute; | 56 position: absolute; |
58 text-align: center; | 57 text-align: center; |
59 text-overflow: ellipsis; | 58 text-overflow: ellipsis; |
60 white-space: nowrap; | 59 white-space: nowrap; |
61 width: 100%; | 60 width: 100%; |
62 } | 61 } |
63 | 62 |
| 63 .thumbnail .title { |
| 64 bottom: -26px; |
| 65 } |
| 66 |
| 67 .thumbnail-banner { |
| 68 bottom: 25px; |
| 69 display: block; |
| 70 font-size: 1.14em; |
| 71 margin: 0 7px; |
| 72 width: 88%; |
| 73 } |
| 74 |
64 .thumbnail, | 75 .thumbnail, |
65 .thumbnail-wrapper, | 76 .thumbnail-wrapper, |
66 .thumbnail-card { | 77 .thumbnail-card { |
67 -webkit-background-clip: padding-box; | 78 -webkit-background-clip: padding-box; |
68 } | 79 } |
69 | 80 |
70 .thumbnail-wrapper { | 81 .thumbnail-wrapper { |
71 display: block; | 82 display: block; |
72 height: 100%; | 83 height: 100%; |
73 overflow: hidden; | 84 overflow: hidden; |
74 width: 100%; | 85 width: 100%; |
75 } | 86 } |
76 | 87 |
77 .thumbnail-banner { | |
78 bottom: 13px; | |
79 display: block; | |
80 font-size: 1.14em; | |
81 margin: 0 7px; | |
82 width: 88%; | |
83 } | |
84 | |
85 .thumbnail-favicon { | 88 .thumbnail-favicon { |
86 height: 16px; | 89 height: 16px; |
87 margin: 0 auto; | 90 margin: 0 auto; |
88 position: relative; | 91 position: relative; |
89 top: 19px; | 92 top: -8px; |
90 width: 16px; | 93 width: 16px; |
91 } | 94 } |
92 | 95 |
93 .thumbnail-card { | 96 .thumbnail-card { |
94 /* This gives a 3px offset between consecutive thumbnails on the stack and | 97 /* This gives a 3px offset between consecutive thumbnails on the stack and |
95 should be kept in sync with RecentlyClosed's STACK_OFFSET. */ | 98 should be kept in sync with RecentlyClosed's STACK_OFFSET. */ |
96 -webkit-margin-start: -129px; | 99 -webkit-margin-start: -129px; |
97 border: 1px solid silver; | 100 border: 1px solid silver; |
98 border-radius: 2px; | 101 border-radius: 2px; |
99 display: inline-block; | 102 display: inline-block; |
100 height: 100%; | 103 height: 100%; |
101 margin-top: -1px; | 104 margin-top: -1px; |
102 position: relative; | 105 position: relative; |
103 width: 100%; | 106 width: 100%; |
104 } | 107 } |
105 | 108 |
106 .thumbnail-card:first-child { | 109 .thumbnail-card:first-child { |
107 -webkit-margin-start: -1px; | 110 -webkit-margin-start: -1px; |
108 } | 111 } |
OLD | NEW |