| 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 linear-gradient( | |
| 47 to bottom, | |
| 48 rgba(0, 0, 0, 0.05)), | |
| 49 rgba(0, 0, 0, 0.05))), | |
| 50 linear-gradient( | |
| 51 225deg, | |
| 52 rgba(255, 255, 255, 0), | |
| 53 ba(255, 255, 255, 1.0)), | |
| 54 linear-gradient( | |
| 55 to bottom, | |
| 56 rgba(255, 255, 255, 0), | |
| 57 rgba(255, 255, 255, 0) 150px, | |
| 58 rgba(255, 255, 255, 1.0)) 155px; | |
| 59 rgba(255, 255, 255, 1.0)); | |
| 60 } | |
| 61 | |
| 62 /* This is the div that gets the background set as a thumbnail */ | |
| 63 body[device='phone'] #most_visited_list .thumbnail { | |
| 64 background-image: url(images/default_thumbnail.png); | |
| 65 background-position: center top; | |
| 66 background-repeat: no-repeat; | |
| 67 background-size: cover; | |
| 68 cursor: pointer; | |
| 69 } | |
| 70 | |
| 71 body[device='phone'] #most_visited_list .inner-border { | |
| 72 background: linear-gradient( | |
| 73 to bottom, | |
| 74 rgba(0, 0, 0, 0), | |
| 75 rgba(0, 0, 0, 0.05)); | |
| 76 border: 1px solid rgba(255, 255, 255, .8); | |
| 77 left: 1px; | |
| 78 position: absolute; | |
| 79 top: 1px; | |
| 80 } | |
| 81 | |
| 82 body[device='phone'] #most_visited_list .title-spacer { | |
| 83 height: 20px; | |
| 84 width: 0; | |
| 85 } | |
| 86 | |
| 87 body[device='phone'] #most_visited_list .title { | |
| 88 overflow-x: hidden; | |
| 89 overflow-y: visible; | |
| 90 position: absolute; | |
| 91 text-overflow: ellipsis; | |
| 92 white-space: nowrap; | |
| 93 } | |
| 94 | |
| 95 body[device='phone'] .recently-closed-title-container { | |
| 96 border-bottom: 1px solid #c1c1c1; | |
| 97 color: rgba(0, 0, 0, 0.5); | |
| 98 font-size: 16px; | |
| 99 padding-bottom: 10px; | |
| 100 padding-left: 10px; | |
| 101 } | |
| OLD | NEW |