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 5body { 6 padding: 8px; 7} 8 9h2 { 10 margin-bottom: 20px; 11} 12 13.page { 14 display: none; 15 margin-left: 20px; 16 margin-right: 20px; 17 padding: 0; 18} 19 20body[page='0'] #check-charger, 21body[page='1'] #confirm-safe-charger { 22 display: block; 23} 24body[page='2'] #charger-update { 25 display: block; 26} 27body[page='3'] #order-charger-online { 28 display: block; 29} 30body[page='4'] #confirm-online-order { 31 display: block; 32} 33body[page='5'] #finish-not-order-charger { 34 display: block; 35} 36body[page='6'] #order-charger-offline { 37 display: block; 38} 39body[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} 154