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

Side by Side Diff: chrome/browser/resources/ntp_android/mostvisited.css

Issue 10831317: Upstream Android NTP resources. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Moved .png files to separate CL Created 8 years, 4 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 | Annotate | Revision Log
OLDNEW
(Empty)
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
3 * found in the LICENSE file. */
4
5 /* begin: show/hide selected ntp section */
6 body[device='phone'] .main-section {
7 display: none;
8 }
9
10 body[device='phone'] .main-section.selected {
11 display: block;
12 }
13 /* end: show/hide selected ntp section */
14
15 .thumbnail-cell {
16 -webkit-tap-highlight-color: transparent;
17 position: relative;
18 }
19
20 .thumbnail-cell-shade {
21 height: 100%;
22 left: 0;
23 position: absolute;
24 top: 0;
25 width: 100%;
26 }
27
28 .thumbnail-cell-shade-active {
29 background: rgba(51, 181, 229, 0.4);
30 }
31
32 body[device='phone'] .thumbnail-cell {
33 display: inline-block;
34 position: relative;
35 text-align: center;
36 vertical-align: top;
37 }
38
39 body[device='phone'] #most_visited_list .thumbnail-container {
40 border: 1px solid #999;
41 }
42
43 body[device='phone'] #most_visited_list:active .thumbnail-container {
44 -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2);
45 background:
46 -webkit-gradient(
47 linear,
48 left top,
49 left bottom,
50 from(rgba(0, 0, 0, 0.05)),
51 to(rgba(0, 0, 0, 0.05))),
52 -webkit-gradient(
53 linear,
54 32 top,
55 left bottom,
56 from(rgba(255, 255, 255, 0)),
57 to(rgba(255, 255, 255, 1.0))),
58 -webkit-gradient(
59 linear,
60 left 150,
61 left 155,
62 from(rgba(255, 255, 255, 0)),
63 to(rgba(255, 255, 255, 1.0)));
64 }
65
66 /* This is the div that gets the background set as a thumbnail */
67 body[device='phone'] #most_visited_list .thumbnail {
68 background-image: url(images/default_thumbnail.png);
69 background-position: center top;
70 background-repeat: no-repeat;
71 background-size: cover;
72 cursor: pointer;
73 }
74
75 body[device='phone'] #most_visited_list .inner-border {
76 background: -webkit-gradient(
77 linear,
78 left top,
79 left bottom,
80 from(rgba(0, 0, 0, 0)),
81 to(rgba(0, 0, 0, 0.05)));
82 border: 1px solid rgba(255, 255, 255, .8);
83 left: 1px;
84 position: absolute;
85 top: 1px;
86 }
87
88 body[device='phone'] #most_visited_list .title-spacer {
89 height: 20px;
90 width: 0;
91 }
92
93 body[device='phone'] #most_visited_list .title {
94 overflow-x: hidden;
95 overflow-y: visible;
96 position: absolute;
97 text-overflow: ellipsis;
98 white-space: nowrap;
99 }
100
101 body[device='phone'] .recently-closed-title-container {
102 border-bottom: 1px solid #c1c1c1;
103 color: rgba(0, 0, 0, 0.5);
104 font-size: 16px;
105 padding-bottom: 10px;
106 padding-left: 10px;
107 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/ntp_android/incognito_tab.css ('k') | chrome/browser/resources/ntp_android/mostvisited_tablet.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698