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

   1 /* Copyright 2013 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 #debugging {
   7   display: flex;
   8   flex-flow: column;
   9   font-size: 16px;
  10   min-height: 423px;
  11   text-align: center;
  12   width: 722px;
  13 }
  14
  15 #debugging .step-contents {
  16   margin: 80px 100px;
  17 }
  18
  19 #debugging.setup-view .step-contents {
  20   margin-bottom: 40px;
  21   margin-top: 40px;
  22 }
  23
  24 #debugging.done-view .step-contents,
  25 #debugging.error-view .step-contents {
  26   margin: 80px;
  27 }
  28
  29 #debugging #debugging-controls {
  30   height: auto;
  31   justify-content: center;
  32   margin-top: auto;
  33   padding-bottom: 80px;
  34   padding-right: 0;
  35   position: static;
  36 }
  37
  38 #debugging.setup-view #debugging-controls {
  39   padding-bottom: 40px;
  40 }
  41
  42 #debugging-controls button {
  43   margin: 0 10px;
  44 }
  45
  46 #enable-debugging-icon {
  47   background-position: center;
  48   background-repeat: no-repeat;
  49   width: 100%;
  50 }
  51
  52 .remove-protection-view #enable-debugging-icon,
  53 .setup-view #enable-debugging-icon,
  54 .wait-view #enable-debugging-icon {
  55   background-image: url(chrome://theme/IDR_RESET_WARNING);
  56   background-size: 39px 72px;
  57   height: 72px;
  58 }
  59
  60 .done-view #enable-debugging-icon {
  61   background-image: url(chrome://theme/IDR_ENABLE_DEBUGGING_SUCCESS);
  62   background-size: 86px 66px;
  63   height: 66px;
  64 }
  65
  66 .error-view #enable-debugging-icon {
  67   background-image: url(chrome://theme/IDR_ENABLE_DEBUGGING_FAILURE);
  68   background-size: 66px;
  69   height: 66px;
  70 }
  71
  72 /** Preload icons */
  73 #enable-debugging-icon::after {
  74   content:
  75     url(chrome://theme/IDR_RESET_WARNING)
  76     url(chrome://theme/IDR_ENABLE_DEBUGGING_SUCCESS)
  77     url(chrome://theme/IDR_ENABLE_DEBUGGING_FAILURE);
  78   display: none;
  79 }
  80
  81 .enable-debugging-title {
  82   color: #464646;
  83   font-size: 24px;
  84   font-weight: bold;
  85   padding: 30px 45px;
  86 }
  87
  88 .enable-debugging-text {
  89   color: #606060;
  90 }
  91
  92 #debugging #debugging-warning-details,
  93 #debugging #debugging-done-msg {
  94   padding: 20px 40px 0;
  95 }
  96
  97 #debugging #enable-debugging-wait-msg {
  98   display: inline-block;
  99   padding: 25px 0;
 100   vertical-align: middle;
 101 }
 102
 103 #enable-debugging-passwords {
 104   font-style: italic;
 105   margin-bottom: 10px;
 106   margin-top: 20px;
 107 }
 108
 109 #enable-debugging-password-note {
 110   color: #c6c6c6;
 111   font-size: 12px;
 112 }
 113
 114 .enable-debugging-password-input {
 115   align-items: center;
 116   display: flex;
 117   flex-direction: column;
 118   margin: 10px 0;
 119 }
 120
 121 .enable-debugging-password-input input[type=password] {
 122   margin: 5px 0;
 123   width: 300px;
 124 }
 125
 126 .enable-debugging-password-input
 127     input[type=password]::-webkit-input-placeholder {
 128   font-size: 14px;
 129   font-style: normal;
 130 }
 131
 132 .done-specific,
 133 .error-specific,
 134 .remove-protection-specific,
 135 .setup-specific,
 136 .wait-specific {
 137   display: none;
 138 }
 139
 140 .error-view .error-specific,
 141 .done-view .done-specific,
 142 .remove-protection-view .remove-protection-specific,
 143 .setup-view .setup-specific,
 144 .wait-view .wait-specific {
 145   display: block;
 146 }
 147
 148 #debugging-remove-protection-button,
 149 #debugging-enable-button,
 150 #debugging-cancel-button,
 151 #debugging-ok-button {
 152   display: none;
 153 }
 154
 155 .remove-protection-view #debugging-remove-protection-button,
 156 .remove-protection-view #debugging-cancel-button,
 157 .setup-view #debugging-enable-button,
 158 .setup-view #debugging-cancel-button,
 159 .done-view #debugging-ok-button,
 160 .error-view #debugging-ok-button {
 161   display: inline-block;
 162 }
 163