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. */
5 /* begin: show/hide selected ntp section */
6 body[device='phone'] .main-section {
10 body[device='phone'] .main-section.selected {
13 /* end: show/hide selected ntp section */
16 -webkit-tap-highlight-color: transparent;
20 .thumbnail-cell-shade {
28 .thumbnail-cell-shade-active {
29 background: rgba(51, 181, 229, 0.4);
32 body[device='phone'] .thumbnail-cell {
33 display: inline-block;
39 body[device='phone'] #most_visited_list .thumbnail-container {
40 border: 1px solid #999;
43 body[device='phone'] #most_visited_list:active .thumbnail-container {
44 -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2);
50 from(rgba(0, 0, 0, 0.05)),
51 to(rgba(0, 0, 0, 0.05))),
56 from(rgba(255, 255, 255, 0)),
57 to(rgba(255, 255, 255, 1.0))),
62 from(rgba(255, 255, 255, 0)),
63 to(rgba(255, 255, 255, 1.0)));
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;
75 body[device='phone'] #most_visited_list .inner-border {
76 background: -webkit-gradient(
80 from(rgba(0, 0, 0, 0)),
81 to(rgba(0, 0, 0, 0.05)));
82 border: 1px solid rgba(255, 255, 255, .8);
88 body[device='phone'] #most_visited_list .title-spacer {
93 body[device='phone'] #most_visited_list .title {
97 text-overflow: ellipsis;
101 body[device='phone'] .recently-closed-title-container {
102 border-bottom: 1px solid #c1c1c1;
103 color: rgba(0, 0, 0, 0.5);
105 padding-bottom: 10px;