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 5html, 6body, 7ul, 8li { 9 margin: 0; 10 padding: 0; 11} 12 13body, 14html { 15 height: 100%; 16} 17 18a { 19 color: rgb(0, 102, 204); 20 text-decoration: none; 21} 22 23button { 24 -webkit-margin-start: 15px; 25 min-width: 80px; 26} 27 28h1 { 29 font-size: 15pt; 30 margin-top: 0; 31} 32 33h2 { 34 font-size: 13pt; 35 margin-top: 0; 36} 37 38header { 39 -webkit-padding-start: 120px; 40 background-color: rgb(242, 247, 250); 41 border-bottom: 1px solid rgb(218, 236, 248); 42 padding-bottom: 50px; 43 padding-top: 50px; 44} 45 46header p { 47 margin-bottom: 0; 48 width: 800px; 49} 50 51input { 52 margin-bottom: 7px; 53 margin-top: 7px; 54} 55 56li { 57 list-style: none; 58 margin-bottom: 8px; 59} 60 61p { 62 margin-top: 0; 63} 64 65progress { 66 margin-bottom: 0; 67 width: 371px; 68} 69 70ul { 71 -webkit-margin-after: 25px; 72 -webkit-margin-before: 0; 73} 74 75.aligned-to-start { 76 -webkit-padding-start: 120px; 77} 78 79.float-start { 80 float: left; 81} 82 83html[dir='rtl'] .float-start { 84 float-right; 85} 86 87.float-stop { 88 clear: both; 89} 90 91.default-text { 92 margin-bottom: 0; 93} 94 95.normal-text { 96 font-size: 15; 97} 98 99.progress-text { 100 color: #666; 101 margin-bottom: 2px; 102 margin-top: 2px; 103} 104 105.select-option { 106 margin-top: 3px; 107} 108 109.new-line { 110 clear: both; 111} 112 113#main-content { 114 -webkit-padding-start: 120px; 115 background-image: -webkit-linear-gradient(rgb(255, 255, 255), 116 rgb(239, 245, 255)); 117 bottom: 0; 118 left: 0; 119 padding-bottom: 35px; 120 padding-top: 35px; 121 position: absolute; 122 right: 0; 123 top: 195px; 124} 125 126#status-icon { 127 display: none; 128 height: 64px; 129 left: 32px; 130 position: absolute; 131 right: 37px; 132 width: 64px; 133} 134 135#main-content.device-detected-none #status-icon { 136 background: url('insert.png'); 137 background-repeat: no-repeat; 138 display: block; 139} 140 141#main-content.device-detected-usb #status-icon { 142 background: url('detected_usb.png'); 143 background-repeat: no-repeat; 144 display: block; 145} 146 147#main-content.device-detected-sd #status-icon { 148 background: url('detected_sd.png'); 149 background-repeat: no-repeat; 150 display: block; 151} 152 153#progress-status-div { 154 display: none; 155} 156 157#main-content.progress #progress-status-div { 158 display: block; 159} 160 161#cancel-button { 162 display: none; 163 margin-bottom: 0; 164 margin-top: -4px; 165} 166 167#main-content.progress-canceble #cancel-button { 168 display: block; 169} 170 171#pending-time { 172 clear: both 173} 174 175#device-selection { 176 display: none; 177} 178 179#main-content.device-detected-mul #device-selection { 180 display: block; 181} 182 183#warning-icon { 184 -webkit-margin-end: 10px; 185 display: none; 186 height: 26px; 187 width: 25px; 188} 189 190#main-content.warning #warning-icon, 191#main-content.error #warning-icon { 192 background: url('../../../../ui/webui/resources/images/icon_warning.png'); 193 background-repeat: no-repeat; 194 display: block; 195} 196 197#main-content.success #warning-icon { 198 background: url('../../../../ui/webui/resources/images/icon_checkmark.png'); 199 background-repeat: no-repeat; 200 display: block; 201} 202 203#warning-div { 204 display: block; 205} 206 207#main-content.progress #warning-div { 208 display: none; 209} 210 211#warning-text { 212 max-width: 550px; 213 padding-top: 4px; 214} 215 216#main-content.success #warning-button, 217#main-content.warning-no-conf #warning-button, 218#main-content.device-detected-none #warning-button { 219 display: none; 220} 221 222#main-content.error #warning-button { 223 clear: both; 224} 225