Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(2230)

Side by Side Diff: chrome/browser/resources/local_ntp/most_visited_single.css

Issue 1011393004: Fast NTP support for themes, dark themes, favicons. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698