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; | 53 bottom: -26px; |
54 color: #777; | 54 color: #777; |
55 font-size: 0.9167em; | 55 font-size: 0.9167em; |
56 overflow: hidden; | 56 overflow: hidden; |
57 position: absolute; | 57 position: absolute; |
58 text-align: center; | 58 text-align: center; |
59 text-overflow: ellipsis; | 59 text-overflow: ellipsis; |
60 white-space: nowrap; | 60 white-space: nowrap; |
61 width: 100%; | 61 width: 100%; |
62 } | 62 } |
63 | 63 |
64 .thumbnail, | 64 .thumbnail, |
65 .thumbnail-wrapper, | 65 .thumbnail-wrapper, |
66 .thumbnail-card { | 66 .thumbnail-card { |
67 -webkit-background-clip: padding-box; | 67 -webkit-background-clip: padding-box; |
68 } | 68 } |
69 | 69 |
70 .thumbnail-wrapper { | 70 .thumbnail-wrapper { |
71 display: block; | 71 display: block; |
72 height: 100%; | 72 height: 100%; |
73 overflow: hidden; | 73 overflow: hidden; |
74 width: 100%; | 74 width: 100%; |
75 } | 75 } |
76 | 76 |
77 .thumbnail-banner { | 77 .thumbnail-banner { |
78 bottom: 13px; | 78 bottom: 25px; |
Evan Stade
2012/11/20 23:52:05
you specify this twice. Better to doing so rather
pedro (no code reviews)
2012/11/21 00:14:03
Done.
| |
79 display: block; | 79 display: block; |
80 font-size: 1.14em; | 80 font-size: 1.14em; |
81 margin: 0 7px; | 81 margin: 0 7px; |
82 width: 88%; | 82 width: 88%; |
83 } | 83 } |
84 | 84 |
85 .thumbnail-favicon { | 85 .thumbnail-favicon { |
86 height: 16px; | 86 height: 16px; |
87 margin: 0 auto; | 87 margin: 0 auto; |
88 position: relative; | 88 position: relative; |
89 top: 19px; | 89 top: -8px; |
90 width: 16px; | 90 width: 16px; |
91 } | 91 } |
92 | 92 |
93 .thumbnail-card { | 93 .thumbnail-card { |
94 /* This gives a 3px offset between consecutive thumbnails on the stack and | 94 /* This gives a 3px offset between consecutive thumbnails on the stack and |
95 should be kept in sync with RecentlyClosed's STACK_OFFSET. */ | 95 should be kept in sync with RecentlyClosed's STACK_OFFSET. */ |
96 -webkit-margin-start: -129px; | 96 -webkit-margin-start: -129px; |
97 border: 1px solid silver; | 97 border: 1px solid silver; |
98 border-radius: 2px; | 98 border-radius: 2px; |
99 display: inline-block; | 99 display: inline-block; |
100 height: 100%; | 100 height: 100%; |
101 margin-top: -1px; | 101 margin-top: -1px; |
102 position: relative; | 102 position: relative; |
103 width: 100%; | 103 width: 100%; |
104 } | 104 } |
105 | 105 |
106 .thumbnail-card:first-child { | 106 .thumbnail-card:first-child { |
107 -webkit-margin-start: -1px; | 107 -webkit-margin-start: -1px; |
108 } | 108 } |
OLD | NEW |