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 } 154