chrome/browser/resources/chromeos/charger_replacement.css

   1 /* Copyright (c) 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 body {
   6   padding: 8px;
   7 }
   8
   9 h2 {
  10   margin-bottom: 20px;
  11 }
  12
  13 .page {
  14   display: none;
  15   margin-left: 20px;
  16   margin-right: 20px;
  17   padding: 0;
  18 }
  19
  20 body[page='0'] #check-charger,
  21 body[page='1'] #confirm-safe-charger {
  22   display: block;
  23 }
  24 body[page='2'] #charger-update {
  25   display: block;
  26 }
  27 body[page='3'] #order-charger-online {
  28   display: block;
  29 }
  30 body[page='4'] #confirm-online-order {
  31  display: block;
  32 }
  33 body[page='5'] #finish-not-order-charger {
  34   display: block;
  35 }
  36 body[page='6'] #order-charger-offline {
  37   display: block;
  38 }
  39 body[page='7'] #charger-still-bad {
  40   display: block;
  41 }
  42
  43 .button-strip {
  44   display: -webkit-flex;
  45   justify-content: flex-end;
  46   margin-top: 20px;
  47 }
  48
  49 .command-button {
  50   width: 80px;
  51 }
  52
  53 .stop-use-recalled-charger {
  54   font-weight: bold;
  55 }
  56
  57 .checkbox-label {
  58  margin-left: 5px;
  59 }
  60
  61 .selected-charger {
  62   border: 2px solid rgb(66, 129, 244);
  63 }
  64
  65 .de-selected-charger {
  66   border: 2px solid #999;
  67 }
  68
  69 #select-device-country {
  70   width: 270px;
  71 }
  72
  73 #charger-selection {
  74   display: -webkit-flex;
  75   justify-content: space-between;
  76   margin-bottom: 25px;
  77   margin-top: 15px;
  78 }
  79
  80 #charger-selection img {
  81   display: block;
  82 }
  83
  84 #safe-charger-checkmark {
  85   display: block;
  86   margin-left: auto;
  87   margin-right: auto;
  88 }
  89
  90 #go-with-good-charger {
  91   margin-bottom: 30px;
  92   text-align: center;
  93 }
  94
  95 #safe-charger-checkmark {
  96   margin-bottom: 40px;
  97   margin-top: 40px;
  98 }
  99
 100 #back-to-check-charger {
 101  margin-right: 10px;
 102 }
 103
 104 #charger-order-form {
 105   border-style: none;
 106   height: 500px;
 107   width: 1100px;
 108 }
 109
 110 #back-to-check-charger-from-charger-update {
 111   margin-right: 10px;
 112 }
 113
 114 #not-order-charger-checkbox-strip {
 115   display: -webkit-flex;
 116   margin-left: 20px;
 117   margin-top: 5px;
 118 }
 119
 120 #offline-content {
 121   display: -webkit-flex;
 122   justify-content: space-between;
 123 }
 124
 125 #offline-order-contact {
 126   font-weight: bold;
 127 }
 128
 129 #offline-content-left {
 130   width: 450px;
 131 }
 132
 133 #offline-content-divider {
 134   border: 1px solid #f5f5f5;
 135   margin-left: 30px;
 136   margin-right: 30px;
 137 }
 138
 139 #offline-content-right {
 140   display: -webkit-flex;
 141   flex-direction: column;
 142   height: 465px;
 143   justify-content: space-between;
 144 }
 145
 146 #confirm-offline-order-checkbox-strip {
 147   display: -webkit-flex;
 148   flex-direction: row;
 149 }
 150
 151 #finish-still-bad-charger {
 152   margin-top: 40px;
 153 }