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

Side by Side Diff: chrome/browser/resources/ntp/most_visited.css

Issue 3363001: Different approach to NTP layout (Closed)
Patch Set: cleanup Created 10 years, 3 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 /* Most Visited */ 1 /* Most Visited */
2 2
3 #most-visited { 3 #most-visited-maxiview {
4 position: relative; 4 position: relative;
5 padding: 0;
6 height: 366px; 5 height: 366px;
7 margin-top: 0;
8 -webkit-user-select: none; 6 -webkit-user-select: none;
9 } 7 }
10 8
11 .thumbnail-container { 9 .thumbnail-container {
12 position: absolute; 10 position: absolute;
13 color: hsl(213, 90%, 24%); 11 color: hsl(213, 90%, 24%);
14 text-decoration: none; 12 text-decoration: none;
15 -webkit-transition: left .15s, right .15s, top .15s; 13 -webkit-transition: left .15s, right .15s, top .15s;
16 text-decoration: none; 14 text-decoration: none;
17 } 15 }
(...skipping 215 matching lines...) Expand 10 before | Expand all | Expand 10 after
233 100% { 231 100% {
234 opacity: 1; 232 opacity: 1;
235 } 233 }
236 } 234 }
237 235
238 .fade-in { 236 .fade-in {
239 -webkit-animation: 'fade-in' .15s; 237 -webkit-animation: 'fade-in' .15s;
240 } 238 }
241 239
242 @media (max-width: 940px) { 240 @media (max-width: 940px) {
243 #most-visited { 241 #most-visited-maxiview {
244 height: 294px; 242 height: 294px;
245 } 243 }
246 244
247 .thumbnail, 245 .thumbnail,
248 .thumbnail-container > .title { 246 .thumbnail-container > .title {
249 width: 150px; 247 width: 150px;
250 height: 93px; 248 height: 93px;
251 } 249 }
252 250
253 .thumbnail-container > .title { 251 .thumbnail-container > .title {
254 height: auto; 252 height: auto;
255 } 253 }
256 254
257 .thumbnail-wrapper { 255 .thumbnail-wrapper {
258 background-size: 150px 93px; 256 background-size: 150px 93px;
259 } 257 }
260 } 258 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698