| 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 |