chrome/browser/resources/print_preview/search/destination_search.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-search {
   6   z-index: 3;
   7 }
   8
   9 #destination-search.transparent {
  10   opacity: 0;
  11   overflow: hidden;
  12   pointer-events: none;
  13 }
  14
  15 #destination-search > .page {
  16   width: 640px;
  17 }
  18
  19 #destination-search .user-info {
  20   display: flex;
  21   position: absolute;
  22   right: 40px;
  23   text-align: right;
  24   top: 14px;
  25   width: 350px;
  26 }
  27
  28 [dir='rtl'] #destination-search .user-info {
  29   left: 40px;
  30   right: auto;
  31 }
  32
  33 #destination-search .account-select-label {
  34   -webkit-user-select: none;
  35   flex: 1;
  36   height: 2em;
  37   line-height: 2em;
  38   overflow: hidden;
  39   text-overflow: ellipsis;
  40   white-space: nowrap;
  41 }
  42
  43 #destination-search .account-select {
  44   flex: 1;
  45   margin-left: 8px;
  46 }
  47
  48 #destination-search > .page > .close-button {
  49   top: 9px;
  50 }
  51
  52 #destination-search .search-box {
  53   -webkit-user-select: none;
  54   margin: 14px;
  55 }
  56
  57 #destination-search .lists {
  58   -webkit-box-flex: 1;
  59   overflow-y: auto;
  60 }
  61
  62 #destination-search .lists > * {
  63   -webkit-user-select: none;
  64   padding: 0 14px 18px;
  65 }
  66
  67 #destination-search .lists > :last-child {
  68   padding-bottom: 0;
  69 }
  70
  71 #destination-search .invitation-container {
  72   -webkit-animation: invitation-fadein 500ms;
  73   -webkit-box-align: center;
  74   -webkit-box-orient: vertical;
  75 }
  76
  77 @-webkit-keyframes invitation-fadein {
  78   from {
  79     opacity: 0;
  80   }
  81   to {
  82     opacity: 1;
  83   }
  84 }
  85
  86 #destination-search .invitation-text {
  87   padding-bottom: 12px;
  88 }
  89
  90 #destination-search .invitation-buttons {
  91   align-items: center;
  92   display: flex;
  93   justify-content: center;
  94 }
  95
  96 #destination-search .invitation-buttons > *:not(:first-child) {
  97   -webkit-margin-start: 10px;
  98 }
  99
 100 #destination-search #invitation-process-throbber {
 101   display: block;
 102 }
 103
 104 #destination-search .cloudprint-promo {
 105   -webkit-box-align: center;
 106   -webkit-user-select: none;
 107 }
 108
 109 #destination-search .cloudprint-promo .sign-in[is='action-link'] {
 110   padding: inherit;
 111 }
 112
 113 #destination-search .cloudprint-promo .icon {
 114   -webkit-margin-end: 12px;
 115   display: block;
 116   height: 24px;
 117   width: 24px;
 118 }
 119
 120 #destination-search .cloudprint-promo .promo-text {
 121   -webkit-box-flex: 1;
 122 }
 123
 124 #destination-search .cloudprint-promo .close-button {
 125   -webkit-margin-start: 12px;
 126   background-image: -webkit-image-set(
 127     url(chrome://theme/IDR_CLOSE_DIALOG) 1x,
 128     url(chrome://theme/IDR_CLOSE_DIALOG@2x) 2x);
 129   background-repeat: no-repeat;
 130   background-size: 14px;
 131   height: 14px;
 132   width: 14px;
 133 }
 134
 135 #destination-search .cloudprint-promo .close-button:hover {
 136   background-image: -webkit-image-set(
 137     url(chrome://theme/IDR_CLOSE_DIALOG_H) 1x,
 138     url(chrome://theme/IDR_CLOSE_DIALOG_H@2x) 2x);
 139 }
 140
 141 #destination-search .cloudprint-promo .close-button:active {
 142   background-image: -webkit-image-set(
 143     url(chrome://theme/IDR_CLOSE_DIALOG_P) 1x,
 144     url(chrome://theme/IDR_CLOSE_DIALOG_P@2x) 2x);
 145 }