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   display: none;
  55 }
  56
  57 #hid-keyboard-tick,
  58 #hid-mouse-tick {
  59   -webkit-margin-start: -28px;
  60   bottom: -20px;
  61   position: relative;
  62   visibility: hidden;
  63 }
  64
  65 .searching {
  66   opacity: 0.6
  67 }
  68
  69 #hid-detection #hid-keyboard-pincode {
  70   -webkit-padding-start: 60px;
  71   padding-bottom: 15px;
  72   padding-top: 15px;
  73 }
  74
  75 .searching #hid-keyboard-label-searching,
  76 .searching #hid-mouse-label-searching,
  77 .connected #hid-keyboard-label-connected,
  78 .connected #hid-mouse-label-connected,
  79 .paired #hid-keyboard-label-paired,
  80 .paired #hid-mouse-label-paired,
  81 .pairing #hid-keyboard-label-pairing,
  82 .connected #hid-keyboard-tick,
  83 .connected #hid-mouse-tick,
  84 .paired #hid-keyboard-tick,
  85 .paired #hid-mouse-tick {
  86   display: inline;
  87 }
  88
  89 .connected #hid-keyboard-tick,
  90 .connected #hid-mouse-tick,
  91 .paired #hid-keyboard-tick,
  92 .paired #hid-mouse-tick {
  93   visibility: visible;
  94 }
  95