other_devices.css revision 2a99a7e74a7f215066514fe81d2bfa6639d9eddd
12a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)/* Copyright (c) 2013 The Chromium Authors. All rights reserved. 22a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 32a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) * found in the LICENSE file. */ 42a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 52a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).other-devices { 62a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) width: 738px; /* Same as body.uber-frame header max-width */ 72a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 82a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 92a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).devices-row { 102a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) float: left; 112a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 122a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 132a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device { 142a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) float: left; 152a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) width: 246px; /* 1/3 of body.uber-frame header max-width */ 162a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 172a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 182a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device h3 { 192a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) font-weight: bold; 202a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin-top: 8px; 212a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 222a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 232a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-timestamp { 242a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) color: rgb(151, 156, 160); 252a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) font-weight: normal; 262a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 272a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 282a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-tab-entry { 292a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) -webkit-margin-end: 8px; 302a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) -webkit-margin-start: 0; 312a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) -webkit-padding-end: 0; 322a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) -webkit-padding-start: 22px; 332a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background: no-repeat 0 50%; 342a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background-color: transparent !important; 352a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) background-size: 16px 16px; 362a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) box-sizing: border-box; 372a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) display: block; 382a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) line-height: 1.5em; 392a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin-bottom: 0.5em; 402a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) margin-top: 0.5em; 412a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) max-width: 450px; 422a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) outline: none; 432a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) overflow: hidden; 442a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) text-overflow: ellipsis; 452a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) white-space: nowrap; 462a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 472a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 482a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-tab-entry:not(:hover), 492a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-tab-entry:not(:focus) { 502a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) text-decoration: none; 512a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 522a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 532a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-tab-entry:hover, 542a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-tab-entry:focus { 552a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) text-decoration: underline; 562a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 572a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 582a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-tab-entry:active, 592a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-tab-entry:visited, 602a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-tab-entry:link { 612a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) color: rgb(48, 57, 66); 622a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) text-decoration: none; 632a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 642a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 652a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-show-more-tabs:not(:hover), 662a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-show-more-tabs:not(:focus) { 672a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) text-decoration: none; 682a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 692a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 702a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-show-more-tabs:hover, 712a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-show-more-tabs:focus { 722a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) text-decoration: underline; 732a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 742a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 752a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-show-more-tabs, 762a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-show-more-tabs:active, 772a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-show-more-tabs:visited, 782a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).device-show-more-tabs:link { 792a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) color: rgb(151, 156, 160); 802a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 812a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) 822a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles).other-devices-bottom { 832a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) clear: both; 842a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles)} 85