| /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| /* begin: show/hide selected ntp section */ |
| body[device='phone'] .main-section { |
| display: none; |
| } |
| |
| body[device='phone'] .main-section.selected { |
| display: block; |
| } |
| /* end: show/hide selected ntp section */ |
| |
| .thumbnail-cell { |
| -webkit-tap-highlight-color: transparent; |
| position: relative; |
| } |
| |
| .thumbnail-cell-shade { |
| height: 100%; |
| left: 0; |
| position: absolute; |
| top: 0; |
| width: 100%; |
| } |
| |
| .thumbnail-cell-shade-active { |
| background: rgba(51, 181, 229, 0.4); |
| } |
| |
| body[device='phone'] .thumbnail-cell { |
| display: inline-block; |
| position: relative; |
| text-align: center; |
| vertical-align: top; |
| } |
| |
| body[device='phone'] #most_visited_list .thumbnail-container { |
| border: 1px solid #999; |
| } |
| |
| body[device='phone'] #most_visited_list:active .thumbnail-container { |
| -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2); |
| background: |
| -webkit-gradient( |
| linear, |
| left top, |
| left bottom, |
| from(rgba(0, 0, 0, 0.05)), |
| to(rgba(0, 0, 0, 0.05))), |
| -webkit-gradient( |
| linear, |
| 32 top, |
| left bottom, |
| from(rgba(255, 255, 255, 0)), |
| to(rgba(255, 255, 255, 1.0))), |
| -webkit-gradient( |
| linear, |
| left 150, |
| left 155, |
| from(rgba(255, 255, 255, 0)), |
| to(rgba(255, 255, 255, 1.0))); |
| } |
| |
| /* This is the div that gets the background set as a thumbnail */ |
| body[device='phone'] #most_visited_list .thumbnail { |
| background-image: url(images/default_thumbnail.png); |
| background-position: center top; |
| background-repeat: no-repeat; |
| background-size: cover; |
| cursor: pointer; |
| } |
| |
| body[device='phone'] #most_visited_list .inner-border { |
| background: -webkit-gradient( |
| linear, |
| left top, |
| left bottom, |
| from(rgba(0, 0, 0, 0)), |
| to(rgba(0, 0, 0, 0.05))); |
| border: 1px solid rgba(255, 255, 255, .8); |
| left: 1px; |
| position: absolute; |
| top: 1px; |
| } |
| |
| body[device='phone'] #most_visited_list .title-spacer { |
| height: 20px; |
| width: 0; |
| } |
| |
| body[device='phone'] #most_visited_list .title { |
| overflow-x: hidden; |
| overflow-y: visible; |
| position: absolute; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| } |
| |
| body[device='phone'] .recently-closed-title-container { |
| border-bottom: 1px solid #c1c1c1; |
| color: rgba(0, 0, 0, 0.5); |
| font-size: 16px; |
| padding-bottom: 10px; |
| padding-left: 10px; |
| } |