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

Side by Side Diff: chrome/browser/resources/ntp_android/mostvisited_tablet.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='tablet'] .main-section {
7 display: none;
8 }
9
10 body[device='tablet'] .main-section.selected {
11 display: block;
12 }
13 /* end: show/hide selected ntp section */
14
15 /* begin: rules to make most visited container stay at bottom */
16 body[device='tablet'] .main-section.selected#most_visited_container {
17 display: -webkit-box;
18 }
19
20 body[device='tablet'] #most_visited_container {
21 -webkit-box-orient: vertical;
22 }
23
24 body[device='tablet'] #recently_closed_container {
25 -webkit-box-flex: 0;
26 margin-bottom: 10px;
27 }
28
29 body[device='tablet'] .box-spacer {
30 -webkit-box-flex: 1.0;
31 }
32
33 body[device='tablet'] #most_visited_list {
34 -webkit-box-flex: 0;
35 }
36 /* end: rules to make most visited container stay at bottom */
37
38 body[device='tablet'] #most_visited_container {
39 overflow: hidden;
40 }
41
42 body[device='tablet'] #most_visited_list {
43 margin-top: 15px;
44 }
45
46 body[device='tablet'] .thumbnail-cell {
47 float: left;
48 height: 210px;
49 padding: 20px;
50 text-align: center;
51 width: 230px;
52 }
53
54 body[device='tablet'] #most_visited_list .thumbnail-container {
55 border: 1px solid #999;
56 height: 160px;
57 position: relative;
58 width: 100%;
59 }
60
61 body[device='tablet'] #most_visited_list .thumbnail {
62 background-image: url(images/default_thumbnail.png);
63 background-position: center center;
64 background-repeat: no-repeat;
65 background-size: cover;
66 cursor: pointer;
67 height: 100%;
68 width: 100%;
69 }
70
71 body[device='tablet'] #most_visited_list .inner-border {
72 background: -webkit-gradient(
73 linear,
74 left top,
75 left bottom,
76 from(rgba(0, 0, 0, 0)),
77 to(rgba(0, 0, 0, 0.05)));
78 border: 1px solid rgba(255, 255, 255, 0.8);
79 height: 158px;
80 left: 0;
81 position: absolute;
82 top: 0;
83 width: 228px;
84 }
85
86 body[device='tablet'] #most_visited_list .title-spacer {
87 height: 35px;
88 width: 0;
89 }
90
91 body[device='tablet'] #most_visited_list .title {
92 left: -10px;
93 overflow-x: hidden;
94 overflow-y: visible;
95 position: relative;
96 text-overflow: ellipsis;
97 top: -2px;
98 white-space: nowrap;
99 width: 250px;
100 }
101
102 body[device='tablet'] .recently-closed-title-container {
103 color: rgba(0, 0, 0, 0.5);
104 display: inline-block;
105 margin-top: 25px;
106 padding-bottom: 10px;
107 padding-left: 6px; /* match recently closed border & margin */
108 position: relative;
109 width: 100%;
110 }
111
112 body[device='tablet'] .recently-closed-title-container .title {
113 display: block;
114 font-size: 16px;
115 }
116
117 body[device='tablet'] #recently_closed_list .cell {
118 border: 1px solid rgba(0, 0, 0, 0.25);
119 border-width: 1px;
120 float: left;
121 height: 16px;
122 margin: 5px;
123 overflow: hidden;
124 padding: 5px;
125 width: 188px;
126 }
127
128 body[device='tablet'] #recently_closed_list .title {
129 color: blue;
130 font-size: 12pt;
131 overflow: hidden;
132 padding-left: 2px;
133 text-align: left;
134 text-overflow: ellipsis;
135 }
136
137 body[device='tablet'] #recently_closed_list .icon {
138 background-position: bottom left;
139 background-repeat: no-repeat;
140 background-size: 16px 16px;
141 float: left;
142 height: 16px;
143 margin: 2px;
144 position: relative;
145 top: -1px;
146 width: 16px;
147 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/ntp_android/mostvisited.css ('k') | chrome/browser/resources/ntp_android/new_tab.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698