| /* 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; |
| } |