third_party/WebKit/Source/devtools/front_end/devices/devicesView.css

   1 /*
   2  * Copyright (c) 2015 The Chromium Authors. All rights reserved.
   3  * Use of this source code is governed by a BSD-style license that can be
   4  * found in the LICENSE file.
   5  */
   6
   7 .devices-view-title {
   8     font-size: 16px;
   9     margin: 0 0 15px 15px;
  10     padding-top: 1px;
  11 }
  12
  13 .view-title {
  14     font-size: 16px;
  15 }
  16
  17 .devices-footer {
  18     border-top: 1px solid #cdcdcd;
  19     background-color: #f3f3f3;
  20     flex: none;
  21     padding: 3px 10px;
  22 }
  23
  24 .devices-footer > span {
  25     white-space: pre;
  26 }
  27
  28 .usb-checkbox {
  29     padding-bottom: 8px;
  30 }
  31
  32 .port-forwarding-checkbox {
  33     padding-top: 8px;
  34 }
  35
  36 .port-forwarding-footer {
  37     overflow: hidden;
  38     margin: 15px 0 0 25px;
  39 }
  40
  41 .port-forwarding-footer > * {
  42     white-space: pre-wrap;
  43 }
  44
  45 .device-view {
  46     overflow: auto;
  47     -webkit-user-select: text;
  48 }
  49
  50 .device-text-row {
  51     align-items: baseline;
  52     margin-bottom: 20px;
  53 }
  54
  55 .device-serial {
  56     color: #777;
  57     margin-left: 5px;
  58 }
  59
  60 .device-browser-list {
  61     flex: auto;
  62     overflow: auto;
  63 }
  64
  65 .device-browser-title {
  66     font-size: larger;
  67 }
  68
  69 .device-page-list {
  70     margin-top: 10px;
  71     overflow-x: auto;
  72     align-items: stretch;
  73     flex: none;
  74 }
  75
  76 .device-page-list > div {
  77     padding: 5px;
  78     overflow: visible;
  79     flex: none;
  80 }
  81
  82 .device-page-list > div:hover {
  83     background-color: #f3f3f3;
  84 }
  85
  86 .device-page-actions {
  87     justify-content: flex-start;
  88 }
  89
  90 .device-page-actions > .link {
  91     margin-right: 8px;
  92 }
  93
  94 .device-page-url {
  95     margin: 3px 0;
  96 }
  97
  98 .device-page-url a {
  99     display: block;
 100     color: #777;
 101     text-overflow: ellipsis;
 102     white-space: nowrap;
 103     overflow: hidden;
 104 }