chrome/browser/resources/print_preview/search/destination_list_item.css

   1 /* Copyright (c) 2012 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 .destination-list-item {
   6   -webkit-padding-end: 2px;
   7   -webkit-padding-start: 18px;
   8   cursor: default;
   9   padding-bottom: 3px;
  10   padding-top: 3px;
  11 }
  12
  13 :not(.moving).destination-list-item {
  14   -webkit-transition: background-color 150ms;
  15 }
  16
  17 .destination-list-item:hover,
  18 .destination-list-item:focus {
  19   background-color: rgb(228, 236, 247);
  20 }
  21
  22 .destination-list-item:focus {
  23   outline: none;
  24 }
  25
  26 .destination-list-item.stale {
  27   opacity: 0.4;
  28 }
  29
  30 .destination-list-item-content {
  31   display: flex;
  32 }
  33
  34 .destination-list-item-icon {
  35   -webkit-margin-end: 8px;
  36   -webkit-transition: opacity 150ms;
  37   display: inline-block;
  38   flex: 0 0 auto;
  39   height: 24px;
  40   vertical-align: middle;
  41   width: 24px;
  42 }
  43
  44 .destination-list-item-name {
  45   flex: 0 1 auto;
  46   line-height: 24px;
  47   overflow: hidden;
  48   text-overflow: ellipsis;
  49   vertical-align: middle;
  50   white-space: nowrap;
  51 }
  52
  53 .destination-list-item-name .search-hint {
  54   -webkit-margin-start: 1em;
  55   color: #999;
  56   font-size: 75%;
  57 }
  58
  59 .destination-list-item .offline-status {
  60   -webkit-margin-start: 1em;
  61   flex: 0 0 auto;
  62   font-size: 75%;
  63   line-height: 24px;
  64   vertical-align: middle;
  65 }
  66
  67 .register-promo {
  68   -webkit-margin-start: 1em;
  69   flex: 0 0 auto;
  70 }
  71
  72 .destination-list-item-query-highlight {
  73   background-color: rgba(255, 240, 120, 0.9);
  74 }
  75
  76 .extension-controlled-indicator {
  77   display: flex;
  78   flex: 1;
  79   justify-content: flex-end;
  80   min-width: 150px;
  81 }
  82
  83 .extension-name {
  84   -webkit-margin-start: 1em;
  85   color: #777;
  86   line-height: 24px;
  87   overflow: hidden;
  88   text-overflow: ellipsis;
  89   white-space: nowrap;
  90 }
  91
  92 .extension-icon {
  93   background-position: center;
  94   background-repeat: no-repeat;
  95   cursor: pointer;
  96   flex: 0 0 auto;
  97   height: 24px;
  98   margin: 0 3px;
  99   width: 24px;
 100 }