Home | History | Annotate | Download | only in ntp_android 
      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 }
    108