Home | History | Annotate | Download | only in chromeos 
      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   -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 
     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 }
    225