Chromium Code Reviews| 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 |