blob: 223380d1d7291738c09c3b5511c5ba5e2fdecc06 [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 {
display: inline-block;
vertical-align: top;
width: 239px; /* 1/3 of history section max-width of 718px. */
}
.device h3 {
margin-top: 8px;
white-space: nowrap;
}
.device-timestamp {
color: rgb(151, 156, 160);
font-size: 12px;
line-height: 1.2em;
margin-top: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.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,
.device-show-more-tabs:active,
.device-show-more-tabs:visited,
.device-show-more-tabs:link {
color: rgb(151, 156, 160);
}
.other-devices-bottom {
clear: both;
}