blob: 76197b2e5e2f0f1693e389cdc3bdf0aee0885cba [file] [log] [blame]
/* Copyright (c) 2013 The Chromium Authors. All rights reserved.
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file. */
.other-devices {
width: 718px; /* Same as history section max-width */
}
.device-row:not(:first-of-type) {
margin-top: 20px;
}
.device {
-webkit-margin-end: 10px;
display: inline-block;
vertical-align: top;
width: 229px;
}
.device h3 {
align-items: center;
display: flex;
line-height: 2em;
margin-bottom: 0;
margin-top: 8px;
}
.device-timestamp {
color: rgb(151, 156, 160);
font-size: 12px;
line-height: 1.2em;
}
.device-name,
.device-timestamp {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.device-contents {
margin: 0;
padding: 0;
}
.device-tab-entry {
-webkit-margin-end: 8px;
-webkit-margin-start: 0;
-webkit-padding-end: 0;
-webkit-padding-start: 20px;
background: no-repeat 0 50%;
background-color: transparent !important;
background-size: 16px 16px;
box-sizing: border-box;
display: block;
line-height: 1.5em;
margin-bottom: 0.5em;
margin-top: 0.5em;
max-width: 450px;
outline: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.device-tab-entry:not(:hover),
.device-tab-entry:not(:focus) {
text-decoration: none;
}
.device-tab-entry:hover,
.device-tab-entry:focus {
text-decoration: underline;
}
.device-tab-entry:active,
.device-tab-entry:visited,
.device-tab-entry:link {
color: rgb(48, 57, 66);
}
.device-show-more-tabs {
color: rgb(151, 156, 160);
padding: 0;
}
.other-devices-bottom {
clear: both;
}