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 } 76
