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-row:not(:first-of-type) {
  10   margin-top: 20px;
  11 }
  12
  13 .device {
  14   -webkit-margin-end: 10px;
  15   display: inline-block;
  16   vertical-align: top;
  17   width: 229px;
  18 }
  19
  20 .device h3 {
  21   align-items: center;
  22   display: flex;
  23   line-height: 2em;
  24   margin-bottom: 0;
  25   margin-top: 8px;
  26 }
  27
  28 .device-timestamp {
  29   color: rgb(151, 156, 160);
  30   font-size: 12px;
  31   line-height: 1.2em;
  32 }
  33
  34 .device-name,
  35 .device-timestamp {
  36   overflow: hidden;
  37   text-overflow: ellipsis;
  38   white-space: nowrap;
  39 }
  40
  41 .device-contents {
  42   margin: 0;
  43   padding: 0;
  44 }
  45
  46 .device-tab-entry {
  47   -webkit-margin-end: 8px;
  48   -webkit-margin-start: 0;
  49   -webkit-padding-end: 0;
  50   -webkit-padding-start: 20px;
  51   background: no-repeat 0 50%;
  52   background-color: transparent !important;
  53   background-size: 16px 16px;
  54   box-sizing: border-box;
  55   display: block;
  56   line-height: 1.5em;
  57   margin-bottom: 0.5em;
  58   margin-top: 0.5em;
  59   max-width: 450px;
  60   outline: none;
  61   overflow: hidden;
  62   text-overflow: ellipsis;
  63   white-space: nowrap;
  64 }
  65
  66 .device-tab-entry:not(:hover),
  67 .device-tab-entry:not(:focus) {
  68   text-decoration: none;
  69 }
  70
  71 .device-tab-entry:hover,
  72 .device-tab-entry:focus {
  73   text-decoration: underline;
  74 }
  75
  76 .device-tab-entry:active,
  77 .device-tab-entry:visited,
  78 .device-tab-entry:link {
  79   color: rgb(48, 57, 66);
  80 }
  81
  82 .device-show-more-tabs {
  83   color: rgb(151, 156, 160);
  84   padding: 0;
  85 }
  86
  87 .other-devices-bottom {
  88   clear: both;
  89 }