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     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 }