src/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 .invitation-container {
  68   -webkit-animation: invitation-fadein 500ms;
  69   background-color: rgb(249, 237, 190);
  70   border-top: solid 1px rgb(245, 233, 183);
  71   padding: 12px;
  72 }
  73
  74 @-webkit-keyframes invitation-fadein {
  75   from {
  76     opacity: 0;
  77   }
  78   to {
  79     opacity: 1;
  80   }
  81 }
  82
  83 #destination-search .invitation-text {
  84   -webkit-padding-after: 12px;
  85   text-align: center;
  86 }
  87
  88 #destination-search .invitation-buttons {
  89   align-items: center;
  90   display: flex;
  91   justify-content: center;
  92 }
  93
  94 #destination-search .invitation-buttons > *:not(:first-child) {
  95   -webkit-margin-start: 10px;
  96 }
  97
  98 #destination-search #invitation-process-throbber {
  99   display: block;
 100 }
 101
 102 #destination-search .cloudprint-promo {
 103   -webkit-box-align: center;
 104   -webkit-user-select: none;
 105   background-color: rgb(249, 237, 190);
 106   display: -webkit-box;
 107   padding: 12px;
 108 }
 109
 110 #destination-search .cloudprint-promo .sign-in.link-button {
 111   padding: inherit;
 112 }
 113
 114 #destination-search .cloudprint-promo .icon {
 115   -webkit-margin-end: 12px;
 116   display: block;
 117   height: 24px;
 118   width: 24px;
 119 }
 120
 121 #destination-search .cloudprint-promo .promo-text {
 122   -webkit-box-flex: 1;
 123 }
 124
 125 #destination-search .cloudprint-promo .close-button {
 126   -webkit-margin-start: 12px;
 127   background-image: -webkit-image-set(
 128     url('chrome://theme/IDR_CLOSE_DIALOG') 1x,
 129     url('chrome://theme/IDR_CLOSE_DIALOG@2x') 2x);
 130   background-repeat: no-repeat;
 131   background-size: 14px;
 132   height: 14px;
 133   width: 14px;
 134 }
 135
 136 #destination-search .cloudprint-promo .close-button:hover {
 137   background-image: -webkit-image-set(
 138     url('chrome://theme/IDR_CLOSE_DIALOG_H') 1x,
 139     url('chrome://theme/IDR_CLOSE_DIALOG_H@2x') 2x);
 140 }
 141
 142 #destination-search .cloudprint-promo .close-button:active {
 143   background-image: -webkit-image-set(
 144     url('chrome://theme/IDR_CLOSE_DIALOG_P') 1x,
 145     url('chrome://theme/IDR_CLOSE_DIALOG_P@2x') 2x);
 146 }