chrome/browser/resources/chromeos/image_burner.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 html,
   6 body,
   7 ul,
   8 li {
   9   margin: 0;
  10   padding: 0;
  11 }
  12
  13 body,
  14 html {
  15   height: 100%;
  16 }
  17
  18 a {
  19   color: rgb(0, 102, 204);
  20   text-decoration: none;
  21 }
  22
  23 button {
  24   -webkit-margin-start: 15px;
  25   min-width: 80px;
  26 }
  27
  28 h1 {
  29   font-size: 15pt;
  30   margin-top: 0;
  31 }
  32
  33 h2 {
  34   font-size: 13pt;
  35   margin-top: 0;
  36 }
  37
  38 header {
  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
  46 header p {
  47   margin-bottom: 0;
  48   width: 800px;
  49 }
  50
  51 input {
  52   margin-bottom: 7px;
  53   margin-top: 7px;
  54 }
  55
  56 li {
  57   list-style: none;
  58   margin-bottom: 8px;
  59 }
  60
  61 p {
  62   margin-top: 0;
  63 }
  64
  65 progress {
  66   margin-bottom: 0;
  67   width: 371px;
  68 }
  69
  70 ul {
  71   margin-bottom: 25px;
  72   margin-top: 0;
  73 }
  74
  75 .aligned-to-start {
  76   -webkit-padding-start: 120px;
  77 }
  78
  79 .float-start {
  80   float: left;
  81 }
  82
  83 html[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 }