src/chrome/browser/resources/ntp_android/opentabs_tablet.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 body[device='tablet'] #open_tabs_container {
   6   padding-bottom: 40px;
   7 }
   8
   9 body[device='tablet'] #open_tabs_container .page-list>div {
  10   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);
  11   margin: 40px auto 0 auto;
  12   max-width: 550px;
  13   min-width: 500px;
  14 }
  15
  16 @media only screen and (min-device-width: 700px) {
  17   body[device='tablet'] #open_tabs_container .page-list>div {
  18     max-width: 650px;
  19   }
  20 }
  21
  22 body[device='tablet'] .session-children-container>div:last-child {
  23   border-bottom: none;
  24 }
  25
  26 body[device='tablet'] #open_tabs_container .session-header .list-item {
  27   background: #F2F2F2;
  28   border-bottom: 1px solid #E7E7E7;
  29   color: #777;
  30   font-size: 0.8em;
  31   padding: 20px 0 20px 0;
  32 }
  33
  34 body[device='tablet'] #open_tabs_container .list-item {
  35   background: #FAFAFA;
  36   border: 1px solid #E0E0E0;
  37   border-bottom: none;
  38 }
  39
  40 body[device='tablet'] #open_tabs_container .list-item-active,
  41 body[device='tablet'] #open_tabs_container .session-header
  42     .list-item.list-item-active {
  43   -webkit-tap-highlight-color: transparent;
  44   background: rgba(51, 181, 229, 0.4);
  45 }
  46
  47 body[device='tablet'] .session-name {
  48   color: #333;
  49   font-size: 1.1em;
  50   font-weight: bold;
  51   line-height: 1.8em;
  52 }
  53
  54 body[device='tablet'] .session-last-synced {
  55   font-weight: normal;
  56 }
  57
  58 body[device='tablet'] #open_tabs_container .session-children-container
  59     .list-item:first-child {
  60   border-top: none;
  61 }