chrome/browser/resources/chromeos/login/oobe_screen_hid_detection.css

   1 /* Copyright 2014 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
   6 #hid-detection {
   7   min-height: 395px;
   8   padding: 70px 17px 21px;
   9   width: 622px;
  10 }
  11
  12 #hid-detection .step-contents {
  13   margin: 33px auto 82px;
  14   width: 475px;
  15 }
  16
  17 #hid-detection #hid-invitation-text {
  18   font-size: 16px;
  19 }
  20
  21 #hid-detection #hid-prerequisite-msg {
  22   padding: 10px 0 20px;
  23 }
  24
  25 #hid-keyboard-block,
  26 #hid-mouse-block {
  27   padding: 10px 0;
  28 }
  29
  30 #hid-keyboard-block {
  31   padding-bottom: 30px;
  32 }
  33
  34 #hid-keyboard-icon,
  35 #hid-mouse-icon {
  36   bottom: -15px;
  37   height: 40px;
  38   position: relative;
  39   width: 40px;
  40 }
  41
  42 #hid-mouse-icon-block,
  43 #hid-keyboard-icon-block {
  44   display: inline;
  45 }
  46
  47 #hid-mouse-label,
  48 #hid-keyboard-label {
  49   -webkit-padding-start: 10px;
  50   display: inline;
  51 }
  52
  53 #hid-detection .label,
  54 #hid-keyboard-pincode {
  55   display: none;
  56 }
  57
  58 #hid-keyboard-tick,
  59 #hid-mouse-tick {
  60   -webkit-margin-start: -28px;
  61   bottom: -20px;
  62   position: relative;
  63   visibility: hidden;
  64 }
  65
  66 .searching {
  67   opacity: 0.6
  68 }
  69
  70 #hid-detection #hid-keyboard-pincode {
  71   -webkit-padding-start: 60px;
  72   padding-bottom: 15px;
  73   padding-top: 15px;
  74 }
  75
  76 .searching #hid-keyboard-label-searching,
  77 .searching #hid-mouse-label-searching,
  78 .connected #hid-keyboard-label-connected,
  79 .connected #hid-mouse-label-connected,
  80 .paired #hid-keyboard-label-paired,
  81 .paired #hid-mouse-label-paired,
  82 .pairing #hid-keyboard-label-pairing,
  83 .connected #hid-keyboard-tick,
  84 .connected #hid-mouse-tick,
  85 .paired #hid-keyboard-tick,
  86 .paired #hid-mouse-tick {
  87   display: inline;
  88 }
  89
  90 .connected #hid-keyboard-tick,
  91 .connected #hid-mouse-tick,
  92 .paired #hid-keyboard-tick,
  93 .paired #hid-mouse-tick {
  94   visibility: visible;
  95 }
  96
  97 .pairing .show-pincode #hid-keyboard-pincode {
  98   display: block;
  99 }