src/chrome/browser/resources/ntp_android/mostvisited.css

   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 }