src/chrome/browser/resources/history/other_devices.css

   1 /* Copyright (c) 2013 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 .other-devices {
   6   width: 718px;  /* Same as history section max-width */
   7 }
   8
   9 .device {
  10   display: inline-block;
  11   vertical-align: top;
  12   width: 239px;  /* 1/3 of history section max-width of 718px. */
  13 }
  14
  15 .device h3 {
  16   margin-top: 8px;
  17   white-space: nowrap;
  18 }
  19
  20 .device-timestamp {
  21   color: rgb(151, 156, 160);
  22   font-size: 12px;
  23   line-height: 1.2em;
  24   margin-top: 4px;
  25   overflow: hidden;
  26   text-overflow: ellipsis;
  27   white-space: nowrap;
  28 }
  29
  30 .device-tab-entry {
  31   -webkit-margin-end: 8px;
  32   -webkit-margin-start: 0;
  33   -webkit-padding-end: 0;
  34   -webkit-padding-start: 20px;
  35   background: no-repeat 0 50%;
  36   background-color: transparent !important;
  37   background-size: 16px 16px;
  38   box-sizing: border-box;
  39   display: block;
  40   line-height: 1.5em;
  41   margin-bottom: 0.5em;
  42   margin-top: 0.5em;
  43   max-width: 450px;
  44   outline: none;
  45   overflow: hidden;
  46   text-overflow: ellipsis;
  47   white-space: nowrap;
  48 }
  49
  50 .device-tab-entry:not(:hover),
  51 .device-tab-entry:not(:focus) {
  52   text-decoration: none;
  53 }
  54
  55 .device-tab-entry:hover,
  56 .device-tab-entry:focus {
  57   text-decoration: underline;
  58 }
  59
  60 .device-tab-entry:active,
  61 .device-tab-entry:visited,
  62 .device-tab-entry:link {
  63   color: rgb(48, 57, 66);
  64 }
  65
  66 .device-show-more-tabs,
  67 .device-show-more-tabs:active,
  68 .device-show-more-tabs:visited,
  69 .device-show-more-tabs:link {
  70   color: rgb(151, 156, 160);
  71 }
  72
  73 .other-devices-bottom {
  74   clear: both;
  75 }