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

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

Issue 2670123003: [Local NTP] Cleanup: Remove support for "icons" layout (Closed)
Patch Set: Created 3 years, 10 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
« no previous file with comments | « no previous file | chrome/browser/resources/local_ntp/local_ntp.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 /* TODO: Need to discuss with NTP folks before we remove font-family from the 5 /* TODO: Need to discuss with NTP folks before we remove font-family from the
6 * body tag. */ 6 * body tag. */
7 body { 7 body {
8 background-attachment: fixed !important; 8 background-attachment: fixed !important;
9 cursor: default; 9 cursor: default;
10 font-family: arial, sans-serif; 10 font-family: arial, sans-serif;
(...skipping 148 matching lines...) Expand 10 before | Expand all | Expand 10 after
159 -webkit-animation: blink 1.3s step-end infinite; 159 -webkit-animation: blink 1.3s step-end infinite;
160 visibility: inherit; 160 visibility: inherit;
161 } 161 }
162 162
163 #most-visited { 163 #most-visited {
164 -webkit-user-select: none; 164 -webkit-user-select: none;
165 margin-top: 64px; 165 margin-top: 64px;
166 text-align: -webkit-center; 166 text-align: -webkit-center;
167 } 167 }
168 168
169 .icon-ntp #most-visited {
170 margin-top: calc(100px - 36px);
171 }
172
173 /* Non-Google pages have no Fakebox, so don't need top margin. */ 169 /* Non-Google pages have no Fakebox, so don't need top margin. */
174 .non-google-page #most-visited { 170 .non-google-page #most-visited {
175 margin-top: 0; 171 margin-top: 0;
176 } 172 }
177 173
178 #mv-tiles { 174 #mv-tiles {
175 /* We need a 16px margin and the tiles have 130px height. */
176 height: calc(2*130px + 16px);
177 line-height: calc(130px + 16px);
179 margin: 0; 178 margin: 0;
180 position: relative; 179 position: relative;
181 text-align: -webkit-auto; 180 text-align: -webkit-auto;
182 } 181 }
183 182
184 .thumb-ntp #mv-tiles {
185 /* we need a 16px margin and the tiles have 130px height. */
186 height: calc(2*130px + 16px);
187 line-height: calc(130px + 16px);
188 }
189
190 .icon-ntp #mv-tiles {
191 background: rgba(255,255,255,0.2);
192 border-radius: 4px;
193 height: calc(2 * 112px);
194 padding: calc(36px - 18px) calc(36px - 18px - 12px);
195 }
196
197 .icon-ntp.dark #mv-tiles {
198 background: rgba(0,0,0,0.4);
199 }
200
201 .default-theme.icon-ntp #mv-tiles {
202 background: none;
203 }
204
205 #mv-notice-x { 183 #mv-notice-x {
206 -webkit-mask-image: -webkit-image-set( 184 -webkit-mask-image: -webkit-image-set(
207 url(chrome-search://local-ntp/images/close_3_mask.png) 1x, 185 url(chrome-search://local-ntp/images/close_3_mask.png) 1x,
208 url(chrome-search://local-ntp/images/close_3_mask.png@2x) 2x); 186 url(chrome-search://local-ntp/images/close_3_mask.png@2x) 2x);
209 -webkit-mask-position: 3px 3px; 187 -webkit-mask-position: 3px 3px;
210 -webkit-mask-repeat: no-repeat; 188 -webkit-mask-repeat: no-repeat;
211 -webkit-mask-size: 10px 10px; 189 -webkit-mask-size: 10px 10px;
212 background-color: rgba(90,90,90,0.7); 190 background-color: rgba(90,90,90,0.7);
213 cursor: pointer; 191 cursor: pointer;
214 display: inline-block; 192 display: inline-block;
(...skipping 18 matching lines...) Expand all
233 } 211 }
234 212
235 /* The notification shown when a tile is blacklisted. */ 213 /* The notification shown when a tile is blacklisted. */
236 #mv-notice { 214 #mv-notice {
237 font-size: 12px; 215 font-size: 12px;
238 font-weight: bold; 216 font-weight: bold;
239 opacity: 1; 217 opacity: 1;
240 padding: 10px 0; 218 padding: 10px 0;
241 } 219 }
242 220
243 .icon-ntp #mv-notice {
244 margin-top: 30px;
245 }
246
247 #mv-notice span { 221 #mv-notice span {
248 cursor: default; 222 cursor: default;
249 display: inline-block; 223 display: inline-block;
250 height: 16px; 224 height: 16px;
251 line-height: 16px; 225 line-height: 16px;
252 vertical-align: top; 226 vertical-align: top;
253 } 227 }
254 228
255 /* Links in the notification. */ 229 /* Links in the notification. */
256 #mv-notice-links span { 230 #mv-notice-links span {
(...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after
324 html[dir=rtl] #recent-tabs { 298 html[dir=rtl] #recent-tabs {
325 left: 8px; 299 left: 8px;
326 right: auto; 300 right: auto;
327 } 301 }
328 302
329 #mv-single { 303 #mv-single {
330 border: none; 304 border: none;
331 height: 100%; 305 height: 100%;
332 width: 100%; 306 width: 100%;
333 } 307 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/local_ntp/local_ntp.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698