OLD | NEW |
(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 } |
OLD | NEW |