OLD | NEW |
1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 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 body { | 5 body { |
6 -webkit-user-select: none; | 6 -webkit-user-select: none; |
7 background: none transparent; | 7 background: none transparent; |
| 8 color: #323232; |
8 margin: 0; | 9 margin: 0; |
9 overflow: hidden; | 10 overflow: hidden; |
10 padding: 0; | 11 padding: 0; |
11 } | 12 } |
12 | 13 |
13 a { | 14 a { |
14 display: block; | 15 display: block; |
15 } | 16 } |
16 | 17 |
17 a, | 18 a, |
(...skipping 22 matching lines...) Expand all Loading... |
40 /* This align correctly for both LTR and RTL */ | 41 /* This align correctly for both LTR and RTL */ |
41 text-align: -webkit-auto; | 42 text-align: -webkit-auto; |
42 transition: opacity 1s; | 43 transition: opacity 1s; |
43 } | 44 } |
44 | 45 |
45 .mv-tile, | 46 .mv-tile, |
46 .mv-empty-tile { | 47 .mv-empty-tile { |
47 background: rgb(242,242,242); | 48 background: rgb(242,242,242); |
48 border: 1px solid transparent; | 49 border: 1px solid transparent; |
49 border-radius: 2px; | 50 border-radius: 2px; |
50 color: #323232; | |
51 display: inline-block; | 51 display: inline-block; |
52 font-family: arial, sans-serif; | 52 font-family: arial, sans-serif; |
53 font-size: 12px; | 53 font-size: 12px; |
54 height: calc(130px - 2px); | 54 height: calc(130px - 2px); |
55 line-height: 100%; | 55 line-height: 100%; |
56 margin: 0 8px; | 56 margin: 0 8px; |
57 opacity: 1; | 57 opacity: 1; |
58 outline: 0; | 58 outline: 0; |
59 overflow: hidden; | 59 overflow: hidden; |
60 position: relative; | 60 position: relative; |
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
136 linear-gradient(to left, black, black, 100px, transparent); | 136 linear-gradient(to left, black, black, 100px, transparent); |
137 right: 31px; | 137 right: 31px; |
138 text-align: right; | 138 text-align: right; |
139 } | 139 } |
140 | 140 |
141 .mv-thumb { | 141 .mv-thumb { |
142 border: none; | 142 border: none; |
143 border-radius: 0; | 143 border-radius: 0; |
144 cursor: pointer; | 144 cursor: pointer; |
145 display: block; | 145 display: block; |
146 height: 90px; | 146 height: 94px; |
147 left: 3px; | 147 left: 3px; |
| 148 overflow: hidden; |
148 position: absolute; | 149 position: absolute; |
149 top: 31px; | 150 top: 31px; |
150 width: 148px; | 151 width: 148px; |
151 } | 152 } |
152 | 153 |
153 .mv-thumb img { | 154 .mv-thumb img { |
154 height: 94px; | 155 height: auto; |
155 width: 148px; | 156 min-height: 100%; |
| 157 width: 100%; |
156 } | 158 } |
157 | 159 |
158 .mv-thumb.failed-img { | 160 .mv-thumb.failed-img { |
159 background-color: #fff; | 161 background-color: #fff; |
160 height: 94px; | 162 height: 94px; |
161 width: 148px; | 163 width: 148px; |
162 } | 164 } |
163 | 165 |
164 /* | 166 /* |
165 We use ::after without content to provide an aditional element on top of | 167 We use ::after without content to provide an aditional element on top of |
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
251 background-image: -webkit-image-set( | 253 background-image: -webkit-image-set( |
252 url(chrome-search://local-ntp/images/ntp_default_favicon.png) 1x, | 254 url(chrome-search://local-ntp/images/ntp_default_favicon.png) 1x, |
253 url(chrome-search://local-ntp/images/ntp_default_favicon.png@2x) 2x); | 255 url(chrome-search://local-ntp/images/ntp_default_favicon.png@2x) 2x); |
254 background-repeat: no-repeat; | 256 background-repeat: no-repeat; |
255 background-size: 16px 16px; | 257 background-size: 16px 16px; |
256 } | 258 } |
257 | 259 |
258 .mv-favicon.failed-favicon img { | 260 .mv-favicon.failed-favicon img { |
259 display: none; | 261 display: none; |
260 } | 262 } |
OLD | NEW |